.elementor-kit-265{--e-global-color-primary:#12100E;--e-global-color-secondary:#C8862A;--e-global-color-text:#6B635B;--e-global-color-accent:#C8862A;--e-global-color-gbcream:#FBF8F4;--e-global-color-gbline:#E6DFD6;--e-global-color-gbwhite:#FFFFFF;--e-global-color-gbgoldd:#B0761E;--e-global-typography-primary-font-family:"Helvetica Neue";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.15em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Helvetica Neue";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Helvetica Neue";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Helvetica Neue";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.6em;--e-global-typography-accent-letter-spacing:0em;color:#6B635B;font-family:"Helvetica Neue", Arial, sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-kit-265 button,.elementor-kit-265 input[type="button"],.elementor-kit-265 input[type="submit"],.elementor-kit-265 .elementor-button{background-color:#C8862A;font-family:"Helvetica Neue", Arial, sans-serif;font-size:17px;font-weight:700;line-height:1em;color:#12100E;border-radius:2px 2px 2px 2px;padding:15px 30px 15px 30px;}.elementor-kit-265 button:hover,.elementor-kit-265 button:focus,.elementor-kit-265 input[type="button"]:hover,.elementor-kit-265 input[type="button"]:focus,.elementor-kit-265 input[type="submit"]:hover,.elementor-kit-265 input[type="submit"]:focus,.elementor-kit-265 .elementor-button:hover,.elementor-kit-265 .elementor-button:focus{background-color:#B0761E;color:#12100E;}.elementor-kit-265 e-page-transition{background-color:#FFBC7D;}.elementor-kit-265 a{color:#C8862A;text-decoration:none;}.elementor-kit-265 a:hover{color:#B0761E;text-decoration:underline;}.elementor-kit-265 h1{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-265 h2{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-265 h3{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-265 h4{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-size:19px;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-265 h5{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-size:17px;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-265 h6{color:#12100E;font-family:"Helvetica Neue", Arial, sans-serif;font-size:12px;font-weight:800;line-height:1.15em;letter-spacing:-0.02em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===========================================================
   GO BAR CHILE — CSS personalizado del kit de Elementor
   Elementor → Ajustes del sitio → CSS personalizado
   -----------------------------------------------------------
   Reemplaza los nueve parches inline (gb-hidetitle, gb-fix,
   gb-showtitle, gb-nav2, gb-elem, gb-bgfix, gb-inherit, gb-btn,
   gb-secpad). No lleva !important y no pelea con .e-con: el
   ancho, el padding y los colores se configuran en Ajustes del
   sitio, no aquí.

   Aquí va solo lo que los controles de Elementor NO pueden
   expresar: clamp() y tres componentes con grilla propia.
   =========================================================== */

:root{
  --ink:#12100E;
  --gold:#C8862A;
  --gold-dark:#B0761E;
  --cream:#FBF8F4;
  --mut:#6B635B;
  --line:#E6DFD6;
}

/* -----------------------------------------------------------
   1. Tipografía fluida
   Elementor acepta px/em/rem/vw pero no clamp(). Estos nueve
   valores son los medidos del diseño aprobado.
   ----------------------------------------------------------- */
:root{
  --fs-kicker:12px;
  --fs-item-num:11px;
  --fs-item-text:14px;
  --fs-small:16.32px;
  --fs-body:17px;
  --fs-lede:clamp(16px, 2.2vw, 20px);
  --fs-h3:clamp(19px, 2.4vw, 23px);
  --fs-h2:clamp(25px, 4.6vw, 40px);
  --fs-h1:clamp(30px, 7vw, 60px);
  --fs-h1-hero:clamp(26px, 4.8vw, 42px);
}

h1, .elementor-widget-heading h1.elementor-heading-title{ font-size:var(--fs-h1) }
h2, .elementor-widget-heading h2.elementor-heading-title{ font-size:var(--fs-h2) }
h3, .elementor-widget-heading h3.elementor-heading-title{ font-size:var(--fs-h3) }

.hero h1, .hero .elementor-widget-heading h1.elementor-heading-title{
  font-size:var(--fs-h1-hero);
  max-width:16ch;
}
.hero p{ max-width:52ch }

/* -----------------------------------------------------------
   2. Antetítulo y bajada
   ----------------------------------------------------------- */
.eyebrow, .eyebrow .elementor-heading-title{
  font-size:var(--fs-kicker);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--gold);
  line-height:1.6;
}
.lede, .lede .elementor-widget-container{
  font-size:var(--fs-lede);
  color:var(--mut);
}
.intro{ font-size:var(--fs-small); color:var(--mut); max-width:640px }

