/* ===================================================================
   iDidáctica — exploración NEUMORPHISM (local, no se publica)
   Doble sombra sobre una sola superficie mate. Sin bordes ni hairlines.
   =================================================================== */
*{box-sizing:border-box}
:root{
  --nbg:#e0e5ec;
  --ink:#333a4d;
  --muted:#5b6274;
  --faint:#8b91a2;
  --accent:#d9631f;      /* énfasis del sistema — ámbar (labels, CTAs, viñetas, marca) */
  --amber-a:#f2894e;     /* ámbar vibrante — bandas / botón primario (claro) */
  --amber-b:#df6c30;     /* ámbar vibrante — profundo */
  --dark-a:#262b35;      /* gris oscuro — bandas (claro) */
  --dark-b:#15181f;      /* gris oscuro — profundo */
  --nsh-d:163,177,198;   /* sombra neu oscura (abajo-derecha) */
  --nsh-l:255,255,255;   /* sombra neu clara (arriba-izquierda) */
  --r:24px; --r-sm:14px;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nbg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
::selection{background:rgba(90,99,120,.26)}
.wrap{max-width:1000px;margin-inline:auto;padding-inline:24px}

/* ---------- masthead ---------- */
.nav-bar{position:sticky;top:0;z-index:10;background:var(--nbg)}
.nav-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;min-height:76px;flex-wrap:wrap;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-size:18px}
.brand .mk{width:42px;height:42px;border-radius:13px;background:var(--nbg);display:grid;place-items:center;color:var(--accent);font-size:15px;font-weight:800;box-shadow:5px 5px 10px rgba(var(--nsh-d),.6),-5px -5px 10px rgba(var(--nsh-l),.9)}
.brand .tag{color:var(--faint);font-weight:600;font-size:13px}
.tools{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:var(--muted);font-size:14px;font-weight:600;padding:9px 15px;border-radius:12px;transition:box-shadow .18s ease,color .18s ease}
.nav a:hover{color:var(--ink);box-shadow:inset 3px 3px 6px rgba(var(--nsh-d),.55),inset -3px -3px 6px rgba(var(--nsh-l),.9)}

/* ---------- secciones ---------- */
section{padding-block:52px}
.label{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--accent);margin-bottom:22px;text-transform:uppercase}

/* encabezado de bloque (cada sección es un relato) */
.block-head{margin-bottom:38px}
.block-head .label{margin-bottom:12px}
.section-title{font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:800;letter-spacing:-.02em;line-height:1.14;color:var(--ink);margin:0;max-width:20ch}
.section-intro{color:var(--muted);font-size:16.5px;line-height:1.5;margin:15px 0 0;max-width:54ch}
#productos .section-title,#casos .section-title{color:#fff}
#productos .section-intro{color:rgba(255,255,255,.9)}
#casos .section-intro{color:rgba(255,255,255,.72)}

