/* ============================================================================
   Hush Puppies · Back to School 2027 · añadidos de proyecto sobre el canon Disrupt
   Solo lo que el sistema no cubre: banderas, muro de logos dentro de una
   columna, las cuatro unidades del grupo, WhatsApp a tamaño lámina y utilidades.
   Sin acento: la línea va en blanco, negro y gris.
   ============================================================================ */
:root{--acento-tenue:rgba(240,240,239,.08)}

/* ---------- banderas: color de pieza, no de lámina ---------- */
.paises{display:flex;gap:3cqmin;margin-top:2.8cqmin}
.pais{display:flex;align-items:center;gap:1.1cqmin;font-family:var(--cond);font-size:1.5cqmin;
  letter-spacing:.22em;text-transform:uppercase;color:var(--tenue);font-weight:600}
.pais svg{width:4.2cqmin;height:2.8cqmin;display:block;box-shadow:0 0 0 1px var(--borde-fuerte)}

/* ---------- muro de logos dentro de una columna ---------- */
.logos.cols{height:auto;grid-template-columns:repeat(3,1fr);gap:3.2cqmin 3.6cqmin;
  margin:1.8cqmin 0 4.2cqmin;align-content:start}
.logos.cols img{height:4.2cqmin}
.logos.cols.calzado{grid-template-columns:repeat(2,1fr)}
.logos.cols.calzado img{height:5.4cqmin}
.logos.cols.muro{grid-template-columns:repeat(5,1fr);gap:2.8cqmin 3cqmin;margin-bottom:0}
.logos.cols.muro img{height:3.8cqmin}
/* los logos del muro curado ya vienen en blanco: el filtro los empastaría */
.logos img[src*="cli-"]{filter:none}

/* ---------- las cuatro unidades del grupo ---------- */
.unidades{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqmin;height:100%;width:100%}
.unidad{position:relative;display:flex;flex-direction:column;gap:1cqmin;padding:3cqmin 2.4cqmin 2.6cqmin;
  border:1px solid var(--borde);background:var(--superficie);min-width:0}
.unidad.foco{border-color:var(--borde-fuerte);background:#151515}
.unidad .chip{position:absolute;top:1.6cqmin;right:1.6cqmin;font-family:var(--cond);font-size:1cqmin;
  letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--fondo);
  background:var(--tinta);padding:.35cqmin .9cqmin}
.unidad .logo{height:9cqmin;display:flex;align-items:center;margin-bottom:auto}
/* logos reales del grupo, tal como vienen: GEMS conserva su gema morada */
.unidad .logo img{height:4.6cqmin;width:auto;max-width:80%;object-fit:contain;object-position:left center}
.unidad .logo img.cx{height:3.6cqmin}
.unidad .logo .txt{font-family:var(--disp);font-size:5.6cqmin;line-height:1;color:var(--tinta);letter-spacing:.02em}
.unidad .r{font-family:var(--cond);font-size:1.3cqmin;letter-spacing:.24em;text-transform:uppercase;
  color:var(--mudo);font-weight:600;margin-top:4cqmin}
.unidad .t{font-family:var(--disp);font-size:4cqmin;line-height:1;color:var(--tinta);letter-spacing:.02em}
.unidad .d{font-size:1.9cqmin;line-height:1.5;color:var(--tenue)}
.unidad .hoy{margin-top:3cqmin;padding-top:1.6cqmin;border-top:1px solid var(--borde-fuerte);
  font-size:1.8cqmin;line-height:1.4;color:var(--tinta);height:11cqmin;box-sizing:border-box}
.unidad .hoy.vacia{border-top-color:transparent}
/* filas fijas: el texto de las cuatro tarjetas cae a la misma altura, con o sin bloque "En Hush Puppies" */
.unidad{display:grid;grid-template-rows:9cqmin 1fr auto auto 9cqmin 11cqmin;row-gap:1cqmin}
.unidad .d{align-self:start}
.unidad .logo{grid-row:1;margin:0}
.unidad .r{grid-row:3;margin-top:0}
.unidad .t{grid-row:4}
.unidad .d{grid-row:5}
.unidad .hoy{grid-row:6;margin-top:2cqmin}
/* logos altos o cuadrados del muro: un poco más de alto para que pesen parecido */
.logos.cols.muro img.alto{height:5.2cqmin}
.unidad .hoy b{display:block;font-family:var(--cond);font-size:1.05cqmin;letter-spacing:.22em;
  text-transform:uppercase;color:var(--mudo);font-weight:600;margin-bottom:.5cqmin}