/* -----------------------------------------------------------
   3. Hero: base ink + imagen al 38% + degradado diagonal
   El fondo y la imagen se ponen en el contenedor desde la
   interfaz. Esto solo agrega la capa de degradado, que
   Elementor no combina con opacidad de imagen.
   ----------------------------------------------------------- */
.hero{ position:relative; min-height:82vh; display:flex; align-items:center }
.hero::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(100deg,
    rgba(12,10,9,.86) 0%,
    rgba(12,10,9,.55) 55%,
    rgba(12,10,9,.30) 100%);
  pointer-events:none;
}
.hero > .e-con-inner{ position:relative; z-index:2 }

/* -----------------------------------------------------------
   4. Grilla de ítems numerados
   2 columnas, 4 desde 760px. La variante .c1 la usa el bloque
   del distintivo, que va a una sola columna.
   ----------------------------------------------------------- */
.inc{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
@media (min-width:760px){ .inc{ grid-template-columns:repeat(4,1fr) } }
.inc.c1, .inc.c1 > *{ grid-template-columns:1fr }
.inc.c1{ grid-template-columns:1fr }

.inc > div, .inc > .e-con{
  background:#fff;
  padding:20px 16px;
  margin:0;
}
.inc span, .inc .paso-n .elementor-heading-title{
  display:block;
  font-size:var(--fs-item-num);
  font-weight:700;
  color:var(--gold);
  letter-spacing:.1em;
  line-height:1.6;
  margin-bottom:5px;
}
.inc .paso-t .elementor-heading-title{
  font-size:var(--fs-item-text);
  font-weight:600;
  color:var(--ink);
  line-height:1.6;
}

/* -----------------------------------------------------------
   5. Bloque de dos columnas (distintivo + lista)
   ----------------------------------------------------------- */
.split{ display:grid; grid-template-columns:1fr; gap:34px; align-items:center }
@media (min-width:900px){ .split{ grid-template-columns:1fr 1fr; gap:56px } }
.split img{ width:110px; margin-bottom:18px }

/* -----------------------------------------------------------
   6. Tabla comparativa de planes
   ----------------------------------------------------------- */
.tablawrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:8px }
table.cmp{ border-collapse:collapse; width:100%; min-width:660px; font-size:14.88px }
table.cmp th,
table.cmp td{
  padding:10px 12px;
  text-align:center;
  border-bottom:1px solid var(--line);
  line-height:1.5;
  font-weight:500;
  color:var(--ink);
}
table.cmp th:first-child,
table.cmp td:first-child{ text-align:left; white-space:nowrap }
table.cmp thead th{
  font-size:12.8px;
  text-transform:uppercase;
  letter-spacing:.07em;
  border-bottom:2px solid var(--line);
}
table.cmp thead th a{ color:var(--ink); text-decoration:none }
table.cmp thead th a:hover{ color:var(--gold) }
table.cmp tbody tr:nth-child(odd) td{ background:rgba(128,128,128,.07) }
table.cmp .on,
table.cmp tbody tr:nth-child(odd) td.on{ background:var(--cream) }
table.cmp thead th.on{ color:var(--gold); font-weight:700 }

/* -----------------------------------------------------------
   7. Galería
   ----------------------------------------------------------- */
.gal{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px }
@media (min-width:800px){ .gal{ grid-template-columns:repeat(4,1fr) } }
.gal img{ width:100%; aspect-ratio:1; object-fit:cover; display:block }

/* -----------------------------------------------------------
   8. Secciones sin padding superior
   «Comparación» y «Nuestro trabajo» arrancan pegadas a la
   sección anterior en el diseño aprobado.
   ----------------------------------------------------------- */
.sec-nt{ padding-top:0 }

/* -----------------------------------------------------------
   9. Cabecera y pie (Theme Builder)
   El color, el padding, el gap y la tipografía se configuran en
   los widgets. Aquí van las tres cosas que los controles no
   saben decir: el alto del logo, la grilla 2fr 1fr 1fr 1fr del
   pie y el filete del copyright.
   ----------------------------------------------------------- */
