/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/*Add your own styles here:*/

/* ==========================================================================
   Topbar + footer modelo Panamá (assanet.com) replicado en Guatemala
   2026-10-02 — copiado de assanetpaprod/enfold-child/style.css
   ========================================================================== */

/* Topbar (#header_meta) — base (Panamá) */
#top #header_meta .phone-info {float: right; font-size:13px;}
.llama {width:auto; float:right; margin-right: 13px;}
.sub_menu li { border-right-style: none; }
#top .av_font_icon a {margin-right: 4px;}

@media only screen and (max-width: 767px) {
  #nosale { display:none;}
  .responsive .phone-info {float: left !important;width: 50%; clear: none}
  .responsive #header .sub_menu, .responsive #header_meta .sub_menu {padding-top:3px; float:right; width:50%;}
}

/* Selector de paises: deshabilitar hover, usar click-toggle via JS */
#header_meta .sub_menu .menu-item-has-children > .sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
#header_meta .sub_menu .menu-item-has-children.is-open > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}


/* Topbar (#header_meta) — cambio de color de fondo, todo el sitio */
#top #header_meta {
  background-color: #0D2E68 !important;
}

/* ---------- Topbar (#header_meta) — ajustes visuales SOLO desktop ----------
   1) +15px de alto total.
   2) "Panama" (menu pais) centrado verticalmente con la bandera, no pegado
      al margen inferior.
   3) Divisor vertical entre cada elemento (Whatsapp/Contactenos/Telefono/
      Sucursales/Panama), estilo El Salvador.
   ========================================================================== */
@media only screen and (min-width: 768px) {

  /* (1) +15px de alto: el contenedor no tiene padding fijo propio, hereda
     line-height de sus hijos — se agrega padding vertical extra */
  #top #header_meta .container {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
  }

  /* (2) Centrar "Panama" con la bandera — el <a> del menu principal usa
     line-height/vertical-align por defecto que lo deja pegado abajo */
  #top #header_meta .sub_menu {
    display: flex !important;
    align-items: center !important;
    margin-top: -4px !important;
  }
  #top #header_meta .sub_menu > ul.menu {
    display: flex !important;
    align-items: center !important;
  }
  #top #header_meta .sub_menu li > a {
    display: flex !important;
    align-items: center !important;
  }

  /* (3) Divisor vertical entre elementos del phone-info (Whatsapp,
     Contactenos, Telefono, Sucursales) */
  #top #header_meta .phone-info .llama {
    position: relative !important;
    padding-left: 16px !important;
    margin-left: 16px !important;
  }
  #top #header_meta .phone-info .llama:last-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #top #header_meta .phone-info .llama::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 16px !important;
    background: rgba(255,255,255,.4) !important;
  }
  #top #header_meta .phone-info .llama:last-child::before {
    display: none !important;
  }

  /* Espacio entre la bandera y el texto "Panama" */
  #top #header_meta .sub_menu li > a img:first-child {
    margin-right: 5px !important;
  }

  /* Espacio entre el texto "Panama" y la flecha (ultima imagen del <a>) */
  #top #header_meta .sub_menu li > a img:last-child {
    margin-left: 8px !important;
  }
}


/* ==========================================================================
   Footer global "#assa-custom-footer" (post 11114 staging / 11110 local)
   Migrado desde el <style id="assa-custom-footer-css"> embebido en el
   post_content del footer, hacia este archivo. El HTML del footer sigue
   viviendo en el post (bloque av_codeblock), pero ya sin CSS inline.
   Aplica a TODO el sitio (footer global), sin scope de pagina.
   ========================================================================== */


#assa-custom-footer{
  position:relative;
  overflow:hidden;
  font-family:'Roboto',sans-serif;
  box-sizing:border-box;
  background:#0D2E68;
  color:rgba(255,255,255,.75);
  width:100%;
}
#assa-custom-footer *{box-sizing:border-box;}

/* Ilustracion decorativa */
/* Zona principal */
#assa-custom-footer .assa-footer-main{
  position:relative;z-index:1;
  width:100%;margin:0 auto;
  padding:56px 24px 48px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.15fr;
  column-gap:40px;
}
#assa-custom-footer .assa-footer-col{padding:0;}

