/**
 * Estilo visual «EBF Aviation» — reproduce la web original de ebfaviation.com (Joomla, plantilla «mountains»,
 * migrada a Netkipu el 12-oct-2026; bilingüe ES/EN). Solo la usa EBF Aviation Consultants: fondo de cielo fijo,
 * logo centrado con el menú debajo, caja central blanca al 90 %, barra lateral izquierda con el contador de
 * visitas y pie gris oscuro con el crédito en celeste. Arial 14 px #444; títulos 36 px; módulos #315e75.
 */
html.skin-ebf body { background: #4a7fb5 url(/assets/img/skins/ebf-fondo.jpg) center top / cover fixed no-repeat;
    font-family: Arial, Helvetica, sans-serif; color: #444; }
#nk-lang-toggle { display: none !important; }   /* el idioma se cambia con las banderas de arriba, como el original */

/* ===== Cabecera: transparente sobre el cielo; banderas arriba a la izquierda; logo centrado; menú debajo ===== */
:host(site-header) { background: transparent !important; box-shadow: none !important; border: 0 !important; }
:host(site-header) .inner { max-width: 1170px; }
:host(site-header) [data-login], :host(site-header) [data-login-actions], :host(site-header) [data-util-login] { display: none !important; }
:host(site-header) .branches { gap: .45rem; }
:host(site-header) .utility, :host(site-header) .branches-wrap { justify-content: flex-start !important; }
:host(site-header) .utility { align-self: stretch; width: 100%; }
:host(site-header) .brand img { max-width: none; }   /* logo +30 % (el núcleo lo limitaba a 360 px de ancho) */
:host(site-header) .menu-wrap { flex-basis: 100%; width: 100%; justify-content: center; }
/* Fecha del día ({fecha}) en blanco, a la izquierda de las banderas, como el original */
:host(site-header) .branches .top-text { font: 400 13px/1 Arial, Helvetica, sans-serif; color: #fff; margin-right: .8rem; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
:host(site-header) .branches img { border-radius: 0; height: 12px; }
/* Cintillo del menú semitransparente que se disuelve hacia los extremos del contenido (sin recortes: los submenús deben verse) */
:host(site-header) .menu-wrap { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 22%, rgba(255, 255, 255, .5) 78%, rgba(255, 255, 255, 0));
    border: 0; border-top: 1px solid; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, .85) 78%, rgba(255, 255, 255, 0)) 1; }
:host(site-header) ul.submenu { background: rgba(255, 255, 255, .96); box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }
:host(site-header) ul.submenu a { color: #555; }
:host(site-header) ul.submenu a:hover, :host(site-header) ul.submenu a:focus-visible, :host(site-header) ul.submenu a.is-current { color: #fff !important; background: #4488bb !important; }
:host(site-header) ul.menu { justify-content: center; }
:host(site-header) ul.menu > .item > a { font: 400 14px/1 Arial, Helvetica, sans-serif; color: #555; padding: .95rem .9rem; border-bottom: 0; }
:host(site-header) ul.menu > .item > a:hover, :host(site-header) ul.menu > .item > a.is-current { color: #4488bb; }
:host(site-header) ul.submenu a { font: 400 13px/1.3 Arial, Helvetica, sans-serif; }

/* ===== Caja central blanca (90 %) con barra lateral izquierda (contador) ===== */
html.skin-ebf main#contenido { max-width: 1170px; margin: 1.2rem auto 0; background: rgba(255, 255, 255, .9);
    padding: 22px 22px 10px; box-sizing: border-box; display: grid; grid-template-columns: 210px minmax(0, 1fr); column-gap: 28px; row-gap: 0; align-items: start; }
html.skin-ebf main#contenido > section { grid-column: 2; padding: 0 0 14px !important; min-height: 0; }
html.skin-ebf main#contenido > section.site-section--slideshow { grid-column: 1 / -1; padding-bottom: 22px !important; }
html.skin-ebf main#contenido > section.site-section--contador { grid-column: 1; grid-row: 1 / span 40; }
html.skin-ebf main#contenido:has(> section.site-section--slideshow) > section.site-section--contador { grid-row: 2 / span 40; }
@media (max-width: 760px) {
    html.skin-ebf main#contenido { display: block; margin-top: .6rem; padding: 14px; }
    html.skin-ebf main#contenido > section.site-section--contador { margin-top: 10px; }
}
:host(site-freeform) .wrap, :host(site-mapa) .wrap, :host(site-contador) .wrap, :host(site-slideshow) .wrap { padding-inline: 0; max-width: none; }

/* ===== Contador «Visitas» como su módulo (título en banda #315e75) ===== */
:host(site-contador) .ct-title { background: #315e75; color: #fff; font: 400 18px/1.3 Arial, Helvetica, sans-serif; padding: 1px 6px; margin: 0 0 12px; }
:host(site-contador) .odo { margin-left: 14px; }

/* ===== Textos ===== */
:host(site-freeform) .pb-text { font: 400 14px/1.6 Arial, Helvetica, sans-serif; color: #444; }
:host(site-freeform) .pb-text h2 { font: 400 36px/1.15 Arial, Helvetica, sans-serif; color: #444; margin: 0 0 .5rem; text-transform: none; }
:host(site-freeform) .pb-text h3 { font: 400 17px/1.35 Arial, Helvetica, sans-serif; color: #444; }
:host(site-freeform) .pb-text a { color: #4488bb; }
:host(site-freeform) .pb-img img { border-radius: 0; border: 1px solid #000; }
:host(site-freeform[data-anchor^="clientes-"]) .pb-img img, :host(site-freeform[data-anchor^="asistencia-legal-"]) .pb-row:last-child .pb-img img { border: 0; }

/* ===== Carrusel: texto blanco grande con sombra, al centro ===== */
:host(site-slideshow) .stage { border-radius: 0; }
:host(site-slideshow) .panel .t { font: 400 40px/1.1 Arial, Helvetica, sans-serif; text-shadow: 1px 2px 4px rgba(0, 0, 0, .55) !important; }

/* ===== Contactos: dos mapas lado a lado, sin el texto del enlace ===== */
:host(site-mapa) h2 { font: 400 36px/1.15 Arial, Helvetica, sans-serif; color: #444; text-align: left; }
:host(site-mapa) .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
:host(site-mapa) .card { border-radius: 0; }
:host(site-mapa) .frame { aspect-ratio: 8 / 7; }
:host(site-mapa) .body h3 { font: 700 14px/1.3 Arial, Helvetica, sans-serif; }
@media (max-width: 760px) { :host(site-mapa) .grid { grid-template-columns: 1fr; } }

/* ===== Pie: banda gris oscuro del ancho de la caja, crédito en celeste ===== */
:host(site-footer) { max-width: 1170px; margin: 0 auto 2rem; display: block; }
:host(site-footer) .cols-free { padding-block: 1.6rem; }
:host(site-footer) .cols-free .pb-text a { color: #00aff2; text-decoration: none; }
:host(site-footer) .subfooter { display: none; }

/* ===== Ajustes: secciones sin fondo propio (las cubre la caja blanca), poco relleno, cabecera no fija ===== */
html.skin-ebf main#contenido > section { background: transparent !important; }
:host(site-freeform) .free { padding: 0 0 6px; }
html.skin-ebf site-header { position: relative !important; }