/* CobaltMind Press — rediseño 2026. Marca: navy #1A2F5E · teal #00A388/#0E9F8E · oro #D4A017 · papel #fafaf5.
   Tipos: Baloo 2 (títulos, menú, botones y pie; el logo sigue en Montserrat) + Nunito (lectura) + IBM Plex Mono (datos, horarios, etiquetas). */
:root{--papel:#fafaf5;--papel2:#f1f1e9;--panel:#fff;--tinta:#14203f;--suave:#5b6478;--borde:rgba(26,47,94,.14);
  --navy:#1A2F5E;--cobalto:#4A6FA5;--hondo:#0d1a3a;--teal:#0b8a7b;--teal2:#00A388;--oro:#D4A017;
  --sobre:#eef0e8;--sobre2:#9fabc4;--lg-box:#1A2F5E;--lg-c:#fff;--lg-t1:#1A2F5E;--lg-t2:#4A6FA5;
  --f-t:"Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;--f-c:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;--f-m:"IBM Plex Mono",ui-monospace,Menlo,monospace}
:root[data-theme=dark]{--papel:#0a1229;--papel2:#0e1733;--panel:#111c3a;--tinta:#e9ebe3;--suave:#a0aac0;--borde:rgba(220,226,240,.13);
  --navy:#c9d5f0;--cobalto:#8BAFD4;--hondo:#060c1f;--teal:#2cc3b0;--teal2:#2cc3b0;--oro:#e2b23b;
  --lg-box:#fff;--lg-c:#1A2F5E;--lg-t1:#fff;--lg-t2:#8BAFD4}
html{color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.65 var(--f-c);transition:background .25s,color .25s}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--oro);outline-offset:3px;border-radius:3px}
html [data-l]{display:none}html[lang=en] [data-l=en],html[lang=es] [data-l=es]{display:revert}
.w{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.angosto{max-width:760px}
h1,h2,h3{font-family:var(--f-t);text-wrap:balance;margin:0 0 14px;line-height:1.1;letter-spacing:-.01em}
h1{font-size:clamp(34px,5vw,56px);font-weight:800}h2{font-size:clamp(26px,3.2vw,38px);font-weight:700}h3{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.eyebrow{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.eyebrow.oro{color:var(--oro)}
section{padding:88px 0}.sinarriba{padding-top:0}.sinarriba2{padding:44px 0 88px}
.btn{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--f-t);padding:14px 22px;border-radius:4px;text-decoration:none;transition:transform .15s,background .15s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn.oro{background:var(--oro);color:#1a1405}.btn.fant{border:1.5px solid rgba(255,255,255,.32);color:var(--sobre)}
.mas{font:600 14px var(--f-t);text-decoration:none;border-bottom:1.5px solid var(--oro);padding-bottom:2px;white-space:nowrap}

/* demo + header */
.demo{background:var(--oro);color:#1a1405;text-align:center;font:500 12.5px/1.4 var(--f-m);padding:7px 14px}
.demo a{color:#1a1405;font-weight:600}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--papel) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--borde)}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.marca{display:block;line-height:0}.logo{height:52px;width:auto}
.lg-box{fill:var(--lg-box)}.lg-c{stroke:var(--lg-c)}.lg-t1{fill:var(--lg-t1)}.lg-t2{fill:var(--lg-t2)}
nav{display:flex;align-items:center;gap:14px;font:500 15px var(--f-t)}
.links{display:flex;gap:30px;margin-right:14px}
.links a[data-l]{display:none}html[lang=en] .links a[data-l=en],html[lang=es] .links a[data-l=es]{display:inline}
.links a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;color:var(--suave)}
.links a:hover{color:var(--tinta)}.links a.act{color:var(--tinta);border-color:var(--oro)}
.lang{border:1px solid var(--borde);background:transparent;border-radius:99px;padding:6px 12px;font:600 12px var(--f-m);letter-spacing:.06em;cursor:pointer;color:var(--tinta)}
.tema{width:36px;height:36px;border-radius:50%;border:1px solid var(--borde);background:transparent;color:var(--tinta);cursor:pointer;display:grid;place-items:center;padding:0}
.tema .sol{display:none}[data-theme=dark] .tema .sol{display:block}[data-theme=dark] .tema .luna{display:none}
.burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--tinta);padding:0 2px}
@media(max-width:1020px){
  .links{display:none;margin:0;position:absolute;top:72px;left:0;right:0;background:var(--papel);flex-direction:column;padding:12px max(20px,env(safe-area-inset-left,0px)) 22px;border-bottom:1px solid var(--borde);gap:4px}
  .links.open{display:flex}.links a{font-size:18px;padding:12px 0;border-bottom:1px solid var(--borde);color:var(--tinta)}.links a.act{border-bottom-color:var(--oro)}
  .burger{display:block}}
@media(max-width:420px){.logo{height:42px}nav{gap:10px}}

/* hero (oscuro en los dos temas) */
.mast{background:var(--hondo);color:var(--sobre);position:relative;overflow:hidden;padding:0}
.mast::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 70% at 78% 40%,rgba(14,159,142,.17),transparent 70%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px)}
.hero{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding-block:68px 76px}
.hero>*{min-width:0}
.mast h1{color:var(--sobre);font-size:clamp(38px,5.6vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px}
.mast h1 em{font-style:normal;color:var(--oro)}
.mast .eyebrow{color:#2cc3b0}
.lead{font-size:19px;color:var(--sobre2);max-width:46ch;margin:0 0 30px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.proof{display:flex;gap:30px;flex-wrap:wrap;margin-top:40px;font:13px var(--f-m);color:var(--sobre2)}
.proof b{display:block;font:700 26px var(--f-t);color:var(--sobre)}
.dialcard{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:22px 22px 18px}
.dialtop{display:flex;justify-content:space-between;gap:10px;font:12px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--sobre2)}
.dialtop span:last-child{color:#2cc3b0}
.dial{width:100%;max-width:390px;margin:6px auto 4px}
.arc{fill:none;stroke-linecap:round;animation:dibujo 1.6s cubic-bezier(.6,.1,.2,1) both}.arc.s{animation-delay:.35s}
@keyframes dibujo{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
.linea{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font:12.5px var(--f-m);color:var(--sobre2)}
.linea li{display:flex;gap:10px;align-items:baseline;border-top:1px solid rgba(255,255,255,.07);padding-top:6px}
.linea time{color:var(--sobre);min-width:42px;font-variant-numeric:tabular-nums}
.linea i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:44px 52px;gap:36px}}
@media(max-width:460px){.linea{grid-template-columns:1fr}}

/* encabezados de sección */
.shead{display:flex;justify-content:space-between;align-items:end;gap:20px 28px;flex-wrap:wrap;margin-bottom:36px}
.shead p{margin:0;color:var(--suave);max-width:54ch}
.ph{padding:60px 0 34px;background:var(--papel2);border-bottom:1px solid var(--borde)}
.ph p{max-width:640px;color:var(--suave);font-size:18px;margin:0 0 16px}

/* tarjetas de artículos */
.meta{font:12px var(--f-m);color:var(--suave);letter-spacing:.03em;display:flex;gap:6px 14px;flex-wrap:wrap;margin-bottom:8px}
.meta .tag{color:var(--teal);text-transform:uppercase;letter-spacing:.12em}
.post{text-decoration:none;display:grid;gap:14px;align-content:start}
.post img,.post .sinimg{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:var(--papel2)}
.post h3{margin:0 0 6px}.post:hover h3{color:var(--teal)}
.post p{margin:0;color:var(--suave);font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.journal{grid-template-columns:1.25fr 1fr;gap:44px}html[lang] .journal[data-l]{display:none}html[lang=en] .journal[data-l=en],html[lang=es] .journal[data-l=es]{display:grid}
.journal>*{min-width:0}
.post.grande h3{font-size:clamp(23px,2.5vw,30px);line-height:1.15}
.filas{display:grid;align-content:start}
.filas .post{grid-template-columns:104px 1fr;gap:18px;padding-block:18px;border-top:1px solid var(--borde)}
.filas .post:first-child{border-top:0;padding-top:0}
.filas .post img,.filas .post .sinimg{width:104px;height:104px;aspect-ratio:1}
.filas .post>div{min-width:0}.filas .post p{-webkit-line-clamp:2;font-size:15px}
.grilla{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px}
.grilla>*{min-width:0}
@media(max-width:900px){.journal{grid-template-columns:1fr}html[lang=en] .journal[data-l=en],html[lang=es] .journal[data-l=es]{display:grid}.grilla{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grilla{grid-template-columns:1fr}.filas .post{grid-template-columns:76px 1fr}.filas .post img,.filas .post .sinimg{width:76px;height:76px}}

/* temas */
.temas{background:var(--papel2);border-block:1px solid var(--borde)}
.temas .w{padding-block:28px;display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap}
.temas .eyebrow{color:var(--suave);margin:0}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{font:600 14px var(--f-t);text-decoration:none;border:1px solid var(--borde);background:var(--panel);color:var(--tinta);padding:8px 14px;border-radius:99px;cursor:pointer}
.chip:hover{border-color:var(--teal);color:var(--teal)}.chip.act{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.conchips{padding-top:34px}.filtro{margin-bottom:34px}

/* libros */
.estante{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.libro{text-decoration:none;display:grid;gap:12px;align-content:start}
.libro .tapa{aspect-ratio:3/4;background:var(--hondo);border-radius:3px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.08),0 18px 34px -18px rgba(13,26,58,.55);transition:transform .25s}
.libro:hover .tapa{transform:translateY(-4px) rotate(-.6deg)}
.libro .tapa img{width:100%;height:100%;object-fit:cover}
.libro h3{margin:4px 0 0}.libro p{margin:0;font-size:15px;color:var(--suave);line-height:1.5}
.libro .ir{font:700 13px var(--f-t);color:var(--teal)}
.nota{color:var(--suave);font-size:15px;margin-top:30px}
@media(max-width:900px){.estante{grid-template-columns:1fr 1fr;gap:22px}}

/* guía */
.guia{background:var(--hondo);color:var(--sobre);border-radius:10px;display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;padding:44px}
html[lang] .guia img[data-l]{display:none}html[lang=en] .guia img[data-l=en],html[lang=es] .guia img[data-l=es]{display:block}
.guia>*{min-width:0}.guia img{border-radius:3px;box-shadow:0 22px 40px -16px rgba(0,0,0,.6);transform:rotate(-2deg)}
.guia h2{color:var(--sobre)}.guia p{color:var(--sobre2);max-width:54ch}
.guia ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;font:13.5px var(--f-m)}
.guia li::before{content:"→ ";color:var(--oro)}
.guia.chica{grid-template-columns:120px 1fr;gap:28px;padding:28px;margin-top:56px}.guia.chica h2{font-size:24px;margin-bottom:6px}.guia.chica p{margin:0 0 16px}
@media(max-width:760px){.guia{grid-template-columns:1fr;padding:28px}.guia img{max-width:180px}.guia.chica{grid-template-columns:1fr}.guia.chica img{max-width:110px}}

/* reglas */
.reglas{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:2px solid var(--tinta);padding-top:28px}
.reglas>div{min-width:0}.reglas p{margin:0;color:var(--suave);font-size:16px}
@media(max-width:800px){.reglas{grid-template-columns:1fr;gap:26px}}

/* artículo */
.art{padding:40px 0 30px}
.volver{display:inline-block;font:600 14px var(--f-t);text-decoration:none;color:var(--suave);margin-bottom:26px}.volver:hover{color:var(--teal)}
.art h1{font-size:clamp(30px,4.4vw,46px);margin:6px 0 28px}
.destacada{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:36px}
.cuerpo{font-size:18.5px;line-height:1.75}
.cuerpo h2{font-size:clamp(22px,2.6vw,28px);margin:44px 0 12px}.cuerpo h3{font-size:20px;margin:32px 0 8px}
.cuerpo p{margin:0 0 20px}.cuerpo ul,.cuerpo ol{margin:0 0 22px;padding-left:24px}.cuerpo li{margin-bottom:8px}
.cuerpo li::marker{color:var(--teal);font-family:var(--f-m)}
.cuerpo strong{font-weight:600;color:var(--tinta)}
.cuerpo a{color:var(--teal);text-underline-offset:3px}
.cuerpo blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--oro);font-style:italic;color:var(--suave)}
.cuerpo table{width:100%;border-collapse:collapse;font-size:15.5px;display:block;overflow-x:auto}
.cuerpo th,.cuerpo td{border-bottom:1px solid var(--borde);padding:10px 12px;text-align:left}
.cuerpo th{font-family:var(--f-t);font-size:14px}
.cuerpo img{border-radius:6px;margin:20px 0}
.recurso{display:block;border:1px solid var(--borde);border-left:3px solid var(--teal);background:var(--papel2);padding:16px 20px;margin-top:28px;font-size:16.5px}
.lead2{font-size:21px;line-height:1.6}
.lista2{padding-left:22px}
.rel{padding-top:40px;border-top:1px solid var(--borde)}
.rel h2{margin-bottom:30px}

/* faq, contacto, legal */
.faq{border-bottom:1px solid var(--borde);padding:18px 0}
.faq summary{font:700 18px var(--f-t);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--teal);font-weight:600}.faq[open] summary::after{content:"–"}
.faq p{margin:12px 0 0;color:var(--suave)}
.mailgrande{font:700 clamp(20px,3.4vw,30px) var(--f-t);color:var(--teal);word-break:break-all}
.dire{font:14.5px/1.7 var(--f-m);color:var(--suave);border-left:2px solid var(--oro);padding-left:16px}
.legales{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.legales a{font:600 13px var(--f-t);text-decoration:none;border:1px solid var(--borde);background:var(--panel);padding:6px 12px;border-radius:99px}
.legales a.act{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.legal{font-size:16.5px;line-height:1.7}
.legal p{margin:0 0 16px}

/* guía gratis */
.guiahero{grid-template-columns:1.2fr .8fr}
.pasos{margin:0 0 30px;padding:0;list-style:none;counter-reset:p;color:var(--sobre);font-size:16.5px;display:grid;gap:6px}
.pasos li{counter-increment:p;display:flex;gap:12px}.pasos li::before{content:counter(p,decimal-leading-zero);color:var(--oro);font:500 13px/1.9 var(--f-m)}
.captura label{display:block;font:12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--sobre2);margin-bottom:8px}
.captura>div{display:flex;gap:10px;flex-wrap:wrap}
.captura input{flex:1 1 220px;min-width:0;padding:14px 16px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:var(--sobre);font:16px var(--f-c)}
.captura small{display:block;margin-top:10px;color:var(--sobre2);font:12px var(--f-m)}
.captura .ok{margin:14px 0 0;color:#2cc3b0;font:13px var(--f-m)}
.tapaguia{max-width:340px;justify-self:center;border-radius:3px;box-shadow:0 26px 50px -18px rgba(0,0,0,.7);transform:rotate(2deg)}
@media(max-width:900px){.guiahero{grid-template-columns:1fr}.tapaguia{max-width:220px;order:-1}}

/* pie */
footer{background:var(--hondo);color:var(--sobre2);font-size:15px;--lg-box:#fff;--lg-c:#1A2F5E;--lg-t1:#fff;--lg-t2:#8BAFD4}
footer .w{padding-block:56px 30px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.fgrid>div{min-width:0}
.fmarca .logo{height:40px}.fmarca p{margin:16px 0 0;max-width:36ch}.fmarca .chico{font:12px/1.6 var(--f-m);opacity:.8}
footer h4{font:500 12px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--sobre);margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:500 16px/1.5 var(--f-t)}
footer a{text-decoration:none}footer a:hover{color:var(--sobre)}
.fine{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:12px var(--f-m)}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fmarca{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1020px){html[lang=en] .links.open a[data-l=en],html[lang=es] .links.open a[data-l=es]{display:block}}