#assa-custom-footer .assa-footer-title{
  font-size:1rem;font-weight:700;
  text-transform:none;letter-spacing:0;
  color:#fff;margin:0 0 22px 0;padding:0;
  background:none;border:none;line-height:1.3;
}

#assa-custom-footer .assa-footer-links{
  display:flex;flex-direction:column;gap:12px;
  margin:0;padding:0;list-style:none;
}
#assa-custom-footer .assa-footer-links li{margin:0;padding:0;background:transparent;}
#top #assa-custom-footer .assa-footer-links li a,
#assa-custom-footer .assa-footer-links li a{
  font-size:.78rem;
  color:#74CCFE;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:600;
  text-decoration:none;
  display:inline;
  line-height:1.5;
  background:transparent!important;
  border:none;box-shadow:none;
  transition:color .15s ease;
}
#top #assa-custom-footer .assa-footer-links li a:hover,
#top #assa-custom-footer .assa-footer-links li a:focus{color:#fff;background:transparent!important;}

/* Columna App */
#assa-custom-footer .assa-footer-col-app{max-width:280px;}
#assa-custom-footer .assa-footer-app-text{
  font-size:.85rem;font-weight:700;color:#fff;
  line-height:1.45;margin:0 0 18px 0;
}
@media (min-width:768px){
  /* El <br> manual del texto (para forzar el salto en mobile/tablet) deja
     un corte de linea innecesario en desktop, donde el ancho disponible
     alcanza para una sola linea. */
  #assa-custom-footer .assa-footer-app-text br{ display:none; }
}
#assa-custom-footer .assa-footer-app-badges{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
#assa-custom-footer .assa-footer-app-badges a{display:inline-block;line-height:0;}
#assa-custom-footer .assa-footer-app-badges img{width:135px;height:auto;display:block;}

/* Barra inferior */
#assa-custom-footer .assa-footer-bottom{position:relative;z-index:1;background:#0D2E68;}
#assa-custom-footer .assa-footer-bottom-inner{
  width:100%;margin:0 auto;padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
#assa-custom-footer .assa-footer-bottom-left{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;}
#assa-custom-footer .assa-footer-superin-logo{flex:none;width:88px;height:auto;}
#assa-custom-footer .assa-footer-bottom-text{display:flex;flex-direction:column;gap:4px;}
#assa-custom-footer .assa-footer-superin-text{font-size:.72rem;color:rgba(255,255,255,.8);line-height:1.35;}
#assa-custom-footer .assa-footer-bottom-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#assa-custom-footer .assa-footer-copy,
#assa-custom-footer .assa-footer-bottom-sep{font-size:.72rem;color:rgba(255,255,255,.8);}
#top #assa-custom-footer .assa-footer-bottom-nav a{
  font-size:.72rem;color:rgba(255,255,255,.8);text-decoration:none;
  background:transparent!important;transition:opacity .15s ease;
}
#top #assa-custom-footer .assa-footer-bottom-nav a:hover{opacity:.7;color:#fff;}

/* Redes sociales */
#assa-custom-footer .assa-footer-bottom-right{display:flex;align-items:center;}
#top #assa-custom-footer .assa-footer-social{
  display:flex;align-items:center;gap:16px;
  list-style:none;margin:0;padding:0;
}
#top #assa-custom-footer .assa-footer-social li{margin:0;padding:0;background:transparent;border:none;}
#top #assa-custom-footer .assa-footer-social li::before,
#top #assa-custom-footer .assa-footer-social li::after{content:none;display:none;}
#top #assa-custom-footer .assa-footer-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:auto;padding:0;margin:0;border:none;border-radius:0;
  background:transparent!important;color:#fff;
  transition:opacity .15s ease;
}
#top #assa-custom-footer .assa-footer-social a:hover{opacity:.7;color:#fff;background:transparent!important;}
#top #assa-custom-footer .assa-footer-social svg{width:18px;height:18px;fill:#fff;display:block;}