/* ---------- WhatsApp a tamaño de lámina (mismo ajuste que AFP Capital) ---------- */
.p-whatsapp .top{padding:13.5cqmin 3.5cqmin 3cqmin;gap:2.5cqmin}
.p-whatsapp .top .ava{width:10.5cqmin;height:10.5cqmin;font-size:5.5cqmin;display:flex;
  align-items:center;justify-content:center;background:#00a884;color:#fff;font-weight:700}
.p-whatsapp .top .id b{font-size:4.8cqmin}
.p-whatsapp .top .id span{font-size:3.2cqmin}
.p-whatsapp .chat{padding:4cqmin 3cqmin;gap:2cqmin}
.p-whatsapp .dia{font-size:2.8cqmin;padding:1cqmin 2.2cqmin;border-radius:2cqmin}
.p-whatsapp .msg{max-width:88%;padding:2.2cqmin 2.6cqmin 1.6cqmin;font-size:4.15cqmin;line-height:1.38;border-radius:3cqmin}
.p-whatsapp .msg .h{font-size:2.8cqmin;margin-top:1.2cqmin}
.p-whatsapp .barra{padding:2.5cqmin 3cqmin 4cqmin;gap:2cqmin}
.p-whatsapp .barra .campo{font-size:3.7cqmin;padding:2cqmin 2.7cqmin;border-radius:5cqmin}
.p-whatsapp .barra .env{width:8cqmin;height:8cqmin}

/* ---------- utilidades ---------- */
.col>.bandas{height:auto;justify-content:flex-start}
.col>.barras-dato,.col>.pasos,.col>table{height:auto;flex:0 0 auto}
.sep-v{height:2.4cqmin;flex:0 0 auto}
.sep-v.chico{height:1.4cqmin}
.lead.chica{font-size:1.6cqmin;max-width:none}
.pasos.dos{grid-auto-flow:row;grid-template-columns:1fr 1fr;height:auto}
.fila-piezas{display:flex;gap:3cqmin;align-items:stretch;height:100%;min-height:0}
.fila-piezas>.medio{flex:1 1 0}
.fila-piezas>.medio.pantalla{flex:0 0 auto}
.fila-piezas.solo{justify-content:center}

/* láminas de cobertura: cuatro cortes de la misma grilla */
.resumen{display:flex;align-items:baseline;gap:3cqmin;flex:0 0 auto}
.resumen .big{font-size:8cqmin;flex:0 0 auto}
.resumen .lead{max-width:62ch}
.cortes{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2cqmin;flex:1 1 auto;min-height:0;align-content:start}
.corte{display:flex;flex-direction:column;gap:.6cqmin;border-top:1px solid var(--borde-fuerte);padding-top:1.4cqmin;min-width:0}
.corte>.rotulo{margin-bottom:.9cqmin}
.corte .fila{display:grid;grid-template-columns:1fr auto;gap:.3cqmin 1cqmin;align-items:baseline}
.corte .fila .e{font-family:var(--cond);font-size:1.25cqmin;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);font-weight:600}
.corte .fila .v{font-family:var(--disp);font-size:2.1cqmin;line-height:1;color:var(--tinta)}
.corte .riel{grid-column:1/-1;height:.5cqmin;background:rgba(255,255,255,.07);display:block;margin-bottom:.9cqmin}
.corte .riel i{display:block;height:100%;background:var(--tinta)}
/* comparación: barra blanca la propuesta, barra gris el año pasado */
.corte .fila.comp{margin-bottom:.9cqmin}
.corte .fila.comp .riel{margin-bottom:.25cqmin}
.corte .fila .e.ant{font-size:1cqmin;letter-spacing:.14em;color:var(--mudo)}
.corte .fila .v.ant{font-family:var(--cond);font-size:1.25cqmin;letter-spacing:.06em;color:var(--mudo);font-weight:600}
.corte .riel.ant{height:.3cqmin;background:rgba(255,255,255,.05);margin-bottom:0}
.corte .riel.ant i{background:#56564f}
.leyenda{display:block;margin-top:.9cqmin;font-family:var(--cond);font-size:1.15cqmin;letter-spacing:.18em;
  text-transform:uppercase;color:var(--mudo);font-weight:600}
.leyenda i{display:inline-block;width:2.2cqmin;height:.5cqmin;margin:0 .6cqmin 0 0;vertical-align:middle}
.leyenda i.mp{background:var(--tinta)}
.leyenda i.ma{background:#56564f;margin-left:1.8cqmin}
.corte .nota{margin-top:.6cqmin;font-size:1.4cqmin;color:var(--tenue);line-height:1.4}
.corte .nota strong{color:var(--tinta);font-weight:600}
/* el año pasado se muestra apagado; la propuesta, en blanco */
.cortes.apagado .corte .fila .v{color:var(--tenue)}
.cortes.apagado .corte .riel i{background:#56564f}
.cortes.apagado .corte .nota strong{color:var(--tenue)}
.nota-pie{flex:0 0 auto;border-left:2px solid var(--duda);background:var(--duda-fondo);padding:1.3cqmin 1.8cqmin;
  font-size:1.5cqmin;color:var(--tinta);line-height:1.45}
.nota-pie b{display:block;font-family:var(--cond);font-size:1.1cqmin;letter-spacing:.22em;text-transform:uppercase;
  color:var(--duda);margin-bottom:.5cqmin}
.nota-pie strong{font-weight:600}

/* lámina Treid X: panel que consolida el trade */
.head.titulo-largo h2{font-size:4.4cqmin;max-width:none;white-space:nowrap}
.body.apilada>.pasos.tres{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
.fila-panel{flex:1 1 auto;display:grid;grid-template-columns:24cqmin 1.55fr 1fr;gap:2.6cqmin;min-height:0}
.fila-panel>.medio{min-height:0;min-width:0}
.fila-panel>.medio>.hueco{width:100%;height:100%;aspect-ratio:auto}
.fila-panel>.col{justify-content:flex-start;gap:1.1cqmin;min-height:0}
ul.modulos{list-style:none;display:flex;flex-direction:column;gap:.75cqmin}
ul.modulos li{font-size:1.35cqmin;line-height:1.3;color:var(--tenue);padding-left:1.3cqmin;border-left:1px solid var(--borde-fuerte)}
ul.modulos li b{display:block;color:var(--tinta);font-weight:600;font-size:1.5cqmin}
a.enlace-vivo{align-self:flex-start;font-family:var(--cond);font-size:1.3cqmin;letter-spacing:.2em;text-transform:uppercase;
  color:var(--fondo);background:var(--tinta);padding:1cqmin 1.8cqmin;text-decoration:none;font-weight:700;margin:.4cqmin 0}
a.enlace-vivo:hover{background:#fff}
.fila-panel .banda.dudas{padding:1.1cqmin 1.4cqmin}
.fila-panel .banda.dudas .k{font-size:1.4cqmin}

/* lámina de cierre: frase sola, en blanco pleno */
.slide.cierre-blanco>*:not(.resplandor){position:relative;z-index:1}
.slide.cierre-blanco .frase{color:var(--tinta);font-size:8.4cqmin;max-width:none}
.slide.cierre-blanco .marca-final{position:absolute;left:9cqmin;bottom:8cqmin}
.slide.cierre-blanco .marca-final img{height:3.2cqmin;width:auto;opacity:.9}

/* lámina "La mesa se gana el día 1" */
.body.apilada>.pasos{flex:0 0 auto;height:auto}
.body.apilada .pasos .d{font-size:1.55cqmin;line-height:1.45}
.body.apilada .fila-cols>.col{justify-content:flex-start}
table.ficha-sala td{font-size:1.6cqmin;padding-top:.75cqmin;padding-bottom:.75cqmin}
table.ficha-sala td:first-child{color:var(--mudo);font-family:var(--cond);font-size:1.25cqmin;letter-spacing:.14em;
  text-transform:uppercase;width:34%}
.col.superficie ol.preg .q{font-size:1.75cqmin}

/* ---------- piezas dentro de las tarjetas del grupo ---------- */
.unidad .pieza{grid-row:2;min-height:0;margin:1.6cqmin 0 .8cqmin;position:relative;overflow:hidden}
.unidad .pieza.foto img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid var(--borde)}
.unidad .pieza.fono{display:flex;justify-content:center;align-items:center;overflow:visible}
/* captura de panel: se ve completa, sin recorte, sobre su propio fondo claro */
.unidad .pieza.foto.panel img{object-fit:cover;object-position:left top;background:#fafafa}
.unidad .pieza.fono .iphone{height:100%;width:auto;max-width:100%}

/* matriz de sub-pilares treid·cx, en el lenguaje claro del portal */
.matriz-cx{background:#fff;border:1px solid var(--borde);display:flex;flex-direction:column;font-family:var(--texto);color:#16161d}
.mx-bar{display:flex;justify-content:space-between;align-items:baseline;padding:.9cqmin 1cqmin .7cqmin;border-bottom:1px solid #ececf2}
.mx-bar b{font-size:1.3cqmin;font-weight:700}
.mx-bar span{font-size:.85cqmin;color:#8a8a96}
.matriz-cx table{width:100%;border-collapse:collapse;font-size:1.05cqmin;flex:1}
.matriz-cx th{font-family:var(--texto);font-size:.85cqmin;letter-spacing:0;text-transform:none;color:#6b6b78;font-weight:600;
  padding:.5cqmin .4cqmin;border-bottom:1px solid #ececf2;text-align:center;background:#fafafb}
.matriz-cx td{padding:.4cqmin;text-align:center;border-bottom:1px solid #f1f1f4;font-weight:600;color:#16161d;font-size:1.05cqmin}
.matriz-cx th:first-child,.matriz-cx td:first-child{text-align:left;padding-left:1cqmin;font-weight:500}
.matriz-cx td.mx-v{background:#e7f5ec;color:#0b7a43}
.matriz-cx td.mx-a{background:#fcf3e6;color:#b7791f}
.matriz-cx td.mx-r{background:#fcebeb;color:#c53030}

/* recuadro "Para definir con ustedes": color propio para que se lea como pendiente */
:root{--duda:#FFC800;--duda-fondo:#2b2609}
/* cita del libro con su portada, como en el deck de Red Bull */
.cita-dato.libro{align-items:center;gap:1.8cqmin}
.medio>.banda.dudas{flex:0 0 auto;padding:1.2cqmin 1.6cqmin}
.medio>.banda.dudas .k{font-size:1.55cqmin}
.cita-dato.libro img{height:14cqmin;width:auto;flex:0 0 auto;display:block;box-shadow:0 .6cqmin 1.4cqmin rgba(0,0,0,.5)}
.dudas{border-left:2px solid var(--duda)}
.dudas.caja{background:var(--duda-fondo);padding:1.8cqmin 2.2cqmin;display:flex;flex-direction:column}
.col.superficie.dudas{background:var(--duda-fondo)}
.banda.b3.dudas{border-left-color:var(--duda);background:var(--duda-fondo)}
.dudas .rotulo,.banda.dudas .r{color:var(--duda)}
.dudas ol.preg li::before{color:var(--duda)}

/* captura real de la app GEMS dentro del marco del teléfono */
.unidad .pieza.fono .app{background:#0b0a10;justify-content:center}
.gm-shot{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#0b0a10}

/* celular GEMS: medidas en cqmin del contenedor .app del teléfono */
.gm{flex:1;display:flex;flex-direction:column;background:#0a0a10;color:#f5f4f8;font-family:var(--texto);
  padding:15cqmin 5cqmin 4cqmin;gap:3.4cqmin;min-height:0;letter-spacing:-.01em}
.gm-top{display:flex;justify-content:space-between;align-items:center}
.gm-top b{font-size:6.2cqmin;font-weight:600}
.gm-av{width:10cqmin;height:10cqmin;border-radius:50%;background:#8b5cf6;display:flex;align-items:center;
  justify-content:center;font-size:4.6cqmin;font-weight:700}
.gm-card{background:#12121a;border:1px solid #2a2a3f;border-radius:4cqmin;padding:5cqmin 4.5cqmin;
  display:flex;flex-direction:column;gap:1.6cqmin}
.gm-eye{font-size:3.4cqmin;letter-spacing:.14em;text-transform:uppercase;color:#9aa0a6}
.gm-tit{font-size:7.2cqmin;font-weight:600;line-height:1.1}
.gm-sub{font-size:4.8cqmin;color:#c9c9d2}
.gm-anillo{width:60cqmin;aspect-ratio:1;border-radius:50%;margin:3cqmin auto;display:grid;place-items:center;
  background:conic-gradient(#8b5cf6 0%,#ec4899 calc(var(--p)*1%),#2a2a36 calc(var(--p)*1%))}
.gm-anillo>div{width:80%;aspect-ratio:1;border-radius:50%;background:#12121a;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1cqmin}
.gm-anillo b{font-size:13cqmin;font-weight:800;line-height:1;background:linear-gradient(90deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.gm-anillo span{font-size:4cqmin;color:#c9c9d2}
.gm-pill{font-size:3.9cqmin;text-align:center;background:#1a1a26;border:1px solid #2a2a3f;border-radius:3cqmin;padding:2.4cqmin}
.gm-alerta{font-size:3.7cqmin;text-align:center;color:#f5b73b;border:1px solid #f59e0b;border-radius:3cqmin;padding:2.2cqmin}
.gm-marca{margin-top:auto;display:flex;justify-content:center}
.gm-marca img{height:6cqmin;width:auto}
.gm-nav{display:flex;justify-content:space-between;background:#12121a;border:1px solid #2a2a3f;border-radius:4cqmin;padding:3cqmin 4cqmin}
.gm-nav i{width:5cqmin;height:5cqmin;border-radius:1.4cqmin;border:1px solid #5f6368}
.gm-nav i.on{background:#242436;border-color:#a78bfa}

/* árbol mini, en el lenguaje del panel Treid X de Agrosuper (claro) */
.arbol-mini{background:#f5f6f8;color:#16161d;font-family:var(--texto);padding:1cqmin;display:flex;
  flex-direction:column;gap:.6cqmin;border:1px solid var(--borde)}
.am-bar{font-family:var(--cond);font-size:.95cqmin;letter-spacing:.18em;text-transform:uppercase;color:#8a8a96;font-weight:600}
.am-score,.am-pil{background:#fff;border:1px solid #e6e7ec;border-radius:.6cqmin;padding:.65cqmin .9cqmin;
  display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.8cqmin;row-gap:.35cqmin}
.am-score .e{font-size:.9cqmin;letter-spacing:.14em;text-transform:uppercase;color:#6b6b78;grid-column:1/-1}
.am-score b{font-size:2.9cqmin;font-weight:700;line-height:1;grid-column:1/-1}
.am-score b small{font-size:1.3cqmin;color:#5b6b8c;margin-left:.3cqmin;font-weight:600}
.am-pil .n{font-size:1.15cqmin;font-weight:600}
.am-pil .n em{font-style:normal;font-weight:400;color:#8a8a96;font-size:.9cqmin;margin-left:.5cqmin}
.am-pil b{font-size:1.45cqmin;font-weight:700}
.arbol-mini .riel{grid-column:1/-1;display:block;height:.5cqmin;background:#e7e8ec;border-radius:.3cqmin;overflow:hidden}
.arbol-mini .riel s{display:block;height:100%;background:#b7791f}
.am-pil.brecha{border-color:#e3a4a4;background:#fdf1f1}
.am-pil.brecha .riel s{background:#d64545}