@font-face{font-family:"Amsterdam Two";src:url("../fonts/amsterdam-two.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Gotham Bold";src:url("../fonts/gotham-bold.otf") format("opentype");font-display:swap}

:root{
  --negro:#000;
  --dorado:#C19A00;
  --oro-claro:#FFD700;
  --crema:#FFFDF6;
  --rosa:#D4B2A8;
  --texto:Belleza,Georgia,serif;
  --script:"Amsterdam Two","Great Vibes",cursive;
  --ui:"Gotham Bold","Helvetica Neue",Arial,sans-serif;
  --ancho:min(1240px,100% - 2*clamp(18px,4vw,56px));
  --oro-grad:linear-gradient(90deg,#C19A00 0%,#F6E7A8 45%,#FFFDF6 55%,#C19A00 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--negro);color:var(--crema);font-family:var(--texto);font-size:clamp(17px,1.2vw,19px);line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{width:var(--ancho);margin-inline:auto}
.ui{font-family:var(--ui);letter-spacing:.1em;text-transform:uppercase}

/* Texto dorado con brillo (el "gold-text" de Sol) */
.gold-text{font-family:var(--script);font-weight:400;line-height:1.15;padding:1em .7em 1em;margin:-1em -.7em -1em;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;
  background:linear-gradient(90deg,#ffd700,#ffcc00,#fff8dc,#ffcc00,#ffd700) 0 0/200% auto;-webkit-background-clip:text;background-clip:text;animation:shine 3s linear infinite}
@keyframes shine{to{background-position:200% center}}

/* Botón: degradé dorado, esquina cortada (no pastilla) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;position:relative;overflow:hidden;isolation:isolate;text-decoration:none;
  font-family:var(--ui);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#000;padding:1.15rem 1.9rem;
  background:linear-gradient(110deg,#B98A3E 0%,#E8CF8E 55%,#FFFDF6 100%);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:filter .3s,transform .3s}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);z-index:-1}
.btn:hover{filter:drop-shadow(0 0 14px rgba(255,215,0,.7));transform:translateY(-2px)}
.btn:hover::after{transform:translateX(120%);transition:transform .8s}

/* Barra superior dorada */
.barra{background:linear-gradient(90deg,#c9a24a,#f1dca0 40%,#f1dca0 60%,#c9a24a);color:#000;display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.7rem 18px;text-align:center;font-family:var(--ui);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.barra a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.barra{gap:.3rem 1rem;padding:.5rem 14px;font-size:.62rem}}

/* Cabecera */
header.top{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(193,154,0,.35)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo img{height:64px;width:auto}
.nav{display:none;gap:clamp(1rem,2.2vw,2.2rem)}
.nav a{text-decoration:none;font-size:1.05rem;position:relative;padding:.3rem 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--oro-claro);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.nav a:hover,.nav a.act{color:var(--oro-claro)}
.nav a:hover::after,.nav a.act::after{transform:scaleX(1)}
.burger{background:none;border:0;cursor:pointer;display:grid;gap:7px;padding:10px}
.burger span{display:block;width:34px;height:2px;background:var(--crema)}
.panel{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);z-index:200;background:#000;border-left:1px solid var(--dorado);padding:90px 28px 28px;transform:translateX(105%);transition:transform .45s cubic-bezier(.7,0,.2,1);display:grid;align-content:start;gap:.4rem}
.panel.abierto{transform:none}
.panel a{font-size:1.5rem;text-decoration:none;padding:.5rem 0;border-bottom:1px solid rgba(255,253,246,.15)}
.panel a:hover{color:var(--oro-claro)}
.panel .x{position:absolute;top:18px;right:18px;background:none;border:1px solid var(--crema);color:var(--crema);padding:.6rem .9rem;cursor:pointer;font-family:var(--ui);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
@media(min-width:1000px){.nav{display:flex}.burger{display:none}}

/* HÉROE: foto de Sol con polvo dorado, título a la derecha con resplandor */
.hero{position:relative;min-height:min(82svh,760px);display:grid;align-items:center;overflow:hidden;background:#000}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 100%)}
.hero .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end}
.hero-txt{text-align:right;max-width:min(560px,100%)}
.hero h1{font-weight:400;font-size:clamp(2.1rem,4.7vw,4.5rem);line-height:1.08;color:var(--crema);
  text-shadow:0 0 20px rgba(255,215,0,1),0 0 30px rgba(255,215,0,.8)}
.hero .btn{margin-top:2.2rem}
@media(max-width:800px){
  .hero{min-height:88svh;align-items:end;padding-bottom:2.2rem}
  .hero>img{object-position:30% 20%}
  .hero::after{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.2) 55%,transparent 100%)}
  .hero .wrap{justify-content:center}.hero-txt{text-align:center}
}

/* CERTIFICACIONES */
.certs{padding:clamp(48px,7vw,90px) 0 clamp(30px,4vw,50px)}
.certs-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,28px);align-items:center}
.certs-grid figure{overflow:hidden;aspect-ratio:3/4;background:#111;border:1px solid rgba(193,154,0,.45)}
.certs-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.certs-grid figure:hover img{transform:scale(1.06)}
.certs-grid .t{text-align:center;padding:0 .4rem}
.certs-grid .t .gold-text{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.certs-grid .lista{list-style:none;display:grid;gap:.35rem;font-size:clamp(1.15rem,1.7vw,1.5rem);text-shadow:0 0 14px rgba(255,215,0,.65)}
@media(min-width:1100px){.certs-grid{grid-template-columns:repeat(6,1fr)}.certs-grid figure{aspect-ratio:3/4}}

.certifica{padding:clamp(24px,4vw,50px) 0 clamp(60px,8vw,110px);text-align:center}
.certifica h2{font-weight:400;font-size:clamp(1.3rem,3.2vw,2.6rem);letter-spacing:.06em;color:var(--crema);text-shadow:0 0 18px rgba(255,215,0,.8)}

/* SOL */
.sol{padding:clamp(40px,6vw,90px) 0}
.sol .wrap{display:grid;gap:clamp(24px,4vw,64px);align-items:start}
@media(min-width:900px){.sol .wrap{grid-template-columns:5fr 7fr}}
.sol figure{border:1px solid rgba(193,154,0,.45);position:relative}
.sol figure::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--dorado);z-index:-1}
.sol figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.sol .texto p{margin-bottom:1.15rem;text-align:justify;hyphens:auto}
.sol .texto p.cierre{color:var(--oro-claro);text-align:left}
.firma{font-size:clamp(2.6rem,5vw,4rem);margin-top:.4rem;display:inline-block}

/* POR QUÉ ESTUDIAR */
.porque{padding:clamp(50px,7vw,100px) 0;background:radial-gradient(90% 60% at 80% 10%,#241c04 0,#000 70%)}
.porque .wrap{display:grid;gap:clamp(28px,4vw,64px)}
@media(min-width:960px){.porque .wrap{grid-template-columns:7fr 5fr;align-items:start}}
.porque h2{font-weight:400;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.05;margin-bottom:1rem;text-shadow:0 0 18px rgba(255,215,0,.55)}
.porque .intro{color:var(--rosa);margin-bottom:2rem;max-width:56ch}
.porque ul{list-style:none;display:grid;gap:1.6rem}
.porque li{border-left:2px solid var(--dorado);padding-left:1.2rem}
.porque li h3{font-weight:400;font-size:clamp(1.25rem,1.9vw,1.6rem);color:var(--oro-claro);line-height:1.2;margin-bottom:.3rem}
.porque li p{font-size:.95em;color:#e8e2d2}
.porque figure{position:sticky;top:110px}
.porque figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid rgba(193,154,0,.45)}
.porque .final{margin-top:2.4rem}
.porque .final p{font-size:clamp(1.15rem,1.6vw,1.4rem)}
.porque .final .gold-text{font-size:clamp(2rem,3.6vw,3.2rem);display:block;margin-top:.4rem}

/* BANNER DESCUENTO */
.promo{background:var(--oro-grad);color:#000;overflow:hidden;white-space:nowrap;border-block:1px solid #000}
.promo div{display:inline-flex;gap:2.4rem;padding:1.15rem 0;animation:corre 30s linear infinite;font-family:var(--ui);font-size:clamp(.9rem,1.5vw,1.2rem);letter-spacing:.14em;text-transform:uppercase}
.promo span::after{content:"✦";margin-left:2.4rem}
@keyframes corre{to{transform:translateX(-50%)}}

/* CASOS DE ÉXITO */
.casos{padding:clamp(60px,8vw,110px) 0}
.casos h2{text-align:center;font-weight:400;font-size:clamp(2rem,4.6vw,3.8rem);margin-bottom:.4rem;text-shadow:0 0 18px rgba(255,215,0,.55)}
.ig-cab{display:flex;align-items:center;gap:1.1rem;justify-content:center;margin:1.6rem auto 2.4rem;max-width:620px;text-align:left}
.ig-cab img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--dorado)}
.ig-cab strong{display:block;font-weight:400;font-size:1.2rem;color:var(--oro-claro)}
.ig-cab span{font-size:.88em;color:var(--rosa)}
.posts{display:grid;gap:clamp(10px,1.6vw,22px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.posts a{display:block;overflow:hidden;border:1px solid rgba(193,154,0,.45);aspect-ratio:1;position:relative}
.posts img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.posts a:hover img{transform:scale(1.07)}
.posts a::after{content:"Ver en Instagram";position:absolute;inset:auto 0 0 0;padding:.9rem;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);font-family:var(--ui);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;transform:translateY(100%);transition:transform .35s}
.posts a:hover::after{transform:none}
.casos .mas{text-align:center;margin-top:2.4rem}

/* REDES Y CONTACTO */
.redes{padding:clamp(50px,7vw,90px) 0;text-align:center;border-top:1px solid rgba(193,154,0,.35)}
.redes .gold-text{font-size:clamp(2.4rem,5vw,4rem);display:block;margin-bottom:1.6rem}
.iconos{display:flex;gap:1.6rem;justify-content:center;margin-bottom:2.4rem}
.iconos a{display:block;width:52px;transition:transform .3s,filter .3s}
.iconos a:hover{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,215,0,.8))}
.contacto{display:grid;gap:.4rem;color:var(--rosa)}
.contacto a{text-decoration:none}.contacto a:hover{color:var(--oro-claro)}
footer{border-top:1px solid rgba(255,253,246,.18);padding:1.8rem 0 7rem;color:var(--rosa);font-size:.9em}
footer .wrap{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;justify-content:space-between}
footer a{text-decoration:none}footer a:hover{color:var(--oro-claro)}

/* WhatsApp dorado flotante: igual al de Sol (redondo, fondo transparente) */
.whatsapp-button{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;justify-content:center;width:140px;height:140px;background:none;border-radius:50%;transition:transform .3s ease,box-shadow .4s ease}
.whatsapp-button img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.whatsapp-button:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 40px 10px rgba(255,215,0,.6)}
@media(max-width:700px){.whatsapp-button{width:92px;height:92px;bottom:14px;right:14px}}

/* Brillo dorado del mouse */
#glamCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9998}

.rev{opacity:0;transform:translateY(34px)}
@media(prefers-reduced-motion:reduce){.gold-text,.promo div{animation:none}.rev{opacity:1;transform:none}html{scroll-behavior:auto}}

/* ===== Páginas internas ===== */
.page-hero{padding:clamp(56px,8vw,110px) 0 clamp(28px,4vw,50px);text-align:center;background:radial-gradient(90% 70% at 50% 0,#2a2105 0,#000 70%);border-bottom:1px solid rgba(193,154,0,.35)}
.page-hero .gold-text{font-size:clamp(3rem,8vw,6.5rem);display:block}
.page-hero p{color:var(--rosa);max-width:52ch;margin:.8rem auto 0}

/* Cursos */
.cursos-lista{padding:clamp(40px,6vw,90px) 0}
.cursos-grid{display:grid;gap:clamp(18px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));max-width:1240px;margin-inline:auto}
.card{background:#0b0904;border:1px solid rgba(193,154,0,.5);display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.card:hover{transform:translateY(-8px);box-shadow:0 0 38px rgba(255,215,0,.25)}
.card .foto{aspect-ratio:16/10;overflow:hidden;background:#111}
.card .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.card:hover .foto img{transform:scale(1.06)}
.card .cuerpo{padding:1.4rem 1.5rem 1.7rem;display:grid;gap:.7rem;flex:1;align-content:start}
.card h3{font-weight:400;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;color:var(--oro-claro)}
.card h3 a{text-decoration:none}
.autor{display:flex;align-items:center;gap:.7rem;font-size:.9em;color:var(--rosa)}
.autor i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:var(--dorado);color:#000;font-family:var(--ui);font-size:.62rem;letter-spacing:.05em}
.precio{font-size:1.5rem}
.card .btn{margin-top:.6rem;justify-self:start}

/* Curso individual */
.curso-head{position:relative;min-height:46svh;display:grid;align-items:end;overflow:hidden;background:#000}
.curso-head>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.55}
.curso-head::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.2) 60%,transparent)}
.curso-head .wrap{position:relative;z-index:2;padding:0 0 2.2rem}
.curso-head h1{font-weight:400;font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:1.02;text-shadow:0 0 20px rgba(255,215,0,.85),0 0 30px rgba(255,215,0,.6)}
.curso-cuerpo{padding:clamp(36px,5vw,70px) 0 clamp(60px,8vw,110px)}
.curso-cuerpo .wrap{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media(min-width:980px){.curso-cuerpo .wrap{grid-template-columns:8fr 4fr}}
.tabs{display:flex;gap:2rem;border-bottom:1px solid rgba(193,154,0,.4);margin-bottom:2rem}
.tabs button{background:none;border:0;color:var(--crema);font-family:var(--ui);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--oro-claro);border-color:var(--oro-claro)}
[data-panel][hidden]{display:none}
.curso-cuerpo h2{font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);color:var(--oro-claro);margin:0 0 1rem}
.curso-cuerpo .sobre p{margin-bottom:1.1rem;color:#ece6d6}
details.mas summary{cursor:pointer;list-style:none;font-family:var(--ui);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oro-claro);padding:.4rem 0 1rem}
details.mas summary::-webkit-details-marker{display:none}
details.mas[open] summary{display:none}
.temario{margin-top:2.6rem}
.tema{border:1px solid rgba(193,154,0,.4);margin-bottom:10px;background:#0b0904}
.tema>summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:1.05rem}
.tema>summary::-webkit-details-marker{display:none}
.tema>summary::after{content:"+";color:var(--oro-claro);font-size:1.6rem;line-height:1;transition:transform .3s}
.tema[open]>summary::after{transform:rotate(45deg)}
.tema ul{list-style:none;border-top:1px solid rgba(193,154,0,.3)}
.tema li{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.3rem;color:#ece6d6;border-bottom:1px solid rgba(255,253,246,.08)}
.tema li span{color:var(--rosa);font-family:var(--ui);font-size:.72rem;letter-spacing:.08em}
.compra{position:sticky;top:110px;border:1px solid var(--dorado);padding:1.6rem;background:#0b0904;display:grid;gap:1rem;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.compra .precio{font-size:2.2rem;color:var(--oro-claro)}
.compra ul{list-style:none;display:grid;gap:.5rem;font-size:.95em;color:#ece6d6}
.compra li::before{content:"✦ ";color:var(--dorado)}
.vacio{padding:2rem;border:1px dashed rgba(193,154,0,.5);color:var(--rosa);text-align:center}

/* Sol Boidi */
.sb-hero{position:relative;min-height:min(92svh,820px);display:grid;align-items:end;overflow:hidden;background:#000}
.sb-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.sb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.25) 50%,transparent)}
.sb-hero .wrap{position:relative;z-index:2;text-align:center;padding-bottom:clamp(36px,6vw,80px)}
.sb-hero .gold-text{font-size:clamp(2.4rem,5vw,4rem);display:block}
.sb-hero h1{font-weight:400;font-size:clamp(2rem,5vw,4.2rem);line-height:1.08;text-shadow:0 0 20px rgba(255,215,0,.85),0 0 30px rgba(255,215,0,.55);margin:.4rem 0 1.8rem}
.cursos-online{padding:clamp(56px,8vw,110px) 0;text-align:center}
.cursos-online .gold-text{font-size:clamp(2.6rem,6vw,5rem);display:block}
.cursos-online p{font-size:clamp(1.2rem,2vw,1.7rem);margin:.6rem 0 2.6rem}
.trio{display:grid;gap:clamp(10px,1.6vw,22px);grid-template-columns:repeat(3,1fr)}
.trio figure,.galeria6 figure,.feature{overflow:hidden;border:1px solid rgba(193,154,0,.45);background:#111}
.trio img,.galeria6 img,.feature img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.trio figure{aspect-ratio:3/4}
.trio figure:hover img,.galeria6 figure:hover img{transform:scale(1.06)}
.feature{max-width:560px;margin:clamp(18px,3vw,40px) auto 0}
.feature img{height:auto}
.hablan{padding:clamp(56px,8vw,110px) 0}
.hablan .cab{text-align:center;margin-bottom:2.6rem}
.hablan .cab .gold-text{font-size:clamp(2.8rem,6.4vw,5.4rem);display:block}
.hablan .cab h2{font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);letter-spacing:.04em;text-shadow:0 0 16px rgba(255,215,0,.6);margin:.4rem 0 1rem}
.hablan .cab p{max-width:60ch;margin-inline:auto;color:var(--rosa)}
.galeria6{display:grid;gap:clamp(8px,1.2vw,16px);grid-template-columns:repeat(3,1fr)}
.galeria6 figure{aspect-ratio:1}
@media(max-width:700px){.trio{grid-template-columns:1fr 1fr}.trio figure:last-child{grid-column:span 2;aspect-ratio:16/10}.galeria6{grid-template-columns:1fr 1fr}}

/* Área alumnos */
.login{padding:clamp(50px,8vw,110px) 0}
.login-card{max-width:480px;margin-inline:auto;border:1px solid var(--dorado);padding:clamp(24px,4vw,44px);background:#0b0904;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.login-card h1{font-weight:400;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--oro-claro);margin-bottom:1.6rem;line-height:1.1}
.login-card label{display:block;font-family:var(--ui);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin:1.1rem 0 .4rem}
.login-card input[type=text],.login-card input[type=password]{width:100%;background:#000;border:1px solid rgba(193,154,0,.6);color:var(--crema);font:inherit;padding:.95rem 1rem}
.login-card input:focus{outline:2px solid var(--oro-claro);outline-offset:1px}
.login-card .fila{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.2rem 0 1.6rem;font-size:.92em}
.login-card .fila label{display:flex;gap:.5rem;align-items:center;margin:0;font-family:var(--texto);text-transform:none;letter-spacing:0;font-size:1em}
.login-card a{color:var(--oro-claro)}
.login-card .btn{width:100%;border:0;cursor:pointer}
.login-card .reg{margin-top:1.4rem;text-align:center;color:var(--rosa)}

/* Próximamente (Tienda, Carrito) */
.pronto{padding:clamp(70px,12vw,160px) 0;text-align:center;background:radial-gradient(70% 60% at 50% 40%,#241c04 0,#000 70%)}
.pronto .gold-text{font-size:clamp(3rem,8vw,6.8rem);display:block;margin-bottom:1rem}
.pronto p{max-width:46ch;margin:0 auto 2.2rem;color:var(--rosa);font-size:clamp(1.1rem,1.6vw,1.35rem)}

/* Pie compartido */
footer.pie .wrap{display:block}
.pie{padding:clamp(50px,7vw,90px) 0 2.4rem;border-top:1px solid rgba(193,154,0,.35);text-align:center}
.pie .lema{font-size:clamp(1.2rem,2vw,1.7rem);max-width:30ch;margin:0 auto 2.4rem;text-shadow:0 0 14px rgba(255,215,0,.5)}
.pie .gold-text{font-size:clamp(2.4rem,5vw,4rem);display:block;margin-bottom:1.2rem}
.pie .iconos{display:flex;gap:1.6rem;justify-content:center;margin-bottom:2.4rem}
.pie .iconos a{display:block;width:52px;transition:transform .3s,filter .3s}
.pie .iconos a:hover{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,215,0,.8))}
.pie .contacto{display:grid;gap:.4rem;color:var(--rosa);margin-bottom:3rem}
.pie .contacto a{text-decoration:none}.pie .contacto a:hover{color:var(--oro-claro)}
.pie .legal{border-top:1px solid rgba(255,253,246,.18);padding:1.6rem 0 7rem;color:var(--rosa);font-size:.88em;display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between;text-align:left}
.pie .legal a{text-decoration:none}.pie .legal a:hover{color:var(--oro-claro)}

/* ===== Slider "Descuento 50% off" (reemplaza al Revolution Slider) ===== */
.promo-slider{--pw:clamp(230px,24vw,320px);padding:clamp(48px,7vw,90px) 0 clamp(40px,6vw,70px);border-block:1px solid rgba(193,154,0,.35);background:linear-gradient(180deg,#000,#0b0802 50%,#000)}
.ps-cab{text-align:center;margin-bottom:clamp(20px,3vw,34px)}
.ps-cab .ui{display:block;color:var(--oro-claro);font-size:.72rem;margin-bottom:.5rem}
.ps-cab .gold-text{font-size:clamp(2.6rem,6vw,5rem);display:block}
.ps{position:relative}
.ps-track{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;padding:14px calc(50% - var(--pw) / 2);scrollbar-width:none;overscroll-behavior-x:contain}
.ps-track::-webkit-scrollbar{display:none}
.ps-track:focus-visible{outline:2px solid var(--oro-claro);outline-offset:-2px}
.ps-card{flex:0 0 var(--pw);aspect-ratio:4/5;scroll-snap-align:center;position:relative;overflow:hidden;background:#111;border:1px solid rgba(193,154,0,.4);
  opacity:.5;transform:scale(.9);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.ps-card.act{opacity:1;transform:none;border-color:var(--oro-claro);box-shadow:0 0 36px rgba(255,215,0,.22)}
.ps-card img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.ps-card figcaption{position:absolute;inset:auto 0 0 0;padding:2.4rem 1rem .9rem;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent);display:grid;gap:.15rem}
.ps-card figcaption b{font-family:var(--ui);font-size:1.05rem;letter-spacing:.08em;color:var(--oro-claro)}
.ps-card figcaption span{font-size:.8rem;color:var(--rosa);letter-spacing:.06em}
.ps-btn{position:absolute;top:50%;margin-top:-26px;z-index:3;width:52px;height:52px;background:#000;color:var(--oro-claro);border:1px solid var(--dorado);font-size:1.5rem;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .3s,color .3s}
.ps-btn:hover,.ps-btn:focus-visible{background:var(--dorado);color:#000}
.ps-btn.prev{left:clamp(8px,3vw,40px)}.ps-btn.next{right:clamp(8px,3vw,40px)}
.ps-pie{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:clamp(18px,3vw,30px)}
.ps-count{color:var(--rosa)}.ps-count b{color:var(--oro-claro);font-weight:400;font-size:1.4rem}
@media(max-width:700px){.ps-btn{display:none}.ps-pie{justify-content:center}}

/* ===== Casos de éxito: videos ===== */
.videos{display:grid;gap:clamp(12px,2vw,26px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-top:clamp(24px,3.5vw,44px)}
.vid{position:relative;aspect-ratio:16/9;padding:0;border:1px solid rgba(193,154,0,.5);background:#000;cursor:pointer;overflow:hidden;color:var(--crema);font-family:inherit;display:block;width:100%;
  transition:border-color .4s,box-shadow .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.vid:hover,.vid:focus-visible{border-color:var(--oro-claro);box-shadow:0 0 34px rgba(255,215,0,.25);transform:translateY(-4px)}
.vid img{width:100%;height:100%;object-fit:cover;transition:transform .9s,filter .5s;filter:brightness(.8)}
.vid:hover img{transform:scale(1.05);filter:brightness(1)}
.vid .play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background:var(--dorado);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:background .3s,transform .3s}
.vid .play::after{content:"";position:absolute;left:26px;top:19px;border-left:20px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent}
.vid:hover .play{background:var(--oro-claro);transform:scale(1.08)}
.vid .cap{position:absolute;inset:auto 0 0 0;padding:2rem 1rem .8rem;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);text-align:left;font-size:1.05rem}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== Páginas legales y detalles de curso ===== */
.legal{padding:clamp(56px,8vw,110px) 0}
.legal-in{max-width:820px}
.legal-t{font-weight:400;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05;margin-bottom:.8rem}
.legal-t .gold-text{display:inline-block;font-size:1.25em;vertical-align:-.12em}
.legal-fecha{color:var(--rosa);font-size:.9em;margin-bottom:1.4rem}
.legal-fecha em{font-style:normal;color:var(--oro-claro)}
.legal-lead{font-size:clamp(1.1rem,1.6vw,1.3rem);margin-bottom:2.2rem;color:#ece6d6}
.legal-bloque{border-top:1px solid rgba(193,154,0,.35);padding:1.6rem 0}
.legal-bloque h2{font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);color:var(--oro-claro);margin-bottom:.8rem}
.legal-bloque p{margin-bottom:.9rem;color:#ece6d6}
.legal-bloque ul{margin:.4rem 0 .9rem 1.2rem;display:grid;gap:.5rem;color:#ece6d6}
.legal-bloque a{color:var(--oro-claro)}
.legal-normativa{font-size:.82em;color:var(--rosa)!important;line-height:1.5}
.chulos{list-style:none;margin:.4rem 0 1.2rem;display:grid;gap:.5rem;color:#ece6d6}
.chulos li::before{content:"✔ ";color:var(--oro-claro)}
.precio del,.compra del{color:var(--rosa);opacity:.7;font-size:.7em}
.aviso-prev{border:1px dashed var(--oro-claro);padding:.8rem 1rem;margin-bottom:1.4rem;font-size:.9em;color:#ece6d6;background:rgba(255,215,0,.06)}
.aviso-prev a{color:var(--oro-claro)}

/* ===================== FASE 2 ===================== */

/* Scroll suave (Lenis) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

.porque,.sol,.casos,.certs,.incluye,.faq,.pronto{background-color:transparent}

/* Héroe animado */
.hero>img{transform-origin:50% 50%;will-change:transform}
.hero h1 .l{display:block}
.hero .polvo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* ---------- Cursos expandibles ---------- */
.certs-f2{padding-bottom:clamp(20px,3vw,40px)}
.certs-f2 .cab{text-align:center;margin-bottom:clamp(26px,3.5vw,46px)}
.certs-f2 .cab .gold-text{font-size:clamp(2.4rem,5.6vw,4.8rem)}
.paneles{display:flex;gap:10px;height:clamp(440px,66vh,600px)}
.panel-c{position:relative;flex:1;min-width:0;overflow:hidden;display:block;color:var(--crema);text-decoration:none;background:#0a0804;
  border:1px solid rgba(193,154,0,.45);transition:flex .8s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .6s}
.panel-c.on{flex:3.6;border-color:var(--oro-claro);box-shadow:0 0 44px rgba(255,215,0,.22)}
.panel-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.9);transform:scale(1.02);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter .7s}
.panel-c.on img{filter:brightness(.92) saturate(1.05);transform:scale(1.07)}
.panel-c::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.1) 55%,rgba(0,0,0,.35) 100%);pointer-events:none}
.panel-c .num{position:absolute;top:1rem;left:1.1rem;z-index:2;font-size:1.6rem;color:var(--oro-claro);text-shadow:0 0 14px rgba(255,215,0,.7)}
.panel-c .v{position:absolute;z-index:2;left:50%;bottom:1.4rem;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:.06em;white-space:nowrap;transition:opacity .35s}
.panel-c.on .v{opacity:0}
.panel-c .det{position:absolute;z-index:2;left:clamp(1.2rem,2.4vw,2.2rem);right:1.2rem;bottom:clamp(1.2rem,2.4vw,2rem);display:grid;gap:.5rem;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.panel-c.on .det{opacity:1;transform:none;transition-delay:.25s}
.panel-c .det strong{font-weight:400;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;text-shadow:0 0 18px rgba(255,215,0,.6)}
.panel-c .det em{font-style:normal;max-width:30ch;color:#ece6d6}
.panel-c .det .ver{font-style:normal;font-family:var(--ui);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-claro)}
.lifting{display:grid;gap:clamp(16px,3vw,48px);align-items:center;margin-top:clamp(28px,4vw,56px);border-top:1px solid rgba(193,154,0,.35);padding-top:clamp(28px,4vw,48px)}
@media(min-width:800px){.lifting{grid-template-columns:5fr 7fr}}
.lifting figure{border:1px solid rgba(193,154,0,.45);overflow:hidden;aspect-ratio:4/3;background:#111}
.lifting figure img{width:100%;height:100%;object-fit:cover}
.lifting .gold-text{font-size:clamp(2.2rem,4.4vw,3.8rem);display:block}
.lifting p{color:var(--rosa);margin-top:.8rem}
@media(max-width:800px){
  .paneles{flex-direction:column;height:auto;gap:8px}
  .panel-c{flex:none;height:82px;transition:height .7s cubic-bezier(.2,.8,.2,1),border-color .5s}
  .panel-c.on{height:360px}
  .panel-c .v{writing-mode:horizontal-tb;transform:none;left:4.2rem;bottom:50%;margin-bottom:-.75rem;font-size:1.35rem}
  .panel-c .num{top:50%;margin-top:-1rem}
  .panel-c.on .num{top:1rem;margin-top:0}
}

/* ---------- Cifras ---------- */
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,30px);margin-top:clamp(30px,4vw,56px);text-align:center}
.cifras b{display:block;font-weight:400;font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;color:var(--oro-claro);text-shadow:0 0 22px rgba(255,215,0,.55)}
.cifras span{display:block;margin-top:.5rem;color:var(--rosa);font-size:clamp(.85rem,1.3vw,1.05rem)}
.cifras .pend{opacity:.55}
.cifras i{font-style:normal;display:block;font-size:.8em;opacity:.8}
@media(max-width:600px){.cifras{grid-template-columns:1fr}}

/* ---------- Bio que se ilumina ---------- */
.texto.bio-on .w{color:rgba(255,253,246,.2)}
.texto.bio-on .cierre .w{color:rgba(255,215,0,.22)}
.sol .texto p{text-align:left;hyphens:manual}

/* ---------- Qué incluye ---------- */
.incluye{padding:clamp(56px,8vw,110px) 0}
.incluye .cab{text-align:center;margin-bottom:clamp(28px,4vw,50px)}
.incluye .cab .gold-text{font-size:clamp(2.4rem,5.6vw,4.6rem)}
.inc-grid{list-style:none;display:grid;gap:clamp(12px,1.6vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.inc-grid li{border:1px solid rgba(193,154,0,.45);background:rgba(11,9,4,.82);padding:1.5rem 1.4rem 1.7rem;display:grid;gap:.5rem;align-content:start;position:relative;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:border-color .4s,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.inc-grid li:hover{border-color:var(--oro-claro);transform:translateY(-6px);box-shadow:0 0 30px rgba(255,215,0,.2)}
.inc-grid .n{font-size:2.2rem;line-height:1;color:var(--oro-claro);text-shadow:0 0 14px rgba(255,215,0,.5)}
.inc-grid h3{font-weight:400;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.15}
.inc-grid p{color:var(--rosa);font-size:.95em}
.inc-grid .pend{opacity:.6;border-style:dashed}

/* ---------- Preguntas frecuentes ---------- */
.faq{padding:clamp(56px,8vw,110px) 0}
.faq .cab{text-align:center;margin-bottom:clamp(28px,4vw,50px)}
.faq .cab .gold-text{font-size:clamp(2.4rem,5.6vw,4.6rem)}
.faq-lista{max-width:860px;margin-inline:auto;display:grid;gap:10px}
.faq details{border:1px solid rgba(193,154,0,.4);background:rgba(11,9,4,.82);transition:border-color .3s}
.faq details[open]{border-color:var(--oro-claro)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--oro-claro);font-size:1.8rem;line-height:1;transition:transform .35s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 1.4rem 1.3rem;color:#ece6d6}
.faq details p a{color:var(--oro-claro)}

/* Títulos con aparición suave */
h2.rev{filter:blur(10px)}
.btn{will-change:transform}

/* Secciones restauradas desde el sitio viejo */
.talent{padding:clamp(40px,6vw,80px) 0;background:var(--negro)}
.talent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.talent-grid article{border:1px solid var(--dorado);padding:28px 22px;text-align:center}
.talent-grid h3{font-family:var(--script);color:var(--oro-claro);font-size:clamp(22px,2.4vw,30px);margin-bottom:10px}
.talent-grid p{color:var(--crema);font-family:var(--texto)}
.sb-extra{padding:clamp(40px,6vw,80px) 0;background:var(--crema);color:var(--negro)}
.sb-extra h2{color:var(--dorado);font-family:var(--script);font-size:clamp(26px,3vw,38px);margin:28px 0 12px}
.sb-extra p{font-family:var(--texto);line-height:1.6;max-width:70ch}
.sb-extra a{color:var(--dorado)}

/* Ajuste celular: evita scroll horizontal (detectado en revisión a 390px) */
@media (max-width:600px){
  html,body{overflow-x:hidden}
  img{max-width:100%;height:auto}
  .gold-text{max-width:100%;overflow-wrap:anywhere}
}
@media (max-width:600px){
  .gold-text{font-size:min(38px,7.2vw)}
}
/* Títulos dorados en celular: las reglas por sección tenían mínimos demasiado grandes */
@media (max-width:600px){
  .gold-text{font-size:clamp(28px,8.4vw,40px)!important;overflow-wrap:anywhere}
}