/* Responsive */
@media (max-width:1100px){
  #assa-custom-footer .assa-footer-main{grid-template-columns:1fr 1fr;gap:32px 40px;}
  #assa-custom-footer .assa-footer-col-app{grid-column:1 / -1;max-width:none;}
  #assa-custom-footer .assa-footer-app-badges{flex-direction:row;}
}
@media (max-width:640px){
  #assa-custom-footer .assa-footer-main{grid-template-columns:1fr;padding:36px 20px 32px;}
  #assa-custom-footer .assa-footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:18px 20px;}
  }

/* ==========================================================================
   Acordeon mobile del footer (av_toggle_container, styling=av-minimal-toggle)
   Reemplaza visualmente las 4 columnas de menu en mobile (Figma). Las
   columnas (.assa-footer-main dentro del av_codeblock) siguen intactas y
   visibles en desktop; el toggle vive fuera del av_codeblock, como bloque
   hermano en el post, oculto en desktop y visible solo en mobile.
   ========================================================================== */
.togglecontainer.av-minimal-toggle{ display:none; }

/* Redes sociales duplicadas arriba (Figma: antes de "Disfruta de ASSA
   APP"). El original vive en la barra legal, para no alterar su posicion
   en desktop (columna derecha, junto a copyright). El duplicado
   (assa-footer-social-mobile) esta oculto en desktop por defecto. */
#top #assa-custom-footer .assa-footer-social-mobile{ display:none !important; }

@media (max-width:767px){
  .togglecontainer.av-minimal-toggle{ display:block; }
  /* Ocultar las 4 columnas de menu (Explorar Productos, Acerca de Nosotros,
     Recursos y Ayuda) en mobile — el acordeon las reemplaza visualmente.
     La columna de redes/ASSA APP (assa-footer-col-app) no se oculta aqui. */
  #assa-custom-footer .assa-footer-col:not(.assa-footer-col-app){ display:none; }

  /* Mostrar el duplicado de redes arriba, ocultar el original de la
     barra legal (queda solo logo+copyright+links legales en mobile). */
  #top #assa-custom-footer .assa-footer-social-mobile{ display:flex !important; margin:0 0 22px 0 !important; }
  .assa-footer-social-mobile svg{ width:26px !important; height:26px !important; }
  #assa-custom-footer .assa-footer-app-text{ font-size:14.6px !important; font-weight:400 !important; margin-bottom:20px !important; }
  #assa-custom-footer .assa-footer-app-badges img{ width:150px !important; }
  #assa-custom-footer .assa-footer-app-badges img[alt="Google Play"]{ width:170px !important; }
  .assa-footer-bottom-right .assa-footer-social{ display:none; }
}

/* Estilo visual del acordeon del footer, calcando el Figma: fondo azul
   oscuro igual al footer, texto blanco, sin caja/borde del estilo minimal
   de Enfold, flecha blanca (+ que rota a - al abrir). Scoped a este toggle
   especifico para no afectar otros av_toggle del sitio que usen la misma
   clase av-minimal-toggle en otras paginas. */
/* Fusionar los 3 bloques del footer (codeblock principal, acordeon,
   codeblock de barra legal) en un solo fondo continuo sin cortes. Enfold
   agrega margin-bottom automatico entre elementos hermanos del Layout
   Builder — se anula solo dentro de #footer-page para no afectar otros
   codeblocks/toggles del sitio. */
#footer-page .avia_codeblock_section,
#footer-page .togglecontainer.assa-footer-toggle {
  margin: 0 !important;
  padding: 0 !important;
}
#footer-page .entry-content-wrapper,
#footer-page .template-page,
#footer-page .container,
#footer-page .container_wrap {
  padding: 0 !important;
  margin: 0 !important;
}
#footer-page #assa-custom-footer {
  overflow: visible;
}

/* El .container de Enfold trae un ancho limitado por defecto
   (95%/max-width calculado), dejando el footer angosto con una franja
   en blanco a la derecha tanto en mobile como en desktop. Se fuerza a
   100% en ambos breakpoints para que el footer ocupe todo el ancho. */
#footer-page .container {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width:767px){
  #assa-custom-footer .assa-footer-bottom {
    margin-top: -10px !important;
  }
}

