/* =============================================================================
   clm-banners.css — Banners convertidos de "imagen con texto" a HTML real
   -----------------------------------------------------------------------------
   Colegio Liceo Moderno · 2026-10-19
   Antes, cada banner era un PNG de 3000x1000 con TODO dentro: fotos, textos,
   insignias y botones. Eso impedía traducir el sitio, que los buscadores leyeran
   el texto y que los lectores de pantalla lo anunciaran.

   Ahora cada banner se compone de:
     - una IMAGEN de fondo (img/banners/*.jpg) que conserva solo lo gráfico:
       fotos, formas, íconos y figuras decorativas (se borraron los textos);
     - TEXTOS reales (<p>) con la tipografía equivalente y en la misma posición;
     - BOTONES reales (<a>) con su enlace.

   Para que se vea idéntico a la imagen anterior en cualquier pantalla, el banner
   mantiene la proporción de la imagen original (aspect-ratio: 3:1 por defecto;
   franjas 6:1, tarjetas 5:6 y niveles 1:1 declaran la suya) y todas las medidas
   se expresan en porcentaje del banner:
     - left/top/width/height en %  (1 % de ancho = 30 px del diseño original)
     - font-size en cqw (container query width): 1cqw = 1 % del ancho del banner,
       por lo que el texto crece y se achica exactamente como lo hacía la imagen.
   Las posiciones y tamaños se calibraron automáticamente comparando el render de
   cada texto contra la tinta del texto original (diferencia de 0 a 3 px).

   Para TRADUCIR un banner basta con cambiar el texto en el HTML; si el texto
   traducido es más largo, se puede reducir su font-size en la regla de este archivo.
   Los títulos en arco de las imágenes de niveles (distancia.html) son texto SVG
   (.clm-bn__svg): su versión inglesa va en los atributos data-en / data-fs-en.
   ============================================================================= */

@font-face{font-family:'CLM Jakarta';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/plus-jakarta-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/banners/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/lexend-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/banners/lexend-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Lexend';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/banners/lexend-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/banners/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/banners/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/banners/montserrat-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Norican';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/norican-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/open-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/banners/open-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/open-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Licorice';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/licorice-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Source Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/banners/source-sans-3-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Source Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/source-sans-3-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Open Sans SemiCondensed';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/open-sans-semicondensed-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Open Sans SemiCondensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/banners/open-sans-semicondensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/lilita-one-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'CLM Chewy';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/banners/chewy-latin-400-normal.woff2) format('woff2')}

/* ---------- Base común ---------- */
.clm-bn{position:relative;display:block;width:100%;aspect-ratio:3/1;overflow:hidden;
  container-type:inline-size;background:#fff;color:#133853;text-decoration:none}
.clm-bn__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}
/* textos y botones: posición absoluta sobre la imagen, sin saltos de línea automáticos
   (los renglones son los mismos del diseño original, marcados con <br>) */
.clm-bn__t{position:absolute;margin:0;padding:0;white-space:nowrap;text-align:left!important;
  font-style:normal;letter-spacing:normal;text-transform:none;z-index:2}
.clm-bn__t.is-center{text-align:center!important}
/* enlace que cubre todo el banner (conserva el comportamiento anterior: clic en cualquier parte) */
.clm-bn__link{position:absolute;inset:0;z-index:1}
/* botón real */
.clm-bn__btn{position:absolute;z-index:3;display:flex;align-items:center;box-sizing:border-box;
  border-radius:999px;color:#fff!important;text-decoration:none!important;white-space:nowrap;
  transition:filter .2s ease,transform .2s ease;box-shadow:none}
