/* Tipografía del grupo Brel — Display Fraunces · Texto Inter (brel-design-system).
   En lugar de pelear con los selectores del tema Salient, se remapean las
   familias a nivel @font-face: esta hoja carga AL FINAL del documento, así
   que sus declaraciones ganan y "Poppins", "Open Sans" y "Didot-font" pasan
   a servirse con los woff2 del grupo (los mismos de brel-financial-web).
   Los iconos (icomoon / FontAwesome) no se tocan. */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(/fonts/fraunces-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(/fonts/inter-latin.woff2) format('woff2');
}

/* Remapa las familias que el tema ya pide (texto → Inter).
   Pesos exactos: una cara con rango (100 900) PIERDE contra las caras de
   peso exacto de Google Fonts; con el mismo peso exacto, gana la declarada
   al último (esta hoja). */
/* Poppins → Inter */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
/* Open Sans → Inter */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/inter-latin.woff2) format('woff2'); }
/* Display de los titulares (antes Didot) → Fraunces.
   Sin descriptor de peso: descriptores idénticos a la cara original del
   tema, y la declarada al último gana. */
@font-face { font-family: 'Didot-font'; font-display: swap; src: url(/fonts/fraunces-latin.woff2) format('woff2'); }
/* El tema también declara "GFS Didot" (Google) para los mismos titulares */
@font-face { font-family: 'GFS Didot'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/fraunces-latin.woff2) format('woff2'); }

/* Menú superior: más cuerpo — antes 14px con bold falso */
#header-outer #top nav > ul.sf-menu > li > a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .02em;
}

/* ============================================================
   Composición (ajustes pedidos por Luis, 18-ago-2026)
   ============================================================ */

/* --- Header: logo a la izquierda, menú al centro, idioma a la derecha --- */
@media (min-width: 1000px) {
  #header-outer #top > .container > .row { display: flex; align-items: center; }
  #header-outer #top > .container > .row > .col.span_3 { float: none; flex: none; }
  #header-outer #top > .container > .row > .col.span_9 { float: none; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }
  /* el nav del tema viene flotado y se encoge a su contenido: forzarlo a llenar */
  #header-outer #top nav { float: none; width: 100%; }
  #header-outer #top nav > ul.sf-menu {
    display: flex; align-items: center; justify-content: center;
    float: none; width: 100%; gap: clamp(22px, 3vw, 42px);
  }
  #header-outer #top nav > ul.sf-menu > li { float: none; margin: 0; }
  #header-outer #top nav > ul.sf-menu > li > a { padding-left: 0; padding-right: 0; }
  /* espaciador simétrico: reparte el espacio libre a ambos lados del grupo
     (el margin-left:auto del idioma solo se queda con la mitad) */
  #header-outer #top nav > ul.sf-menu::before { content: ""; margin-right: auto; }

  /* Idioma tipográfico "ES | EN" (el ::before es el idioma ACTUAL;
     el <li> de Polylang trae el alternativo) — sin globo ni iconos */
  /* pastilla del idioma: distintivo fino, hover que se enciende */
  #header-outer #top nav > ul.sf-menu > li.lang-item {
    margin-left: auto; display: flex; align-items: center; gap: 12px;
    border: 1px solid rgba(26,27,27,.18); border-radius: 999px;
    padding: 9px 18px;
    transition: border-color .2s ease, background-color .2s ease;
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item:hover {
    border-color: rgba(26,27,27,.45);
    background-color: rgba(26,27,27,.04);
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item::before {
    font-family: 'Inter', sans-serif; font-size: 13.5px; font-weight: 600;
    letter-spacing: .1em; line-height: 1; color: #1A1B1B;
    border-bottom: 1px solid currentColor; padding-bottom: 2px;
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item.lang-item-en::before { content: "ES"; }
  #header-outer #top nav > ul.sf-menu > li.lang-item.lang-item-es::before { content: "EN"; }
  #header-outer #top nav > ul.sf-menu > li.lang-item > a {
    display: flex; align-items: center; gap: 12px;
    background-image: none; padding: 0;
    border-left: none; /* la barra "|" vieja del tema */
    margin: 0;
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item > a::before {
    content: ""; width: 1px; height: 14px; background: rgba(26,27,27,.25);
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item > a .menu-title-text {
    font-size: 14px; font-weight: 500; text-transform: uppercase;
    letter-spacing: .1em; color: rgba(26,27,27,.45);
  }
  #header-outer #top nav > ul.sf-menu > li.lang-item > a:hover .menu-title-text { color: #1A1B1B; }
  #header-outer #top nav > ul.sf-menu > li.lang-item i,
  #header-outer #top nav > ul.sf-menu > li.lang-item svg,
  #header-outer #top nav > ul.sf-menu > li.lang-item img { display: none; }
}

/* --- Sección "título izquierda / texto derecha": una sola pieza --- */
.wpb_row:has(> .row_col_wrap_12 > .vc_col-sm-4 h2) > .row_col_wrap_12 > .vc_col-sm-8 .wpb_text_column p {
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.75;
  color: rgba(26,27,27,.85);
  max-width: 60ch;
}
.wpb_row:has(> .row_col_wrap_12 > .vc_col-sm-4 h2) > .row_col_wrap_12 > .vc_col-sm-4 h3 {
  display: flex; align-items: center; gap: 10px;
}
.wpb_row:has(> .row_col_wrap_12 > .vc_col-sm-4 h2) > .row_col_wrap_12 > .vc_col-sm-4 h3::before {
  content: ""; width: 14px; height: 1px; background: currentColor; flex: none;
}
@media (min-width: 1000px) {
  .wpb_row:has(> .row_col_wrap_12 > .vc_col-sm-4 h2) > .row_col_wrap_12 > .vc_col-sm-8 > .vc_column-inner {
    display: flex; flex-direction: column; justify-content: center; height: 100%;
  }
  .wpb_row:has(> .row_col_wrap_12 > .vc_col-sm-4 h2) > .row_col_wrap_12 > .vc_col-sm-8 .wpb_text_column {
    border-left: 1px solid rgba(26,27,27,.15);
    padding-left: clamp(28px, 4vw, 56px);
  }
}

/* --- Bloque negro del manifiesto: contenido centrado en el recuadro --- */
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) .row_col_wrap_12 { justify-content: center; }
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) .vc_col-sm-5 {
  float: none; margin-left: auto; margin-right: auto;
}
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) .wpb_wrapper { text-align: center; }
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) ul {
  list-style: none; padding-left: 0; margin-left: 0;
}
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) .iwithtext {
  display: inline-flex; align-items: center; gap: 10px; float: none; margin: 0 20px;
}
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) .iwt-text a {
  font-size: 18px; letter-spacing: .08em;
}
/* el 800 visible y clicable bajo "Llámanos" */
.wpb_row:has(.iwithtext):has(a[href^="tel:"]) a[href^="tel:"]::after {
  content: "800 351 1026";
  display: block;
  font-size: 14px; font-weight: 400; letter-spacing: .06em;
  color: rgba(255,255,255,.55);
  margin-top: 6px;
}