.gb-nav .elementor-widget-theme-site-logo img{ height:34px; width:auto }
.gb-nav .elementor-widget-nav-menu{ margin-left:auto }

/* La caja del desplegable: sombra, borde, radio y ancho mínimo, que los
   controles del widget no expresan. Valores de la original (.ddin). */
.gb-nav .elementor-nav-menu--main .sub-menu{
  background:#fff;
  border:1px solid var(--line);
  border-radius:7px;
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  padding:8px;
  min-width:224px;
}
.gb-nav .elementor-nav-menu--main .sub-menu li{ white-space:nowrap }

/* Apertura al pasar el ratón. El widget usa SmartMenus, que aquí viene
   configurado para abrir con CLIC; la original abre con hover por CSS. Se
   replica el comportamiento del original con `:hover`, que además no depende
   de JS. `!important` porque SmartMenus deja `display` en el atributo style.
   `focus-within` mantiene el acceso por teclado. Solo en escritorio: por
   debajo de 1041px manda el menú hamburguesa. */
@media (min-width:1041px){
  .gb-nav ul.elementor-nav-menu > li:hover > .sub-menu,
  .gb-nav ul.elementor-nav-menu > li:focus-within > .sub-menu{
    display:block !important;
  }
}

.e-con.gb-foot-cols{ display:grid; grid-template-columns:1fr; gap:26px }
@media (min-width:760px){
  .e-con.gb-foot-cols{ grid-template-columns:2fr 1fr 1fr 1fr }
}

.gb-foot-h .elementor-heading-title{
  color:#fff;
  font-size:12.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  line-height:1.6;
}

.gb-foot-bt{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:12.5px;
  color:rgba(255,255,255,.45);
}

/* -----------------------------------------------------------
   10. Ancho del bloque de prosa
   En la original estas secciones son <div class="w prose"> con
   max-width:740px y margin:0 auto. Aquí el mismo contenedor es
   un .e-con, así que el ancho lo pone su .e-con-inner, igual
   que hace gb-elem con .w. El margin auto ya lo trae de ahí.
   ----------------------------------------------------------- */
/* Estos contenedores son `e-con-full`, o sea NO tienen `.e-con-inner`: el
   ancho lo pone `.gb .w{max-width:1180px;margin:0 auto}` sobre el contenedor
   mismo. Con dos clases subimos a (0,3,0) y ganamos; el centrado lo sigue
   dando el `margin:0 auto` de `.w`.
   Los tres anchos son los medidos en la original: 1180 por defecto, 740 en
   los bloques de prosa y 820 en los FAQ. */
.gb .w.gbw-740{ max-width:740px }
.gb .w.gbw-820{ max-width:820px }

/* -----------------------------------------------------------
   10b. Espaciado vertical entre secciones
   La original da `padding:82px 0` a cada sección (56px bajo
   760px). Su regla es `.gb>.e-con-inner>.e-con`, que da por
   hecho un contenedor boxed; aquí las secciones son `e-con-full`
   y no tienen `.e-con-inner`, así que esa regla nunca engancha
   y todo quedaba pegado. Mismo origen que el problema del ancho.
   ----------------------------------------------------------- */
.gb > .e-con{ padding-top:56px; padding-bottom:56px }
@media (min-width:760px){
  .gb > .e-con{ padding-top:82px; padding-bottom:82px }
}
.gb > .e-con.gb-gal-auto,
.gb > .e-con.sec-nt{ padding-top:0 }

/* El kit pone 20px de separación entre widgets. La original no tiene nada de
   eso: el ritmo lo dan los márgenes de cada <p>. En páginas con muchos
   párrafos los 20px se acumulan (las guías crecían un 13-23%). Se anula solo
   en las envolturas de texto; las grillas (.inc, .gal, .split, .planes, .ev,
   .cta-row) fijan su propio gap y no se ven afectadas. */
.gb .w,
.gb .gb-art,
.gb .gb-blog{ gap:0 }

/* -----------------------------------------------------------
   11. Tarjetas del blog
   El bloque <style> de /blog/ en la nueva no trae estas reglas,
   así que las tres guías salen apiladas a ancho completo y sin
   foto. Copiadas de la original tal cual.
   ----------------------------------------------------------- */
.gb .bgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  align-items:start;
}
@media (max-width:900px){
  .gb .bgrid{ grid-template-columns:1fr; gap:20px }
}

.gb .bgrid > p{ display:none }