/* ---------- hero ---------- */
.hero{padding-block:clamp(54px,7vw,92px) clamp(40px,6vw,60px)}
#empresa{padding-block:clamp(70px,9vw,110px)}
.status{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--muted);padding:10px 17px;border-radius:22px;margin-bottom:28px;background:rgba(var(--nsh-l),.45)}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero h1{font-size:clamp(2rem,5.4vw,3.3rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0;max-width:17ch;color:var(--ink)}
.hero .lead{color:var(--muted);max-width:60ch;margin:24px 0 0;font-size:17px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:700;padding:15px 26px;border-radius:16px;border:0;cursor:pointer;background:var(--nbg);color:var(--ink);box-shadow:6px 6px 12px rgba(var(--nsh-d),.6),-6px -6px 12px rgba(var(--nsh-l),.9);transition:box-shadow .18s ease,color .18s ease}
.btn:hover{color:var(--accent)}
.btn:active{box-shadow:inset 4px 4px 8px rgba(var(--nsh-d),.6),inset -4px -4px 8px rgba(var(--nsh-l),.9)}
.btn.primary{background:linear-gradient(150deg,var(--amber-a),var(--amber-b));color:#fff;font-weight:800;box-shadow:7px 7px 16px rgba(198,92,32,.32),-6px -6px 12px rgba(255,255,255,.55)}
.btn.primary:hover{color:#fff;transform:translateY(-2px);box-shadow:9px 9px 20px rgba(198,92,32,.36),-6px -6px 12px rgba(255,255,255,.6)}
.btn.primary:active{transform:none;box-shadow:inset 4px 4px 10px rgba(150,60,20,.4)}
.hero .meta{margin-top:32px;font-size:14px;color:var(--faint)}
.hero .meta b{color:var(--muted);font-weight:700}

/* ---------- cards (productos / casos) ---------- */
.cards{display:grid;gap:26px;grid-template-columns:1fr}
.card{display:block;padding:28px;border-radius:var(--r);background:var(--nbg);box-shadow:7px 7px 16px rgba(var(--nsh-d),.6),-7px -7px 16px rgba(var(--nsh-l),.9);transition:box-shadow .22s ease,transform .22s ease}
.card:hover{transform:translateY(-3px);box-shadow:11px 11px 24px rgba(var(--nsh-d),.62),-11px -11px 24px rgba(var(--nsh-l),.95)}
.card-top{display:flex;align-items:center;gap:13px}
.card .name{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em;flex:1;min-width:0}
.card .go{color:var(--accent);font-size:14px;font-weight:700;white-space:nowrap;flex:none}
.card .go::after{content:" →";display:inline-block;transition:transform .2s ease}

/* dos familias: Producto (insignia cuadrada azul) vs Caso (avatar circular teal) */
.badge,.avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em}
.badge{border-radius:12px;background:var(--accent);box-shadow:0 5px 14px rgba(var(--nsh-d),.5)}
.avatar{border-radius:50%;background:linear-gradient(140deg,#22c1a6,var(--accent));box-shadow:0 5px 14px rgba(15,158,136,.36)}
.card.case .go{color:var(--accent)}
.label-alt{color:var(--accent)}

/* portada con captura real del sitio (marco suave + insignia/avatar sobrepuesto) */
.card .cover{position:relative;aspect-ratio:16/10;margin-bottom:34px}
.card .cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border-radius:16px;box-shadow:0 9px 22px rgba(var(--nsh-d),.6),0 1px 0 rgba(var(--nsh-l),.8)}
.card .cover .badge,.card .cover .avatar{position:absolute;left:15px;bottom:-17px;width:46px;height:46px;font-size:14px;border:3px solid var(--nbg)}
.card .cover .badge{box-shadow:0 6px 16px rgba(var(--nsh-d),.5)}
.card .cover .avatar{box-shadow:0 6px 16px rgba(15,158,136,.4)}
.card .card-top{margin-top:0}

/* productos: logo como silueta crema (sin placa) — 50% en reposo → 100% al hover */
.card.product .logo-plate{display:grid;place-items:center;padding:14px 10px 22px}
.card.product .logo{display:block;width:290px;max-width:100%;background:#fff8f1;opacity:.86;transition:opacity .3s ease;-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.card.product:hover .logo{opacity:1}
.card.product .logo.idiatlas{aspect-ratio:310/43;--src:url(img/idiatlas-logo.svg)}
.card.product .logo.aquiseestudia{aspect-ratio:398/56;--src:url(img/aquiseestudia-logo.svg)}

/* ---------- Productos: bloque de color ámbar (el tercer color) ---------- */
/* Productos: banda de color ámbar a todo el ancho */
#productos{background:linear-gradient(155deg,var(--amber-a),var(--amber-b));padding-block:clamp(70px,9vw,120px)}
.prod-block{padding:0}
.prod-block .label{color:rgba(255,255,255,.82)}
/* tarjetas integradas en el bloque: neumórficas sobre el ámbar */
.prod-block .card{background:linear-gradient(145deg,#f18b52,#e87a3d);box-shadow:8px 8px 18px rgba(146,58,16,.42),-8px -8px 18px rgba(255,196,150,.42)}
.prod-block .card:hover{box-shadow:12px 12px 26px rgba(146,58,16,.46),-12px -12px 26px rgba(255,196,150,.46)}
.prod-block .card .name{color:#fff}
.prod-block .card .go{color:#fff}
.prod-block .card .desc{color:rgba(255,255,255,.9)}
.prod-block .card .kind{color:rgba(255,255,255,.74)}
.prod-block .card .kind b{color:#fff}

/* ---------- Casos de éxito: banda gris oscuro a todo el ancho (blanco y negro) ---------- */
#casos{background:linear-gradient(160deg,var(--dark-a),var(--dark-b));padding-block:clamp(70px,9vw,120px)}
#casos .label{color:rgba(255,255,255,.82)}
/* tarjetas monocromas, elevadas sobre el gris oscuro */
#casos .card{background:linear-gradient(145deg,#2f343f,#282c36);box-shadow:8px 8px 18px rgba(0,0,0,.42),-8px -8px 18px rgba(255,255,255,.04)}
#casos .card:hover{box-shadow:12px 12px 26px rgba(0,0,0,.46),-12px -12px 26px rgba(255,255,255,.05)}
#casos .card .name{color:#fff}
#casos .card .go{color:rgba(255,255,255,.9)}
#casos .card .desc{color:rgba(255,255,255,.66)}
#casos .card .kind{color:rgba(255,255,255,.5)}
#casos .card .kind b{color:rgba(255,255,255,.8)}
/* foto en escala de grises */
#casos .card .cover img{filter:grayscale(1) contrast(1.03);box-shadow:0 9px 22px rgba(0,0,0,.4)}
/* avatar en gris (sin teal) */
#casos .card .cover .avatar{background:linear-gradient(140deg,#6b7280,#454a57);box-shadow:0 6px 16px rgba(0,0,0,.42);border-color:#2b303b}
/* 3 columnas en desktop */
@media (min-width:960px){#casos .cards{grid-template-columns:repeat(3,1fr)}}
.card:hover .go::after{transform:translateX(4px)}
.card .desc{color:var(--muted);font-size:14.5px;margin-top:13px;max-width:62ch}
.card .kind{color:var(--faint);font-size:13px;margin-top:15px;font-weight:600}
.card .kind b{color:var(--muted);font-weight:700}
@media (min-width:720px){.cards{grid-template-columns:1fr 1fr}}

/* ---------- empresa ---------- */
.panel{padding:34px;border-radius:var(--r);background:var(--nbg);box-shadow:7px 7px 16px rgba(var(--nsh-d),.6),-7px -7px 16px rgba(var(--nsh-l),.9)}
.panel p{color:var(--muted);margin:0 0 16px;font-size:15.5px;max-width:72ch}
.panel p:last-of-type{margin-bottom:0}
.panel p b{color:var(--ink);font-weight:700}
.caps{display:grid;gap:14px;grid-template-columns:1fr;margin-top:26px}
.cap{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:14px;font-size:14.5px;color:var(--muted);background:rgba(var(--nsh-l),.42)}
.cap::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px}
.cap b{color:var(--ink);font-weight:700}
@media (min-width:640px){.caps{grid-template-columns:1fr 1fr}}

/* ---------- Contacto: banda gris oscuro a todo el ancho ---------- */
.lead-band{background:linear-gradient(160deg,var(--dark-a),var(--dark-b));padding-block:clamp(70px,9vw,120px)}
.lead-band .wrap{padding-block:0}
.lead-inner{color:#fff}
.lead-grid{display:grid;gap:32px;grid-template-columns:1fr}
.lead-intro .label{color:rgba(255,255,255,.72)}
.lead-intro h2{font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:800;line-height:1.14;letter-spacing:-.02em;margin:14px 0 16px;color:#fff;max-width:17ch}
.lead-intro>p{color:rgba(255,255,255,.84);font-size:15.5px;max-width:46ch;margin:0}
.lead-trust{margin-top:26px;display:grid;gap:11px}
.lead-trust .t{display:flex;gap:11px;align-items:center;font-size:14px;color:rgba(255,255,255,.86)}
.lead-trust .t::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;flex:none;opacity:.9}

/* formulario neumórfico sobre el color: campos hundidos, botón elevado */
.lead-col{display:grid;align-content:start}
.lead-form{display:grid;gap:16px}
.field{display:grid;gap:7px}
.field label{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.86)}
.field input,.field textarea{font-family:inherit;font-size:15px;color:#fff;background:transparent;border:0;border-radius:14px;padding:14px 16px;width:100%;box-shadow:inset 4px 4px 9px rgba(0,0,0,.42),inset -4px -4px 9px rgba(255,255,255,.05)}
.field textarea{resize:vertical;min-height:98px}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.5)}
.field input:focus,.field textarea:focus{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}
.btn-submit{justify-self:start;margin-top:4px;font-family:inherit;font-size:15px;font-weight:800;color:#232733;background:#fff;border:0;border-radius:15px;padding:15px 30px;cursor:pointer;box-shadow:6px 6px 14px rgba(0,0,0,.34);transition:transform .18s ease,box-shadow .18s ease}
.btn-submit:hover{transform:translateY(-2px)}
.btn-submit:active{transform:none;box-shadow:inset 4px 4px 9px rgba(0,0,0,.3)}
.lead-note{margin:2px 0 0;font-size:11.5px;color:rgba(255,255,255,.62)}
.lead-success{display:none;padding:24px 26px;border-radius:16px;background:rgba(255,255,255,.15);color:#fff;font-size:15px;line-height:1.55}
.lead-success b{font-weight:800}
@media (min-width:820px){.lead-grid{grid-template-columns:1.05fr 1fr;gap:52px;align-items:start}}
@media (prefers-reduced-motion:reduce){.btn-submit{transition:none}}

/* ---------- footer ---------- */
footer{padding-block:44px;color:var(--faint);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===================================================================
   Páginas de caso (neumorphism)
   =================================================================== */
.crumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:26px;font-size:13px;color:var(--faint)}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--accent)}
.crumb .sep{color:var(--faint);opacity:.6}
.crumb .here{color:var(--ink);font-weight:600}

.case-head{padding-block:26px 8px}
.case-kicker{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--accent);margin-bottom:18px}
.case-head h1{font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin:0;max-width:24ch;color:var(--ink)}
.case-head .lede{color:var(--muted);max-width:64ch;margin:20px 0 0;font-size:16px}
.case-facts{display:flex;flex-wrap:wrap;gap:18px 34px;margin-top:32px;padding:24px 26px;border-radius:18px;box-shadow:inset 4px 4px 9px rgba(var(--nsh-d),.5),inset -4px -4px 9px rgba(var(--nsh-l),.85)}
.fact{display:flex;flex-direction:column;gap:3px}
.fact .fk{font-size:11px;letter-spacing:.05em;color:var(--faint)}
.fact .fv{font-size:13.5px;color:var(--ink);font-weight:600}
.fact a.fv{color:var(--accent)}
.fact a.fv::after{content:" →"}

.block{padding-block:30px}
.block h2{font-size:1.32rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:0 0 18px;max-width:34ch;line-height:1.3}
.block > .wrap > .case-kicker{margin-bottom:14px}

/* el problema — banda oscura (peso visual; el azul quedó solo para Contacto) */
.pain-box{padding:28px 30px;border-radius:20px;color:#fff;background:linear-gradient(155deg,#232733,#111318);box-shadow:0 18px 44px rgba(0,0,0,.32)}
.pain-box p{color:rgba(255,255,255,.9);margin:0 0 12px;font-size:15px;line-height:1.6}
.pain-box p:last-child{margin-bottom:0}
.pain-box p b{color:#fff;font-weight:700}

/* qué hicimos — pasos en filas elevadas */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px 22px;border-radius:16px;color:var(--muted);font-size:14.5px;line-height:1.5;box-shadow:6px 6px 13px rgba(var(--nsh-d),.5),-6px -6px 13px rgba(var(--nsh-l),.88)}
.steps li b{color:var(--ink);font-weight:700}
.steps .n{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--nbg);font-weight:800;font-size:12px;flex:none}

/* capacidades en simple — filas hundidas, dos columnas en desktop */
.translate{display:grid;gap:14px}
.tr{padding:20px 22px;border-radius:16px;box-shadow:inset 4px 4px 8px rgba(var(--nsh-d),.45),inset -4px -4px 8px rgba(var(--nsh-l),.82)}
.tr .tech{font-size:13px;color:var(--faint);line-height:1.5}
.tr .tech::before{content:"lo que hicimos";display:block;font-size:10px;letter-spacing:.06em;color:var(--accent);margin-bottom:5px;font-weight:700}
.tr .means{font-size:14.5px;color:var(--ink);line-height:1.55;margin-top:12px}
.tr .means::before{content:"lo que significa para ti";display:block;font-size:10px;letter-spacing:.06em;color:var(--faint);margin-bottom:5px;font-weight:700}
@media (min-width:720px){.tr{grid-template-columns:.92fr 1.08fr;gap:26px;align-items:start}.tr .means{margin-top:0}}

/* por qué no basta la tecnología — panel elevado */
.why-box{padding:32px 32px;border-radius:22px;box-shadow:8px 8px 18px rgba(var(--nsh-d),.6),-8px -8px 18px rgba(var(--nsh-l),.92)}
.why-box .case-kicker{margin-bottom:16px}
.why-box p{color:var(--ink);max-width:66ch;font-size:15px;margin:0 0 14px;line-height:1.62}
.why-box p:last-child{margin-bottom:0}
.why-box b{font-weight:700}

/* resultado — chips hundidos con punto teal */
.results{display:grid;gap:12px}
.result{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:14px;font-size:14.5px;color:var(--muted);line-height:1.5;box-shadow:inset 4px 4px 8px rgba(var(--nsh-d),.45),inset -4px -4px 8px rgba(var(--nsh-l),.82)}
.result::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px}
.result b{color:var(--ink);font-weight:700}

/* en una frase — cita en panel elevado */
.quote{padding:34px 34px;border-radius:22px;box-shadow:8px 8px 18px rgba(var(--nsh-d),.6),-8px -8px 18px rgba(var(--nsh-l),.92)}
.quote blockquote{margin:0;font-size:17px;font-weight:600;color:var(--ink);line-height:1.55;max-width:60ch}
.quote blockquote::before{content:"“";color:var(--accent)}
.quote blockquote::after{content:"”";color:var(--accent)}
.quote .by{margin-top:18px;font-size:13px;color:var(--faint);font-weight:600}

/* otros casos */
.more-cases{display:grid;gap:16px;grid-template-columns:1fr}
.more-cases a{padding:20px 22px;border-radius:16px;color:var(--muted);font-size:14px;box-shadow:6px 6px 13px rgba(var(--nsh-d),.5),-6px -6px 13px rgba(var(--nsh-l),.88);transition:transform .2s ease}
.more-cases a:hover{transform:translateY(-3px)}
.more-cases a b{color:var(--ink);font-weight:800;display:block;margin-bottom:5px;font-size:15px}
.more-cases a .go{color:var(--accent);font-weight:700;font-size:13px}
.more-cases a .go::after{content:" →"}
@media (min-width:640px){.more-cases{grid-template-columns:1fr 1fr}}

/* ---------- landing de producto ---------- */
.prod-logo{margin:0 0 24px}
.prod-logo img{display:block;width:340px;max-width:80%;height:auto}
/* video de presentación: contenedor 16:9 responsivo con marco neu */
.video-embed{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#15181f;box-shadow:9px 9px 24px rgba(var(--nsh-d),.6),-9px -9px 24px rgba(var(--nsh-l),.9)}
.video-embed iframe,.video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:linear-gradient(150deg,#262b35,#15181f)}
.video-ph .play{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,var(--amber-a),var(--amber-b));box-shadow:0 14px 32px rgba(198,92,32,.42);margin-bottom:18px}
.video-ph .play svg{width:30px;height:30px;fill:#fff;margin-left:5px}
.video-ph .vt{font-weight:800;font-size:16px;color:#fff}
.video-ph .vs{font-size:13px;color:rgba(255,255,255,.6);margin-top:6px;max-width:34ch}
/* grilla de capacidades (vender / matricular / enseñar / certificar) */
.feature-grid{display:grid;gap:16px;grid-template-columns:1fr}
.feature{padding:26px;border-radius:18px;box-shadow:7px 7px 16px rgba(var(--nsh-d),.55),-7px -7px 16px rgba(var(--nsh-l),.9)}
.feature .ft-k{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.feature h3{margin:0 0 9px;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.feature p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
@media (min-width:720px){.feature-grid{grid-template-columns:1fr 1fr}}
/* lista "hecho para Chile" — chips hundidos con viñeta ámbar */
.chile-list{display:grid;gap:12px;grid-template-columns:1fr}
.chile-list .ci{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:14px;font-size:14.5px;color:var(--muted);line-height:1.5;box-shadow:inset 4px 4px 8px rgba(var(--nsh-d),.45),inset -4px -4px 8px rgba(var(--nsh-l),.82)}
.chile-list .ci::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px}
.chile-list .ci b{color:var(--ink);font-weight:700}
@media (min-width:720px){.chile-list{grid-template-columns:1fr 1fr}}
/* fila de cifras (radar) — números grandes en chips hundidos */
.stats{display:grid;gap:16px;grid-template-columns:1fr}
.stat{padding:24px 26px;border-radius:18px;box-shadow:inset 4px 4px 8px rgba(var(--nsh-d),.45),inset -4px -4px 8px rgba(var(--nsh-l),.82)}
.stat .num{font-size:clamp(1.8rem,4.4vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--accent)}
.stat .lbl{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.45}
@media (min-width:720px){.stats{grid-template-columns:repeat(3,1fr)}}