.togglecontainer.assa-footer-toggle {
  font-family: 'Roboto', sans-serif;
  background: #0D2E68;
}
.togglecontainer.assa-footer-toggle .av_toggle_section {
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.togglecontainer.assa-footer-toggle .av_toggle_section:last-child {
  border-bottom: none;
}
.togglecontainer.assa-footer-toggle .toggler {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 18px 45px 18px 24px !important;
  position: relative !important;
}
/* Chevron (Figma) en vez del "+" nativo de Enfold: se ocultan las 2 barras
   originales (vert_icon/hor_icon, forman el "+") y se dibuja una flecha
   propia con border, rotando 180deg al abrir (clase activeTitle). */
.togglecontainer.assa-footer-toggle .toggle_icon {
  border: none !important;
  width: 14px !important;
  height: 14px !important;
  left: auto !important;
  right: 24px !important;
  margin-top: -7px !important;
}
.togglecontainer.assa-footer-toggle .toggle_icon .vert_icon,
.togglecontainer.assa-footer-toggle .toggle_icon .hor_icon {
  display: none !important;
}
.togglecontainer.assa-footer-toggle .toggle_icon::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 1px !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: rotate(45deg) !important;
  transition: transform 0.3s ease !important;
}
.togglecontainer.assa-footer-toggle .activeTitle .toggle_icon::before {
  transform: rotate(225deg) !important;
  top: 7px !important;
}
.togglecontainer.assa-footer-toggle .toggle_wrap {
  background: transparent !important;
  border: none !important;
}
.togglecontainer.assa-footer-toggle .toggle_content {
  background: transparent !important;
  padding: 0 24px 18px 24px !important;
  text-align: left !important;
}
.togglecontainer.assa-footer-toggle .toggle_content p {
  margin: 0 0 12px 0 !important;
  color: #ffffff !important;
}
.togglecontainer.assa-footer-toggle .toggle_content a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  padding-left: 20px !important;
  display: inline-block !important;
}
.togglecontainer.assa-footer-toggle .toggle_content a:hover {
  color: #74CCFE !important;
}



/* Topbar GT: igualar aspecto de Panamá (negrita, ícono 13px, texto centrado con el ícono) */
#top #header_meta .phone-info .llama { font-weight: 700; }
#top #header_meta .phone-info .llama .av-icon-char { font-size: 13px !important; line-height: 23px !important; }
#top #header_meta .phone-info .llama > a,
#top #header_meta .phone-info .llama > span { display: block; float: left; margin-top: 0; line-height: 23px; }
#top #header_meta .phone-info .llama a { font-weight: 700; }

/* Selector de idioma ESP | ENG (estilo El Salvador, assanetsvprod) */
#top #header_meta .sub_menu > ul.assa-header-lang {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}
#top #header_meta .assa-header-lang {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    list-style: none !important;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    line-height: 1 !important;
    height: auto !important;
    background: transparent !important;
}

#top #header_meta .assa-header-lang li {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 5px !important;
    line-height: 1 !important;
    float: none !important;
    border: none !important;
    background: transparent !important;
}

#top #header_meta .assa-header-lang li.assa-header-lang-sep {
    padding: 0 2px !important;
    cursor: default !important;
}

#top #header_meta .assa-header-lang a {
    display: inline !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    padding: 0 !important;
    opacity: 0.75 !important;
    transition: opacity 0.15s ease !important;
    background: transparent !important;
    border: none !important;
}

#top #header_meta .assa-header-lang a:hover,
#top #header_meta .assa-header-lang a:focus,
#top #header_meta .assa-header-lang li.lang-active a {
    opacity: 1 !important;
    text-decoration: underline !important;
    background: transparent !important;
}

@media screen and (max-width: 767px) {
    .responsive #top #header_meta .assa-header-lang { margin: 0 0 0 8px !important; }
}

/* Selector de idioma del footer ESP | ENG (estilo El Salvador, assanetsvprod) */
#assa-custom-footer .assa-footer-bottom-right { gap: 18px; }
/* Selector de idioma */
#assa-custom-footer .assa-footer-lang {
    display: flex !important;
    align-items: center !important;
}