.gb .bcard{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:inherit;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  background:#fff;
  transition:box-shadow .18s, transform .18s;
}
.gb .bcard:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.09);
  transform:translateY(-2px);
}
.gb .bcard, .gb .bcard *{ text-decoration:none }

.gb .bimg{
  aspect-ratio:16/10;
  background-size:cover;
  background-position:center;
}

.gb .btxt{
  display:flex;
  flex-direction:column;
  flex:1 1 0;
  padding:20px 20px 24px;
}
.gb .btxt h2{ font-size:1.12rem; line-height:1.32; margin:0 0 10px; color:var(--ink) }
.gb .btxt p{ font-size:.94rem; line-height:1.55; color:var(--mut); margin:0 0 14px }

.gb .bmore{
  margin-top:auto;
  font-size:.88rem;
  font-weight:600;
  color:var(--gold);
}

.gb .gb-blog .sub{ font-size:1.1rem; color:var(--mut); max-width:640px; margin:0 }

/* La envoltura de /blog/ no es `.w`: la original le da 1100px y su propio
   padding. Por eso el contenedor NO lleva la clase `w`. */
.gb .gb-blog{
  max-width:1100px;
  margin:0 auto;
  padding:56px 20px 80px;
}
@media (max-width:900px){
  .gb .gb-blog{ padding:32px 16px 60px }
}

/* El h1 del blog es 2.2rem fijo, no el clamp del resto del sitio. `.gb
   h1.elementor-heading-title` (gb-secpad) empata en (0,2,1) y va en el cuerpo,
   así que hay que subir a (0,3,1). */
.gb .gb-blog h1.elementor-heading-title{
  font-size:2.2rem;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 12px;
  color:var(--ink);
}
@media (max-width:900px){
  .gb .gb-blog h1.elementor-heading-title{ font-size:1.6rem }
}

/* -----------------------------------------------------------
   12. Entradas del blog (las tres guías)
   El bloque <style> de las entradas solo trae los tamaños de
   encabezado; le falta toda la maqueta de .gb-art, así que el
   artículo salía a 1440px de ancho. Copiado de la original.
   Los .elementor-kit-265es llevan `.gb` delante para ganarle al bloque
   gb-secpad, que va en el cuerpo y empata en especificidad.
   ----------------------------------------------------------- */
.gb .gb-art{
  max-width:760px;
  margin:0 auto;
  padding:48px 20px 72px;
}

.gb .gb-art .art-h1 h1.elementor-heading-title{
  font-size:2.3rem;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 .5em;
  color:var(--ink);
}
.gb .gb-art h2.elementor-heading-title{
  font-size:1.55rem;
  line-height:1.25;
  letter-spacing:-.01em;
  margin:2.2em 0 .6em;
  color:var(--ink);
}

.gb .gb-art p{ font-size:1.06rem; line-height:1.75; margin:0 0 1.1em; color:#2A2622 }
.gb .gb-art ul,
.gb .gb-art ol{ font-size:1.06rem; line-height:1.7; margin:0 0 1.4em; padding-left:1.3em; color:#2A2622 }
.gb .gb-art li{ margin-bottom:.5em }
.gb .gb-art strong{ color:var(--ink) }
.gb .gb-art a{ color:var(--gold); text-decoration:underline; text-underline-offset:2px }

.gb .gb-art figure{ margin:2em 0 }
.gb .gb-art figure img{ width:100%; height:auto; display:block; border-radius:4px }

.gb .gb-art .lede{ font-size:1.2rem; line-height:1.6; color:var(--mut) }
.gb .gb-art .meta{
  font-size:.85rem;
  color:var(--mut);
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:2em;
}

.gb .gb-art .cta{
  background:var(--cream);
  border-left:3px solid var(--gold);
  padding:22px 24px;
  margin:2.5em 0 0;
}
.gb .gb-art .cta p{ margin:0 0 1em }
.gb .gb-art .cta a.btn{
  display:inline-block;
  background:var(--gold);
  color:#fff;
  padding:13px 26px;
  border-radius:3px;
  text-decoration:none;
  font-weight:600;
}
@media (max-width: 767px){
  .gb-foot .elementor-menu-toggle{ display:none !important }
  .gb-foot .elementor-nav-menu--dropdown{
    display:block !important;
    position:static !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
  .gb-foot{ padding-left:20px !important; padding-right:20px !important }
}/* End custom CSS */