:root{--sol:#F2C230;--sol-s:#FFF3C4;--crema:#FFFBF0;--tinta:#2B2A33;--gris:#6A6672;
--malva:#B79AE0;--malva-d:#5E3F94;--naranja:#F28C38;--naranja-d:#A84F0A;--azul:#6CC3E6;--azul-d:#13607F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:18px/1.6 'Nunito',system-ui,sans-serif;color:var(--tinta);background:var(--crema)}
h1,h2,h3{font-family:'Lexend',system-ui,sans-serif;line-height:1.15;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}h3{font-size:1.3rem}
p{margin:0 0 1em;max-width:62ch}a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
header{background:var(--sol)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;font:600 1.35rem 'Lexend',sans-serif;text-decoration:none}
.logo img{width:44px;height:44px;object-fit:contain}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:700;padding:7px 14px;border-radius:99px}
nav a:hover{background:rgba(255,255,255,.55)}
nav a[aria-current]{background:var(--tinta);color:#fff}
.btn{display:inline-block;background:var(--tinta);color:#fff;text-decoration:none;font-weight:800;padding:12px 24px;border-radius:99px;border:0;cursor:pointer;font-size:1rem}
.btn:hover{transform:translateY(-2px)}
.btn.suave{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
.hero{background:var(--sol);padding:34px 0 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:end}
.hero .txt{padding-bottom:48px}
.hero img{width:100%;max-width:380px;justify-self:center;display:block}
.hero .acc{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
section{padding:56px 0}
.alt{background:var(--sol-s)}
.libros{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}
.libro{background:#fff;border-radius:22px;padding:18px;border-top:10px solid var(--c);display:flex;flex-direction:column}
.libro img{width:100%;border-radius:12px;display:block;margin-bottom:14px}
.libro .etq{align-self:flex-start;background:var(--c);color:var(--cd);font-weight:800;font-size:.85rem;padding:3px 12px;border-radius:99px;margin-bottom:8px}
.libro p{font-size:1rem}.libro .btn{margin-top:auto;background:var(--cd);text-align:center}
.c1{--c:var(--malva);--cd:var(--malva-d)}.c2{--c:var(--naranja);--cd:var(--naranja-d)}.c3{--c:var(--azul);--cd:var(--azul-d)}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;border:2px solid #F0E3B0}
.card p{font-size:1rem}.card .btn{margin-top:auto;align-self:flex-start}
.tag{align-self:flex-start;font-weight:800;font-size:.82rem;padding:3px 12px;border-radius:99px;margin-bottom:10px;background:#D9F2DC;color:#1F6B2E}
.tag.pago{background:var(--sol-s);color:#7A5A00}.tag.pronto{background:#ECE9F1;color:var(--gris)}
.card.pronto{background:transparent;border-style:dashed}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.split img{width:100%;max-width:300px;justify-self:center}
ul.ok{padding-left:1.2em}ul.ok li{margin-bottom:.4em}
footer{background:var(--tinta);color:#EDEAF2;padding:34px 0;font-size:.95rem}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
footer a{color:var(--sol)}
@media(max-width:760px){.hero .wrap,.split{grid-template-columns:1fr}.hero img{max-width:240px}.hero .txt{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.circ{border-radius:50%;box-shadow:0 0 0 8px var(--sol)}
.foto{border-radius:50%}
.cab{margin-bottom:40px}
.video{justify-self:center;width:100%;max-width:340px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 0 0 8px var(--sol)}
.video iframe{width:100%;height:100%;border:0;display:block}
.muestra{background:var(--sol);padding:40px 0}
.muestra .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.muestra h2{margin-bottom:.2em}.muestra p{margin:0}

.libro .pts{list-style:none;padding:0;margin:0 0 18px;font-size:.98rem}
.libro .pts li{position:relative;padding-left:1.5em;margin-bottom:.45em;line-height:1.4}
.libro .pts li::before{content:"✓";position:absolute;left:0;font-weight:800;color:var(--cd)}

.contacto{display:flex;gap:24px;flex-wrap:wrap}
.contacto a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.contacto a:hover{text-decoration:underline}
.muestra .mini{height:120px;width:auto;margin:-18px 0}
.muestra .wrap>div{flex:1 1 280px}
.news{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.plantilla{width:100%;border-radius:16px;box-shadow:0 0 0 8px var(--sol)}
@media(max-width:760px){.news{grid-template-columns:1fr}.muestra .mini{display:none}}

.caminos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.camino{background:#fff;border-radius:24px;padding:26px;border:3px solid var(--sol);display:flex;flex-direction:column;align-items:flex-start}
.camino img{height:150px;width:auto;max-width:100%;object-fit:contain;margin-bottom:10px}
.camino .btn{margin-top:auto}
.thumb{width:100%;height:150px;object-fit:contain;margin-bottom:10px}
.thumb.plant{object-fit:cover;object-position:left top;border-radius:12px}
.estante{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:760px;margin:26px auto}
.estante a{text-decoration:none;text-align:center;font-weight:800}
.estante img{width:100%;border-radius:10px;box-shadow:0 6px 0 var(--c);display:block;margin-bottom:14px;transition:transform .2s}
.estante a:hover img{transform:translateY(-4px)}
.estante .c1{--c:var(--malva);color:var(--malva-d)}.estante .c2{--c:var(--naranja);color:var(--naranja-d)}.estante .c3{--c:var(--azul);color:var(--azul-d)}

.centro{text-align:center}
.hero+section .acc,.split .acc{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.estanteria{max-width:960px;margin:30px auto 0;background:#FBEFD0;border:14px solid #B67B3A;border-radius:16px;padding:26px 24px 0;box-shadow:inset 0 0 30px rgba(0,0,0,.1)}
.estanteria .fila{display:flex;align-items:flex-end;justify-content:center;gap:22px}
.estanteria .fila>a{flex:0 1 190px;display:block;transition:transform .2s}
.estanteria .fila>a:hover{transform:translateY(-6px) rotate(0)!important}
.estanteria .fila>a img{width:100%;display:block;border-radius:4px 10px 10px 4px;box-shadow:-6px 4px 0 rgba(0,0,0,.18)}
.estanteria .fila>a:nth-child(1){transform:rotate(-2deg)}.estanteria .fila>a:nth-child(3){transform:rotate(2deg)}
.leon-wrap{flex:0 1 230px;display:flex;flex-direction:column;align-items:center}
.leon-wrap img{width:100%;max-width:200px;display:block;margin-bottom:-4px}
.bocadillo{position:relative;background:#fff;border:3px solid var(--tinta);border-radius:20px;padding:12px 16px;font:600 1.05rem/1.25 'Lexend',sans-serif;text-align:center;margin-bottom:16px}
.bocadillo::after{content:"";position:absolute;left:50%;bottom:-14px;width:20px;height:20px;background:#fff;border-right:3px solid var(--tinta);border-bottom:3px solid var(--tinta);transform:translateX(-50%) rotate(45deg)}
.tabla{height:22px;margin:0 -24px;background:#C98E4B;border-top:5px solid #DDA765}
.opiniones{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:26px}
.op{background:#fff;border-radius:20px;padding:22px;border:2px solid #F0E3B0;margin:0}
.op .est{color:#F2A900;letter-spacing:2px;font-size:1.15rem}
.op h3{font-size:1.15rem;margin:.3em 0 .4em}.op p{font-size:1rem}
.op cite{font-style:normal;font-weight:800;color:var(--gris)}
@media(max-width:760px){.estanteria .fila{flex-wrap:wrap;gap:12px}.estanteria .fila>a{flex:0 1 29%}.leon-wrap{order:-1;flex:0 0 100%;margin-bottom:14px}}

.op-cab{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;text-align:left}
.op-cab h2{margin-bottom:.3em}.op-cab p{margin:0}
.sello{position:relative;width:200px;flex:0 0 200px}
.sello svg{width:100%;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
.sello-txt{position:absolute;left:12%;right:12%;top:15%;height:46%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.1;color:var(--tinta)}
.sello-txt .s1{font-weight:800;font-size:.62rem;letter-spacing:.02em}
.sello-txt .s2{font:600 3.3rem/.95 'Lexend',sans-serif}
.sello-txt .s3{font-weight:800;font-size:1rem}
.sello-txt .s4{font-weight:800;font-size:.58rem;text-transform:uppercase;margin-top:3px}
.sello-txt .s5{font-weight:800;font-size:.8rem;margin-top:2px}
@media(max-width:760px){.op-cab{text-align:center}}
.sello-txt .s2{font-size:3rem}
.sello-txt .s4{max-width:8.5em;font-size:.6rem;line-height:1.15}

/* Tipografía v2 */
h1,h2,h3{font-family:'Lexend',system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.2}
h1{font-size:clamp(1.9rem,4.2vw,2.7rem)}h2{font-size:clamp(1.4rem,3vw,1.85rem)}h3{font-size:1.15rem}
section{padding:64px 0}
.eb{display:block;font:800 .74rem/1 'Nunito',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;opacity:.7}
.ed{font-family:'Playwrite ES','Playwrite ES Deco',cursive;font-weight:400;letter-spacing:0}
.logo .lg{font:600 1.25rem/1 'Lexend',sans-serif;letter-spacing:-.01em}
.logo .ed{font-size:.8em;margin-left:2px}
footer .ed{font-size:.9em}
/* Mira dentro */
.galeria{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px;margin-top:22px}
.galeria figure{margin:0;flex:0 0 250px;scroll-snap-align:start}
.galeria button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.galeria img{width:100%;display:block;border-radius:10px;background:#fff;box-shadow:0 0 0 2px #E8DFC0}
.galeria figcaption{font-size:.92rem;margin-top:10px;line-height:1.35}
.galeria figcaption strong{display:block;font-family:'Lexend',sans-serif;font-weight:600}
#lb{border:0;padding:0;background:transparent;max-width:min(92vw,820px);max-height:92vh;overflow:visible}
#lb::backdrop{background:rgba(0,0,0,.72)}
#lb img{display:block;max-width:100%;max-height:90vh;margin:auto;border-radius:10px;background:#fff}
.cerrar{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--sol);font:800 1.4rem/1 'Nunito',sans-serif;cursor:pointer;z-index:2}
/* FAQ */
.faq{max-width:760px;margin-top:22px}
.faq details{background:#fff;border-radius:16px;margin-bottom:12px;border:2px solid #F0E3B0}
.faq summary{cursor:pointer;list-style:none;padding:16px 52px 16px 20px;font:600 1.05rem/1.3 'Lexend',sans-serif;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--tinta)}
.faq details[open] summary::after{content:"–"}
.faq .resp{padding:0 20px 8px}.faq .resp p{font-size:1rem}
.faq-pie{margin-top:22px}.faq-pie a{font-weight:800}

.capt-t{margin:44px 0 4px;text-align:center}.capt-p{text-align:center;margin:0 auto 18px;color:var(--gris)}
.capturas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1000px;margin:0 auto}
.capturas figure{margin:0}
.capturas button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.capturas img{width:100%;display:block;border-radius:12px;background:#fff;box-shadow:0 0 0 2px #F0E3B0}
@media(max-width:700px){#lb{overflow:auto;max-width:96vw}#lb img{min-width:640px;max-width:none}.cerrar{position:fixed;top:12px;right:12px}}

.op-cab{text-align:center}

/* Muestra */
.ciclos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}
.cic{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;font:inherit;color:var(--tinta);box-shadow:0 0 0 3px #F0E3B0;transition:transform .2s,box-shadow .2s}
.cic:hover{transform:translateY(-4px)}
.cic[aria-pressed="true"]{box-shadow:0 0 0 5px var(--cd)}
.cic img{display:block;width:100%;height:auto}
.cic .top,.cic .bot{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.cic .top{top:0;height:19.5%}.cic .top strong{font:600 1.3rem/1.1 'Lexend',sans-serif}.cic .top span{font-weight:800;font-size:.9rem}
.cic .bot{bottom:0;height:11%;font-weight:800;font-size:.85rem}
.cic .bot::before{content:"Elegir este curso"}.cic[aria-pressed="true"] .bot::before{content:"✓ Elegido"}
.panel{background:#fff;border-radius:22px;padding:26px;margin-top:28px;border-top:10px solid var(--c);scroll-margin-top:16px}
.panel[hidden]{display:none}
.panel h2{margin-bottom:.3em}
.ifr iframe{width:100%;max-width:560px;height:460px;border:0;display:block;margin:10px auto}
.ifr iframe[hidden]{display:none}
.panel .nota{font-size:.95rem;color:var(--gris);text-align:center;margin:8px auto}
.panel .amz{display:block;text-align:center;font-weight:800;margin-top:10px}
.pasos{counter-reset:p;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px}
.pasos li{counter-increment:p;position:relative;background:#fff;border:2px solid #F0E3B0;border-radius:18px;padding:20px 20px 20px 66px}
.pasos li::before{content:counter(p);position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--sol);display:grid;place-items:center;font:600 1.1rem 'Lexend',sans-serif}
.libro .btn.suave{background:#fff;color:var(--cd);box-shadow:inset 0 0 0 2px var(--cd);margin-top:auto}
.libro .btn.suave+.btn{margin-top:10px}
.panel .amz[hidden]{display:none}
.cic .bot{position:static;display:block;height:auto;padding:11px 0;background:#fff;text-align:center;color:var(--cd)}
.cic[aria-pressed="true"] .bot{background:var(--c);color:var(--tinta)}