#assa-custom-footer .assa-footer-lang a {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    padding: 0 6px 0 0 !important;
}

#assa-custom-footer .assa-footer-lang a + a {
    padding: 0 0 0 6px !important;
}

#assa-custom-footer .assa-footer-lang a:hover {
    color: #fff !important;
}

#assa-custom-footer .assa-footer-lang a.lang-active {
    color: #fff !important;
}

#assa-custom-footer .assa-footer-lang-sep {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.75rem !important;
    padding: 0 2px !important;
}

/* Ocultar el selector nativo de WPML con banderas debajo del footer (igual que SV) */
#lang_sel_footer,
.wpml-ls-statics-footer { display: none !important; }

/* Dropdown de países (topbar): alineado con el país, mismo azul del topbar, texto 13px, separador punteado */
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu {
    /* banderas de la lista en línea con la bandera del país (borde 1px + relleno 18px + 8px antes de la bandera) */
    left: -27px !important;
    right: auto !important;
    /* debajo de la barra, sin tapar el país: top se calcula desde el borde inferior del li */
    top: calc(100% + 7.5px) !important;
    background-color: #0D2E68 !important;
}
/* Móvil: el topbar tiene 2 filas (la 2a es ESP | ENG) → bajar el dropdown hasta el borde de la barra
   y alinear banderas (en móvil no hay los 8px extra y el país tiene 10px de margen) */
@media only screen and (max-width: 767px) {
    #top #header_meta .sub_menu .menu-item-has-children > .sub-menu {
        top: calc(100% + 35px) !important;
        left: -9px !important;
    }
}
/* Nombre del país actual ("Guatemala") del mismo tamaño que ESP | ENG */
#top #header_meta .sub_menu .menu-item-has-children > a {
    font-size: 13px !important;
}
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li,
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li a {
    background-color: transparent !important;
}
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li a {
    font-size: 13px !important;
}
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li + li {
    border-top: 1px dotted rgba(255, 255, 255, 0.45) !important;
}

/* ==========================================================================
   TOPBAR v2 — estándar regional (2026-10-02). Mismo estilo en GT, CR, SV, HN, NI.
   Idioma (ESP | ENG) a la izquierda · elementos del país · lista de países al extremo derecho.
   Texto en mayúsculas con espaciado, íconos SVG de contorno, divisores verticales, chevron celeste.
   Requiere en el campo "phone" de Enfold: <div class="llama assa-tb-item"><a ...><svg class="assa-tb-icon">..</svg><span>Texto</span></a></div>
   ========================================================================== */
#top #header_meta,
#top #header_meta .assa-tb-item a,
#top #header_meta .assa-header-lang a,
#top #header_meta .sub_menu #avia2-menu > li > a {
    font-family: 'Roboto', sans-serif !important;
}
#top #header_meta .assa-tb-item a,
#top #header_meta .sub_menu #avia2-menu > li > a {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
#top #header_meta .assa-tb-item a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    float: none !important;
    margin: 0 !important;
    line-height: 1 !important;
}
#top #header_meta .assa-tb-item a span { display: inline !important; float: none !important; margin: 0 !important; line-height: 1 !important; }
#top #header_meta .assa-tb-icon {
    width: 18px; height: 18px; flex: 0 0 18px;
    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
/* Chevron celeste en el país actual (reemplaza la flechita en imagen) */
#top #header_meta .sub_menu #avia2-menu > li > a > img:not(:first-child) { display: none !important; }
#top #header_meta .sub_menu #avia2-menu > li.menu-item-has-children > a::after {
    content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 10px; margin-top: -4px;
    border-right: 2px solid #4DA3FF; border-bottom: 2px solid #4DA3FF; transform: rotate(45deg);
}
#top #header_meta .sub_menu #avia2-menu > li > a > img:first-child { margin-right: 8px !important; }
#top #header_meta .sub_menu #avia2-menu > li > a { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; }
#top #header_meta .assa-header-lang a { font-size: 13px !important; letter-spacing: 0.08em !important; }