.clm-bn__btn:hover{filter:brightness(1.06);transform:translateY(-1px);color:#fff!important}
.clm-bn__btn:focus-visible{outline:3px solid #133853!important;outline-offset:3px!important}
.clm-bn__btn .fab,.clm-bn__btn .bi{line-height:1;display:block}
/* palabras resaltadas en verde dentro de un texto (antes eran parte de la imagen) */
.clm-bn b.g{color:#a8cf45;font-weight:700}
.clm-bn b.w{color:#fff;font-weight:700}
/* styles.css aplica "span:hover{color:#a8cf45}" y "p{text-align:justify}" globales: se neutralizan */
.clm-bn span,.clm-bn span:hover{color:inherit}
/* títulos en arco (tanda q): capa SVG del tamaño del banner; el viewBox usa las
   mismas coordenadas del lienzo de trabajo, así que escala igual que la imagen */
.clm-bn__svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
/* botón con ícono a la izquierda (franja de asesoría) */
.clm-bn__btn.is-icon-left{justify-content:flex-start}
/* tarjetas del carrusel "¿Para quién es esta modalidad?": mismo redondeo que tenía la imagen */
.modalidad-carousel-card .clm-bn{border-radius:15px}


/* ---------- modalidad-presencial ---------- */
.clm-bn--modalidad-presencial .bn-b1{left:33.9333%;top:26.8000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.3333cqw;line-height:1.0500;color:#ffffff;letter-spacing:0.0175em}
.clm-bn--modalidad-presencial .bn-b2{left:37.3000%;top:46.4000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.3150cqw;line-height:1.1153;color:#ffffff;letter-spacing:0.0000em}
.clm-bn--modalidad-presencial .bn-b3{left:41.1500%;top:65.6000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:0.9333cqw;line-height:1.1071;color:#ffffff;letter-spacing:0.0167em}
.clm-bn--modalidad-presencial .bn-title{left:55.1667%;top:23.5000%;font-family:'CLM Jakarta',sans-serif;font-weight:700!important;font-size:7.0130cqw;line-height:0.9649;color:#133853;letter-spacing:-0.0248em}
.clm-bn--modalidad-presencial .bn-btn{left:64.2333%;top:71.0000%;width:17.1000%;height:9.7000%;padding-left:1.1667cqw;padding-right:1.6667cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:600;font-size:1.1016cqw}
.clm-bn--modalidad-presencial .bn-btn .bi{font-size:2.3000cqw}

/* ---------- modalidad-virtual ---------- */
.clm-bn--modalidad-virtual .bn-b1{left:35.4667%;top:24.1000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.3333cqw;line-height:1.0250;color:#ffffff;letter-spacing:0.0175em}
.clm-bn--modalidad-virtual .bn-b2{left:38.8000%;top:43.5000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.2757cqw;line-height:1.1235;color:#ffffff;letter-spacing:0.0196em}
.clm-bn--modalidad-virtual .bn-b3{left:41.8000%;top:63.4000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.2232cqw;line-height:1.1718;color:#ffffff;letter-spacing:0.0015em}
.clm-bn--modalidad-virtual .bn-title{left:55.2500%;top:23.5000%;font-family:'CLM Jakarta',sans-serif;font-weight:700!important;font-size:7.0130cqw;line-height:0.9649;color:#133853;letter-spacing:-0.0279em}
.clm-bn--modalidad-virtual .bn-btn{left:64.2333%;top:71.0000%;width:17.1000%;height:9.7000%;padding-left:1.1667cqw;padding-right:1.6667cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:600;font-size:1.1016cqw}
.clm-bn--modalidad-virtual .bn-btn .bi{font-size:2.3000cqw}

/* ---------- modalidad-ciclos ---------- */
.clm-bn--modalidad-ciclos .bn-b1{left:35.5000%;top:23.7000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.3580cqw;line-height:1.1045;color:#ffffff;letter-spacing:0.0184em}
.clm-bn--modalidad-ciclos .bn-b2{left:38.8333%;top:43.6000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.2893cqw;line-height:1.0600;color:#ffffff;letter-spacing:0.0148em}
.clm-bn--modalidad-ciclos .bn-b3{left:41.8333%;top:63.6000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.2264cqw;line-height:1.0600;color:#ffffff;letter-spacing:0.0021em}
.clm-bn--modalidad-ciclos .bn-title{left:55.2000%;top:20.6000%;font-family:'CLM Jakarta',sans-serif;font-weight:700!important;font-size:7.0130cqw;line-height:0.9649;color:#133853;letter-spacing:-0.0253em}
.clm-bn--modalidad-ciclos .bn-sub{left:65.3333%;top:63.5000%;font-family:'CLM Poppins',sans-serif;font-weight:700!important;font-size:1.0764cqw;line-height:1.1500;color:#133853;letter-spacing:0.0000em}
.clm-bn--modalidad-ciclos .bn-btn{left:64.2333%;top:71.0000%;width:17.1000%;height:9.7000%;padding-left:1.1667cqw;padding-right:1.6667cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:600;font-size:1.1016cqw}
.clm-bn--modalidad-ciclos .bn-btn .bi{font-size:2.3000cqw}

/* ---------- educacion-transforma ---------- */
.clm-bn--educacion-transforma .bn-h{left:6.5333%;top:13.3000%;font-family:'CLM Montserrat',sans-serif;font-weight:800!important;font-size:4.9832cqw;line-height:1.1500;color:#133853;letter-spacing:0.0608em;text-shadow:0 .17cqw .35cqw rgba(9,30,62,.35)}
.clm-bn--educacion-transforma .bn-s{left:9.1167%;top:26.4000%;font-family:'CLM Norican',sans-serif;font-weight:400!important;font-size:6.4915cqw;line-height:1.1500;color:#a8cf45;letter-spacing:normal;text-shadow:0 .12cqw .3cqw rgba(9,30,62,.25)}
.clm-bn--educacion-transforma .bn-p{left:8.8667%;top:46.5000%;font-family:'CLM Montserrat',sans-serif;font-weight:500!important;font-size:1.5789cqw;line-height:0.9500;color:#133853;letter-spacing:-0.0031em;text-shadow:0 0 .25cqw rgba(255,255,255,.9)}
.clm-bn--educacion-transforma .bn-btn{left:17.3000%;top:75.5000%;width:17.1000%;height:9.7000%;padding-left:1.1667cqw;padding-right:1.6667cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:600;font-size:1.1016cqw}
.clm-bn--educacion-transforma .bn-btn .bi{font-size:2.3333cqw}

/* ---------- familias-eligen ---------- */
.clm-bn--familias-eligen .bn-t{left:15.1667%;top:3.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:3.3667cqw;line-height:1.0990;color:#ffffff;letter-spacing:-0.0198em}
.clm-bn--familias-eligen .bn-c1t{left:4.3667%;top:63.8000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.0167cqw;line-height:1.1500;color:#082253;letter-spacing:-0.0251em}
.clm-bn--familias-eligen .bn-c1b{left:2.4833%;top:67.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9348cqw;line-height:1.2955;color:#314269;letter-spacing:-0.0480em}
.clm-bn--familias-eligen .bn-c2t{left:20.1333%;top:63.9000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.0167cqw;line-height:1.1500;color:#0a2354;letter-spacing:-0.0364em}
.clm-bn--familias-eligen .bn-c2b{left:18.7500%;top:67.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9348cqw;line-height:1.2955;color:#34446b;letter-spacing:-0.0385em}
.clm-bn--familias-eligen .bn-c3t{left:34.4667%;top:63.8000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.0167cqw;line-height:1.1500;color:#092356;letter-spacing:-0.0537em}
.clm-bn--familias-eligen .bn-c3b{left:34.2167%;top:67.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9348cqw;line-height:1.2837;color:#334266;letter-spacing:-0.0398em}
.clm-bn--familias-eligen .bn-c4t{left:50.5000%;top:63.9000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.0167cqw;line-height:1.1500;color:#092455;letter-spacing:-0.0542em}
.clm-bn--familias-eligen .bn-c4b{left:49.5667%;top:67.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9348cqw;line-height:1.2955;color:#33446b;letter-spacing:-0.0676em}

/* ---------- modalidades ---------- */
.clm-bn--modalidades .bn-t{left:33.0667%;top:10.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:3.4167cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0344em}
.clm-bn--modalidades .bn-h1{left:20.6000%;top:31.1000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.1807;color:#ffffff;letter-spacing:normal}
.clm-bn--modalidades .bn-h2{left:46.4667%;top:31.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.0780;color:#133853;letter-spacing:normal}
.clm-bn--modalidades .bn-h3{left:72.7333%;top:30.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.1807;color:#ffffff;letter-spacing:normal}
.clm-bn--modalidades .bn-l1{left:14.7000%;top:46.0000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:0.8511cqw;line-height:1.7233;color:#133853;letter-spacing:-0.0244em}
.clm-bn--modalidades .bn-l2{left:41.4667%;top:45.9000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:0.8511cqw;line-height:1.7468;color:#133853;letter-spacing:-0.0238em}
.clm-bn--modalidades .bn-l3{left:66.1667%;top:45.9000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:0.8511cqw;line-height:1.7468;color:#133853;letter-spacing:-0.0216em}
.clm-bn--modalidades .bn-k1{left:16.7667%;top:77.2000%;width:17.1000%;height:9.6000%;padding-left:0.0000cqw;padding-right:0.0000cqw;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:700;font-size:1.2112cqw;justify-content:center}
.clm-bn--modalidades .bn-k2{left:42.6667%;top:77.2000%;width:17.1000%;height:9.6000%;padding-left:0.0000cqw;padding-right:0.0000cqw;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:700;font-size:1.2112cqw;justify-content:center}
.clm-bn--modalidades .bn-k3{left:67.2667%;top:77.2000%;width:17.0667%;height:9.6000%;padding-left:0.0000cqw;padding-right:0.0000cqw;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:700;font-size:1.2112cqw;justify-content:center}

/* ---------- modalidades: versión móvil (tarjetas apiladas) ----------
   En escritorio .clm-bn__card usa display:contents: no genera caja y sus hijos
   se posicionan sobre el lienzo 3:1 como siempre. Por debajo de 992 px cada
   tarjeta se convierte en un bloque real, una debajo de otra. */
.clm-bn--modalidades .clm-bn__card{display:contents}
/* styles.css pone "span{font-weight:600;color:#133853}": la viñeta hereda todo del <p> */
.clm-bn--modalidades .clm-bn__li{font:inherit;color:inherit;letter-spacing:inherit}
@media (max-width:991.98px){
  /* el lienzo deja de ser 3:1 y se vuelve una columna centrada */
  .clm-bn--modalidades{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;
    gap:2.25rem;padding:0 16px 2rem;background:#fff}
  .clm-bn--modalidades > .clm-bn__bg{display:none}
  /* título de la sección en flujo normal, centrado y con salto de línea */
  .clm-bn--modalidades .bn-t{position:static;white-space:normal;text-align:center!important;
    font-size:clamp(1.75rem,7vw,2.5rem);margin:1.25rem 0 0}
  /* tarjeta: bloque con su franja de fondo; container-type para medir en cqw */
  .clm-bn--modalidades .clm-bn__card{display:block;position:relative;width:100%;max-width:520px;
    container-type:inline-size;background-repeat:no-repeat;background-position:0 0;
    background-size:100% auto;padding-bottom:2rem}
  /* borde verde: la franja recortada ya trae el borde superior y el inicio de los
     laterales; el CSS continúa los laterales y dibuja el borde inferior redondeado */
  .clm-bn--modalidades .clm-bn__card::after{content:"";position:absolute;z-index:0;left:.55cqw;right:.55cqw;
    bottom:0;border:1.5px solid #c3dc8b;border-top:0;border-radius:0 0 3.4cqw 3.4cqw;pointer-events:none}
  /* barrita de color centrada sobre el borde inferior */
  .clm-bn--modalidades .clm-bn__card::before{content:"";position:absolute;z-index:1;left:50%;bottom:-2px;
    width:21.7%;height:6px;transform:translateX(-50%);border-radius:3px}
  /* lista: en flujo, letra legible y salto de línea automático */
  .clm-bn--modalidades .clm-bn__card > .bn-l1,
  .clm-bn--modalidades .clm-bn__card > .bn-l2,
  .clm-bn--modalidades .clm-bn__card > .bn-l3{position:relative;left:auto;top:auto;z-index:1;white-space:normal;
    font-size:clamp(.95rem,4cqw,1.1rem);line-height:1.65;letter-spacing:normal;margin:0 7% 0 8%}
  /* cada viñeta en su propio renglón con sangría francesa (el texto que salta
     de línea queda alineado después del punto) */
  .clm-bn--modalidades .clm-bn__li{display:block;padding-left:1.1em;text-indent:-1.1em}
  .clm-bn--modalidades .clm-bn__li + br{display:none}
  /* botón "Conocer más": en flujo y centrado, con área táctil de 44 px */
  .clm-bn--modalidades .clm-bn__btn{position:relative;left:auto;top:auto;width:68%;height:auto;min-height:44px;
    margin:1.25rem auto 0;padding:.6rem 1rem;justify-content:center;font-size:clamp(1rem,4.6cqw,1.2rem)}

  /* tarjeta 1 */
  .clm-bn--modalidades .clm-bn__card--1{background-image:url(../img/banners/modalidades-card1.jpg);padding-top:calc(min(100cqw - 32px, 520px) * 0.26964)}
  .clm-bn--modalidades .clm-bn__card--1::after{top:calc(22.964cqw - 1px)}
  .clm-bn--modalidades .clm-bn__card--1::before{background:#a8cf45}
  .clm-bn--modalidades .bn-h1{left:31.909%;top:5.741cqw;font-size:5.2017cqw}
  /* tarjeta 2 */
  .clm-bn--modalidades .clm-bn__card--2{background-image:url(../img/banners/modalidades-card2.jpg);padding-top:calc(min(100cqw - 32px, 520px) * 0.27401)}
  .clm-bn--modalidades .clm-bn__card--2::after{top:calc(23.401cqw - 1px)}
  .clm-bn--modalidades .clm-bn__card--2::before{background:#133853}
  .clm-bn--modalidades .bn-h2{left:31.837%;top:6.122cqw;font-size:5.3008cqw}
  /* tarjeta 3 */
  .clm-bn--modalidades .clm-bn__card--3{background-image:url(../img/banners/modalidades-card3.jpg);padding-top:calc(min(100cqw - 32px, 520px) * 0.27243)}
  .clm-bn--modalidades .clm-bn__card--3::after{top:calc(23.243cqw - 1px)}
  .clm-bn--modalidades .clm-bn__card--3::before{background:#a8cf45}
  .clm-bn--modalidades .bn-h3{left:34.189%;top:4.730cqw;font-size:5.2650cqw}
}

/* ---------- equipo-hero ---------- */
.clm-bn--equipo-hero .bn-k{left:6.6000%;top:18.8000%;font-family:'CLM Lexend',sans-serif;font-weight:500!important;font-size:1.0976cqw;line-height:1.1500;color:#90b52c;letter-spacing:0.0677em}
.clm-bn--equipo-hero .bn-t{left:6.6333%;top:26.9000%;font-family:'CLM Lexend',sans-serif;font-weight:500!important;font-size:3.2911cqw;line-height:1.0229;color:#ffffff;letter-spacing:-0.0135em}
.clm-bn--equipo-hero .bn-p{left:6.6000%;top:62.8000%;font-family:'CLM Lexend',sans-serif;font-weight:400!important;font-size:1.0774cqw;line-height:1.5159;color:#ffffff;letter-spacing:0.0058em}
.clm-bn--equipo-hero .bn-btn{left:6.4000%;top:76.8000%;width:17.0667%;height:9.7000%;padding-left:1.1667cqw;padding-right:1.6667cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Montserrat',sans-serif;font-weight:600;font-size:1.0985cqw}
.clm-bn--equipo-hero .bn-btn .bi{font-size:2.3000cqw}

/* ---------- equipo-direccion ---------- */
.clm-bn--equipo-direccion .bn-t{left:31.6000%;top:10.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:3.4167cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0297em}
.clm-bn--equipo-direccion .bn-s{left:29.6333%;top:23.7000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2667cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0175em}
.clm-bn--equipo-direccion .bn-n1{left:22.2333%;top:75.7000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0268em}
.clm-bn--equipo-direccion .bn-n2{left:41.0333%;top:75.3000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0291em}
.clm-bn--equipo-direccion .bn-n3{left:59.8333%;top:75.3000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0156em}
.clm-bn--equipo-direccion .bn-r1{left:24.9667%;top:80.4000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.3063cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0312em}
.clm-bn--equipo-direccion .bn-r2{left:46.2000%;top:80.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.3063cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0302em}
.clm-bn--equipo-direccion .bn-r3{left:61.8333%;top:80.8000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.3063cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0326em}

/* ---------- equipo-coordinaciones ---------- */
.clm-bn--equipo-coordinaciones .bn-t{left:26.7667%;top:7.9000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:3.4167cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0224em}
.clm-bn--equipo-coordinaciones .bn-s{left:25.6833%;top:21.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2667cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0177em}
.clm-bn--equipo-coordinaciones .bn-n1{left:22.8667%;top:76.5000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0122em}
.clm-bn--equipo-coordinaciones .bn-n2{left:42.4667%;top:77.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0294em}
.clm-bn--equipo-coordinaciones .bn-n3{left:61.3000%;top:77.8000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0329em}
.clm-bn--equipo-coordinaciones .bn-r1{left:22.8333%;top:82.8000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.0010;color:#133853;letter-spacing:-0.0285em}
.clm-bn--equipo-coordinaciones .bn-r2{left:40.0000%;top:83.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.0010;color:#133853;letter-spacing:-0.0290em}
.clm-bn--equipo-coordinaciones .bn-r3{left:63.3833%;top:83.4000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.0010;color:#133853;letter-spacing:-0.0273em}

/* ---------- equipo-lideres ---------- */
.clm-bn--equipo-lideres .bn-t{left:34.8000%;top:8.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:3.3750cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0151em}
.clm-bn--equipo-lideres .bn-s{left:29.3333%;top:21.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2667cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0174em}
.clm-bn--equipo-lideres .bn-n1{left:26.5333%;top:76.5000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0301em}
.clm-bn--equipo-lideres .bn-n2{left:43.3667%;top:77.7000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0453em}
.clm-bn--equipo-lideres .bn-n3{left:64.2000%;top:77.8000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6013cqw;line-height:1.1500;color:#133853;letter-spacing:0.0139em}
.clm-bn--equipo-lideres .bn-r1{left:25.4000%;top:82.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0285em}
.clm-bn--equipo-lideres .bn-r2{left:43.1333%;top:82.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0292em}
.clm-bn--equipo-lideres .bn-r3{left:63.9000%;top:83.1000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2987cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0293em}

/* ---------- equipo-consejo ---------- */
.clm-bn--equipo-consejo .bn-t{left:22.9000%;top:9.4000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:3.5690cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0489em}
.clm-bn--equipo-consejo .bn-n1{left:13.4333%;top:72.3000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6172cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0322em}
.clm-bn--equipo-consejo .bn-n2{left:28.1667%;top:72.3000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6172cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0400em}
.clm-bn--equipo-consejo .bn-n3{left:43.1000%;top:72.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6172cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0425em}
.clm-bn--equipo-consejo .bn-n4{left:58.2000%;top:72.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6172cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0332em}
.clm-bn--equipo-consejo .bn-n5{left:74.6000%;top:72.0000%;font-family:'CLM Lexend',sans-serif;font-weight:600!important;font-size:1.6172cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0473em}
.clm-bn--equipo-consejo .bn-r1{left:15.4667%;top:76.8000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.3063cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0332em}

/* ---------- virtual-calendario-a ---------- */
.clm-bn--virtual-calendario-a .bn-t1{left:6.0667%;top:5.4000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:6.3203cqw;line-height:1.1500;color:#ffffff;letter-spacing:0.0040em}
.clm-bn--virtual-calendario-a .bn-t2{left:6.0333%;top:21.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:7.0563cqw;line-height:1.1500;color:#a9cc46;letter-spacing:0.0016em}
.clm-bn--virtual-calendario-a .bn-cal{left:7.7000%;top:46.1000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:2.2511cqw;line-height:1.1500;color:#ffffff;letter-spacing:0.0067em}
.clm-bn--virtual-calendario-a .bn-p{left:5.9333%;top:60.5000%;font-family:'CLM Source Sans',sans-serif;font-weight:700!important;font-size:2.3704cqw;line-height:1.0687;color:#ffffff;letter-spacing:-0.0518em}

/* ---------- virtual-diferentes ---------- */
.clm-bn--virtual-diferentes .bn-s{left:7.1333%;top:11.9000%;font-family:'CLM Licorice',sans-serif;font-weight:400!important;font-size:2.8153cqw;line-height:1.1500;color:#beda78;letter-spacing:normal}
.clm-bn--virtual-diferentes .bn-t{left:7.2667%;top:21.6000%;font-family:'CLM Open Sans SemiCondensed',sans-serif;font-weight:700!important;font-size:4.0000cqw;line-height:1.0250;color:#133853;letter-spacing:0.0067em}
.clm-bn--virtual-diferentes .bn-p{left:7.2667%;top:46.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.5000cqw;line-height:1.0000;color:#133853;letter-spacing:0.0167em}
.clm-bn--virtual-diferentes .bn-c1{left:7.8667%;top:74.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9091cqw;line-height:1.0267;color:#133853;letter-spacing:-0.0254em}
.clm-bn--virtual-diferentes .bn-c2{left:17.1500%;top:74.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9091cqw;line-height:1.0267;color:#133853;letter-spacing:-0.0403em}
.clm-bn--virtual-diferentes .bn-c3{left:26.9167%;top:74.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9091cqw;line-height:1.0267;color:#133853;letter-spacing:-0.0524em}
.clm-bn--virtual-diferentes .bn-c4{left:35.9333%;top:74.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9091cqw;line-height:1.0450;color:#133853;letter-spacing:-0.0282em}
.clm-bn--virtual-diferentes .bn-c5{left:45.8833%;top:74.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:0.9091cqw;line-height:1.0450;color:#133853;letter-spacing:-0.0407em}

/* ---------- virtual-experiencia ---------- */
.clm-bn--virtual-experiencia{aspect-ratio:3000/500}
.clm-bn--virtual-experiencia .bn-c1{left:7.3667%;top:35.6000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:1.4561cqw;line-height:1.0759;color:#133853;letter-spacing:-0.0247em}
.clm-bn--virtual-experiencia .bn-c2{left:31.2667%;top:35.4000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:1.4561cqw;line-height:1.0988;color:#133853;letter-spacing:-0.0172em}
.clm-bn--virtual-experiencia .bn-c3{left:56.9333%;top:35.4000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:1.4561cqw;line-height:1.1217;color:#133853;letter-spacing:-0.0196em}
.clm-bn--virtual-experiencia .bn-c4{left:81.8333%;top:35.4000%;font-family:'CLM Montserrat',sans-serif;font-weight:400!important;font-size:1.4561cqw;line-height:1.0988;color:#133853;letter-spacing:-0.0229em}

/* ---------- virtual-modelo ---------- */
.clm-bn--virtual-modelo .bn-t{left:3.3000%;top:25.1000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:4.1204cqw;line-height:0.8252;color:#133853;letter-spacing:-0.0091em}
.clm-bn--virtual-modelo .bn-s{left:3.8000%;top:64.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.2360cqw;line-height:0.8900;color:#133853;letter-spacing:0.0593em}
.clm-bn--virtual-modelo .bn-h1{left:32.7667%;top:47.5000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.6450cqw;line-height:1.0739;color:#133853;letter-spacing:-0.0068em}
.clm-bn--virtual-modelo .bn-h2{left:46.1667%;top:47.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.6450cqw;line-height:1.0739;color:#133853;letter-spacing:0.0037em}
.clm-bn--virtual-modelo .bn-h3{left:60.5333%;top:47.6000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:1.6450cqw;line-height:1.0334;color:#133853;letter-spacing:-0.0087em}
.clm-bn--virtual-modelo .bn-h4{left:71.7667%;top:47.6000%;font-family:'CLM Open Sans SemiCondensed',sans-serif;font-weight:700!important;font-size:1.6333cqw;line-height:1.0816;color:#133853;letter-spacing:0.0204em}
.clm-bn--virtual-modelo .bn-h5{left:84.9667%;top:47.6000%;font-family:'CLM Open Sans SemiCondensed',sans-serif;font-weight:700!important;font-size:1.6333cqw;line-height:1.0816;color:#133853;letter-spacing:-0.0235em}
.clm-bn--virtual-modelo .bn-b1{left:33.3167%;top:62.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.1000cqw;line-height:1.0303;color:#133853;letter-spacing:-0.0152em}
.clm-bn--virtual-modelo .bn-b2{left:45.9333%;top:62.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.1000cqw;line-height:1.0303;color:#133853;letter-spacing:-0.0144em}
.clm-bn--virtual-modelo .bn-b3{left:58.6167%;top:62.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.1000cqw;line-height:1.0303;color:#133853;letter-spacing:-0.0152em}
.clm-bn--virtual-modelo .bn-b4{left:72.9000%;top:62.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.1000cqw;line-height:1.0303;color:#133853;letter-spacing:-0.0162em}
.clm-bn--virtual-modelo .bn-b5{left:87.5833%;top:62.3000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:1.1000cqw;line-height:1.0303;color:#133853;letter-spacing:-0.0152em}
.clm-bn--virtual-modelo .bn-btn{left:3.8000%;top:78.0000%;width:19.7333%;height:8.2000%;padding-left:1.5333cqw;padding-right:1.4000cqw;justify-content:space-between;background:#a8cf45;font-family:'CLM Open Sans',sans-serif;font-weight:700;font-size:1.4834cqw;border-radius:0.3133cqw}
.clm-bn--virtual-modelo .bn-btn .bi{font-size:1.5333cqw;-webkit-text-stroke:.045em currentColor}

/* ---------- virtual-cta ---------- */
.clm-bn--virtual-cta{aspect-ratio:3000/500}
.clm-bn--virtual-cta .bn-t{left:2.4667%;top:24.2000%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:2.4912cqw;line-height:1.0972;color:#ffffff;letter-spacing:-0.0069em}
.clm-bn--virtual-cta .bn-s{left:2.4667%;top:62.4000%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:2.0346cqw;line-height:1.1500;color:#ffffff;letter-spacing:-0.0098em}
.clm-bn--virtual-cta .bn-btn{left:45.3667%;top:35.2000%;width:23.9333%;height:29.6000%;padding-left:1.3000cqw;padding-right:1.6000cqw;justify-content:flex-start;background:#a8cf45;font-family:'CLM Open Sans',sans-serif;font-weight:700;font-size:1.6588cqw;border-radius:0.4167cqw}
.clm-bn--virtual-cta .bn-btn .bi{font-size:2.9333cqw;margin-right:0.6000cqw}

/* ---------- virtual-card-artistas ---------- */
.clm-bn--virtual-card-artistas{aspect-ratio:3000/3600}
.clm-bn--virtual-card-artistas .bn-t{left:32.7000%;top:55.7222%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:9.2641cqw;line-height:1.1500;color:#133853;letter-spacing:-0.0247em}
.clm-bn--virtual-card-artistas .bn-p{left:19.6000%;top:72.1111%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:5.7045cqw;line-height:1.0518;color:#133853;letter-spacing:-0.0175em}

/* ---------- virtual-card-condiciones ---------- */
.clm-bn--virtual-card-condiciones{aspect-ratio:3000/3600}
.clm-bn--virtual-card-condiciones .bn-t{left:22.2000%;top:51.7222%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:9.2641cqw;line-height:1.0579;color:#133853;letter-spacing:-0.0273em}
.clm-bn--virtual-card-condiciones .bn-p{left:18.9167%;top:72.0556%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:5.7333cqw;line-height:1.0465;color:#133853;letter-spacing:-0.0241em}

/* ---------- virtual-card-deportistas ---------- */
.clm-bn--virtual-card-deportistas{aspect-ratio:3000/3600}
.clm-bn--virtual-card-deportistas .bn-t{left:12.6667%;top:51.0278%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:9.1333cqw;line-height:1.0730;color:#133853;letter-spacing:-0.0187em}
.clm-bn--virtual-card-deportistas .bn-p{left:18.2000%;top:72.0278%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:5.8009cqw;line-height:1.0516;color:#133853;letter-spacing:-0.0254em}

/* ---------- virtual-card-familias ---------- */
.clm-bn--virtual-card-familias{aspect-ratio:3000/3600}
.clm-bn--virtual-card-familias .bn-t{left:5.3167%;top:51.5278%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:9.1333cqw;line-height:1.0730;color:#133853;letter-spacing:-0.0187em}
.clm-bn--virtual-card-familias .bn-p{left:14.3667%;top:72.0556%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:5.7667cqw;line-height:1.0434;color:#133853;letter-spacing:-0.0250em}

/* ---------- virtual-card-viajeros ---------- */
.clm-bn--virtual-card-viajeros{aspect-ratio:3000/3600}
.clm-bn--virtual-card-viajeros .bn-t{left:26.2000%;top:50.1944%;font-family:'CLM Open Sans',sans-serif;font-weight:700!important;font-size:9.1333cqw;line-height:1.0730;color:#133853;letter-spacing:-0.0182em}
.clm-bn--virtual-card-viajeros .bn-p{left:18.0000%;top:72.0556%;font-family:'CLM Open Sans',sans-serif;font-weight:400!important;font-size:5.7333cqw;line-height:1.0465;color:#133853;letter-spacing:-0.0193em}

/* ---------- virtual-nivel-primaria ---------- */
.clm-bn--virtual-nivel-primaria{aspect-ratio:3000/3000}

/* ---------- virtual-nivel-preescolar ---------- */
.clm-bn--virtual-nivel-preescolar{aspect-ratio:3000/3000}
.clm-bn--virtual-nivel-preescolar .bn-d1{left:7.5333%;top:36.7000%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0356em}
.clm-bn--virtual-nivel-preescolar .bn-d2{left:19.2333%;top:36.4000%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0582em}
.clm-bn--virtual-nivel-preescolar .bn-d3{left:32.1000%;top:36.3000%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0459em}
.clm-bn--virtual-nivel-preescolar .bn-d4{left:44.5667%;top:35.7333%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.0300;color:#ffffff;letter-spacing:0.0679em}
.clm-bn--virtual-nivel-preescolar .bn-d5{left:59.1333%;top:36.9000%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0111em}
.clm-bn--virtual-nivel-preescolar .bn-d6{left:71.5000%;top:36.9333%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0200em}
.clm-bn--virtual-nivel-preescolar .bn-d7{left:83.5000%;top:36.7333%;font-family:'CLM Chewy',sans-serif;font-weight:400!important;font-size:1.8750cqw;line-height:1.1000;color:#ffffff;letter-spacing:0.0196em}

/* ---------- virtual-nivel-secundaria ---------- */
.clm-bn--virtual-nivel-secundaria{aspect-ratio:3000/3000}

/* ---------- virtual-nivel-media ---------- */
.clm-bn--virtual-nivel-media{aspect-ratio:3000/3000}