@media only screen and (min-width: 768px) {
    /* Layout: idioma | (espacio) | elementos | país */
    #top #header_meta .container { display: flex !important; align-items: center !important; }
    #top #header_meta .container > nav.sub_menu { display: contents !important; }
    #top #header_meta .container > nav.sub_menu > ul.assa-header-lang { order: 1; margin: 0 auto 0 0 !important; }
    #top #header_meta .container > .phone-info { order: 2; float: none !important; display: flex !important; align-items: center !important; margin: 0 !important; width: auto !important; }
    #top #header_meta .container > .phone-info > div { display: flex !important; align-items: center !important; }
    #top #header_meta .container > nav.sub_menu > #avia2-menu { order: 3; float: none !important; display: flex !important; align-items: center !important; }
    /* Divisores: entre cada elemento y antes de la lista de países */
    #top #header_meta .phone-info .assa-tb-item {
        float: none !important; position: relative !important; margin: 0 !important; padding: 0 22px !important;
    }
    #top #header_meta .phone-info .assa-tb-item::before {
        content: "" !important; display: block !important; position: absolute !important; left: 0 !important; top: 50% !important;
        transform: translateY(-50%) !important; width: 1px !important; height: 16px !important; background: rgba(255,255,255,.4) !important;
    }
    #top #header_meta .phone-info .assa-tb-item:first-child::before { display: none !important; }
    #top #header_meta .container > nav.sub_menu > #avia2-menu { position: relative !important; padding-left: 22px !important; }
    #top #header_meta .container > nav.sub_menu > #avia2-menu::before {
        content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: rgba(255,255,255,.4);
    }
}

/* --- TOPBAR v2 ajustes (2026-10-02 b) --- */
/* Divisor también en el último elemento (una regla vieja de Panamá lo ocultaba) */
#top #header_meta .phone-info .assa-tb-item:last-child::before { display: block !important; }
#top #header_meta .phone-info .assa-tb-item:first-child::before { display: none !important; }
@media only screen and (min-width: 768px) {
    #top #header_meta .phone-info .assa-tb-item:last-child { margin: 0 !important; padding: 0 22px !important; }
}
/* Lista de países: más ancha y alineada al borde derecho de la barra azul */
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu {
    width: 240px !important;
    left: auto !important;
    right: -28.5px !important;
}
@media only screen and (max-width: 767px) {
    #top #header_meta .sub_menu .menu-item-has-children > .sub-menu { left: auto !important; right: -39.4px !important; }
}
/* Países de la lista con la misma tipografía y tamaño que el país actual */
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li a img { margin-right: 8px !important; }

/* Footer: fondo degradado como El Salvador, SOLO desktop (móvil queda igual) */
@media only screen and (min-width: 768px) {
    #assa-custom-footer:has(.assa-footer-main) {
        background: linear-gradient(180deg, #0D2E68 0%, #1E59C0 100%) !important;
    }
    #assa-custom-footer .assa-footer-bottom { background: #0D2E68 !important; }
}

/* --- TOPBAR v2 ajustes (2026-10-02 c): países con nombre largo (El Salvador) en móvil --- */
#top #header_meta .sub_menu #avia2-menu > li.menu-item-has-children > a::after,
#top #header_meta .sub_menu #avia2-menu > li > a > img { flex-shrink: 0 !important; }
@media only screen and (max-width: 767px) {
    #top #header_meta .sub_menu #avia2-menu > li > a { letter-spacing: 0.04em !important; }
    #top #header_meta .sub_menu #avia2-menu > li.menu-item-has-children > a::after { margin-left: 8px; }
}

/* --- TOPBAR v2 ajustes (2026-10-02 d): lista de países menos ancha y más espacio vertical por país --- */
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu { width: 200px !important; }
#top #header_meta .sub_menu .menu-item-has-children > .sub-menu li a { padding-top: 11px !important; padding-bottom: 11px !important; }

/* Ajuste por sitio (móvil): borde derecho de la lista = borde de la barra (depende del ancho del nombre del país) */
@media only screen and (max-width: 767px) {
    #top #header_meta .sub_menu .menu-item-has-children > .sub-menu { right: -42.7px !important; }
}

/* WPML: ocultar "This post is also available in" (igual que HN dev) */
.wpml-ls-statics-post_translations { display: none !important; }