/* Paleta extraída del logo de Canva "Logo PrepAction 2026" */
:root{--primary:#501C64;--dark:#26112e;--mauve:#715977;--light:#ebe8eb;--accent:#8e44ad;--white:#fff;--wa:#25d366;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--dark);line-height:1.6;background:#fff}
a{color:var(--primary)}img{max-width:100%;display:block}
.container{width:min(1150px,92%);margin:auto}
.ph{background:#fff3cd;border:1px dashed #d4a017;padding:0 .3em;border-radius:4px;font-size:.85em;color:#7a5b00}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(38,17,46,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;font-size:1.3rem;color:var(--dark)}
.brand img{height:46px}.brand span{color:var(--primary)}
.nav ul{display:flex;gap:1.5rem;list-style:none}
.nav ul a{text-decoration:none;color:var(--dark);font-weight:600}
.nav ul a:hover{color:var(--primary)}
.burger{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer;color:var(--primary)}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:.9rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem;transition:.2s}
.btn:hover{background:var(--accent);transform:translateY(-2px)}
.btn.outline{background:transparent;border:2px solid #fff}
.hero{background:linear-gradient(135deg,var(--dark),var(--primary) 70%,var(--accent));color:#fff;padding:6rem 0 5rem;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;font-weight:900}
.hero p{font-size:1.2rem;margin:1.2rem 0 2rem;opacity:.9}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-logo{background:#fff;border-radius:50%;padding:2.5rem;aspect-ratio:1;display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.badges{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;font-weight:600;opacity:.9}
section{padding:5rem 0}
section.alt{background:var(--light)}
h2{font-size:clamp(1.8rem,4vw,2.5rem);text-align:center;margin-bottom:.5rem;font-weight:800}
.sub{text-align:center;color:var(--mauve);margin-bottom:3rem}
.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:var(--r);padding:2rem;box-shadow:0 6px 24px rgba(38,17,46,.08);position:relative}
.card h3{color:var(--primary);margin-bottom:.6rem}
.plan{display:flex;flex-direction:column;border-top:5px solid var(--mauve)}
.plan.featured{border-top-color:var(--primary);transform:scale(1.03)}
.plan .tag{position:absolute;top:-14px;right:20px;background:var(--primary);color:#fff;padding:.2rem .8rem;border-radius:20px;font-size:.8rem}
.price{font-size:2.4rem;font-weight:900;color:var(--dark);margin:.5rem 0}
.price small{font-size:1rem;color:var(--mauve)}
.plan ul{list-style:none;margin:1rem 0 1.5rem;flex:1}
.plan li{padding:.35rem 0}.plan li::before{content:"✔ ";color:var(--primary)}
.steps{counter-reset:s}
.step{text-align:center}.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1.4rem}
.about{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center}
.photo{aspect-ratio:4/5;border-radius:var(--r);background:repeating-linear-gradient(45deg,var(--light),var(--light) 12px,#ddd6df 12px,#ddd6df 24px);display:grid;place-items:center;color:var(--mauve);font-weight:700;text-align:center;padding:1rem}
.testi .stars{color:#f5b301}.testi .who{font-weight:700;margin-top:1rem;color:var(--primary)}
.example{position:absolute;top:10px;right:10px;font-size:.7rem;background:#fff3cd;color:#7a5b00;padding:.1rem .5rem;border-radius:10px}
details{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.2rem 1.5rem;box-shadow:0 3px 12px rgba(38,17,46,.06)}
summary{font-weight:700;cursor:pointer;color:var(--dark)}details p{margin-top:.8rem}
.post .thumb{height:160px;border-radius:12px;background:linear-gradient(135deg,var(--mauve),var(--primary));margin-bottom:1rem;display:grid;place-items:center;color:#fff;font-weight:700}
form{max-width:650px;margin:auto;display:grid;gap:1rem}
input,select,textarea{width:100%;padding:.9rem 1rem;border:2px solid var(--light);border-radius:10px;font:inherit}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}.check input{width:auto;margin-top:.3rem}
footer{background:var(--dark);color:#ddd;padding:3rem 0 1.5rem}
footer a{color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
footer .brand{color:#fff}footer .brand img{background:#fff;border-radius:50%;padding:4px}
.copy{text-align:center;border-top:1px solid #4a3354;margin-top:2rem;padding-top:1.5rem;font-size:.85rem}
.wa{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.3);z-index:60}
.wa svg{width:34px;fill:#fff}
#cookie{position:fixed;left:20px;right:100px;bottom:20px;max-width:620px;background:#fff;border-left:6px solid var(--primary);padding:1.2rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);z-index:70;display:none}
#cookie.show{display:block}#cookie .b{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}
#cookie .btn{padding:.5rem 1.2rem;font-size:.9rem}#cookie .sec{background:var(--light);color:var(--dark)}
.legal{max-width:850px;padding:4rem 0}.legal h1{color:var(--primary);margin-bottom:1rem}.legal h2{text-align:left;font-size:1.3rem;margin:2rem 0 .5rem}.legal p,.legal li{margin-bottom:.6rem}.legal ul{padding-left:1.5rem}
@media(max-width:860px){
 .nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;gap:1rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}
 .nav ul.open{display:flex}.burger{display:block}
 .hero .container,.about,.foot{grid-template-columns:1fr}.hero-logo{max-width:260px;margin:auto}
 .hero{padding:3.5rem 0}.row{grid-template-columns:1fr}.plan.featured{transform:none}section{padding:3.5rem 0}
}
/* Tipografía de marca: grotesca tipo Inter (vista en los diseños Canva) */

.hero{position:relative;background:linear-gradient(100deg,rgba(38,17,46,.95) 0%,rgba(80,29,99,.85) 55%,rgba(80,29,99,.35)),url(assets/hero.jpg) center/cover;min-height:88vh;display:flex;align-items:center}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#d9a8ef,#fff);-webkit-background-clip:text;color:transparent}
.hero-logo{animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}
.btn.big{padding:1.1rem 2.3rem;font-size:1.1rem;box-shadow:0 10px 30px rgba(142,68,173,.45)}
.btn.light{background:#fff;color:var(--primary)}.btn.light:hover{background:var(--light)}
.stats{background:var(--dark);color:#fff;padding:2.5rem 0}.stats .grid{text-align:center}
.stat b{display:block;font-size:2.6rem;font-weight:900;color:#d9a8ef}
.benefit .ico{font-size:2.2rem;width:64px;height:64px;border-radius:16px;background:var(--light);display:grid;place-items:center;margin-bottom:1rem}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.ba-img{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 20px 50px rgba(38,17,46,.25)}
.ba-img .lbl{position:absolute;top:14px;padding:.3rem .9rem;border-radius:20px;font-weight:800;font-size:.85rem;background:#fff;color:var(--dark)}
.ba-img .l{left:14px}.ba-img .r{right:14px;background:var(--primary);color:#fff}
.ba-img::after{content:"";position:absolute;inset:0 50% 0 auto;width:4px;background:#fff}
.ba-img img.half{filter:grayscale(1) brightness(.85);clip-path:inset(0 50% 0 0);position:absolute;inset:0;height:100%;object-fit:cover}
.ba ul{list-style:none}.ba li{padding:.8rem 0;border-bottom:1px solid var(--light);display:flex;justify-content:space-between;gap:1rem}
.ba li b{color:var(--primary)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery img{border-radius:12px;box-shadow:0 6px 20px rgba(38,17,46,.12);transition:.3s}.gallery img:hover{transform:scale(1.04)}
.cta-band{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center;padding:4.5rem 0}
.cta-band h2{color:#fff}.cta-band p{margin:1rem 0 2rem;font-size:1.15rem;opacity:.9}
.photo.img{background:none;padding:0;overflow:hidden;position:relative}.photo.img img{width:100%;height:100%;object-fit:cover}
.photo.img .ph{position:absolute;bottom:10px;left:10px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-logo{animation:none}}
@media(max-width:860px){.ba{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.hero{min-height:auto;background:linear-gradient(160deg,rgba(38,17,46,.95),rgba(80,29,99,.85)),url(assets/hero.jpg) center/cover}}
.method-sec{background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff}
.method-sec h2{color:#fff}.method-sec .sub{color:#d9c8e0}
.method-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card.method{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:none;transition:.3s}
.card.method:hover{background:rgba(255,255,255,.14);transform:translateY(-6px)}
.card.method h3{color:#fff}.card.method .ico{font-size:2rem;width:60px;height:60px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:1rem}
.card.method .num{position:absolute;top:14px;right:18px;font-weight:900;font-size:1.6rem;opacity:.25;font-family:'Bebas Neue',sans-serif}
/* Banner de cookies: barra compacta inferior */
#cookie{left:0;right:0;bottom:0;max-width:none;border-radius:0;border-left:0;border-top:4px solid var(--primary);padding:.8rem 5%}
#cookie.show{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}
#cookie p{margin:0;flex:1;min-width:240px}#cookie .b{margin:0}
.plans2{grid-template-columns:repeat(auto-fit,minmax(280px,420px));justify-content:center}

/* Preview: Bebas Neue (titulares) + Montserrat (texto) */
h1,h2,h3,.brand,.price{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1}
.hero h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.95}
h2{font-size:clamp(2.4rem,5vw,3.4rem)}
h3{font-size:1.6rem;margin-bottom:.5rem}
.brand{font-size:1.8rem}.price{font-size:3.2rem}
.card.method h3{font-size:1.45rem}
summary,h4{font-family:'Montserrat',sans-serif}
.price small{font-family:'Montserrat',sans-serif;font-size:.95rem;letter-spacing:0}
.gallery{grid-template-columns:minmax(0,360px)!important;justify-content:center}
/* Blog */
.blog-hero{background:linear-gradient(135deg,#000,var(--primary));color:#fff;padding:4rem 0 3rem}
.blog-hero h1{font-family:'Bebas Neue',sans-serif;text-transform:uppercase;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1}
.crumbs{font-size:.85rem;margin-bottom:1rem;opacity:.9}.crumbs a{color:inherit}.blog-hero .crumbs a{color:#fff}
.empty{text-align:center;max-width:760px;margin:0 auto;border-top:5px solid var(--primary)}
.empty .ico{font-size:3rem}.empty h2{font-size:2.2rem;color:var(--primary)}.empty .b{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn.sec{background:#fff;color:var(--primary);border:2px solid var(--primary)}
.guia{display:flex;gap:2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:3rem;background:#000;color:#fff}.guia h2{color:#fff}
.tag-s{background:var(--primary);padding:.2rem .8rem;border-radius:20px;font-size:.8rem}
.article{max-width:780px;padding:3rem 1.2rem}.article h1{font-family:'Bebas Neue',sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;color:var(--primary)}
.article h2{margin:2rem 0 .8rem}.article p,.article ul,.article ol{margin-bottom:1rem}.article ul,.article ol{padding-left:1.4rem}
.meta{color:var(--mauve);font-size:.9rem}.blog-cta{margin:3rem 0;text-align:center}
.guide-box{margin:3rem 0;text-align:center;background:linear-gradient(135deg,#000,var(--primary));color:#fff;border:0}.guide-box h2{color:#fff;font-family:'Bebas Neue',sans-serif;font-size:2.4rem;font-weight:400;margin:.6rem 0}
.guide-box .btn{background:#fff;color:var(--primary);margin-top:1rem}.guide-box .soon{margin-top:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.article h2,.article h3{text-align:left}.tbl{overflow-x:auto;margin:0 0 1.2rem}.tbl table{border-collapse:collapse;width:100%;font-size:.92rem}
.tbl th{background:var(--primary);color:#fff;text-align:left}.tbl th,.tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--light)}.tbl tr:nth-child(even) td{background:#f7f5f8}
.blog-list .grid{grid-template-columns:repeat(auto-fill,minmax(300px,380px))}
.soon-inline{display:inline-block;padding:.7rem 1.4rem;border-radius:50px;border:2px dashed var(--primary);color:var(--primary);font-weight:700}

.free-badge{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;background:#501C64;color:#fff;border-radius:14px;padding:1rem 1.4rem;margin:1.2rem 0 1.8rem;box-shadow:0 8px 24px rgba(80,28,100,.25)}
.free-badge strong{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:2rem;letter-spacing:.03em;line-height:1;background:#fff;color:#501C64;padding:.25rem .7rem;border-radius:8px}
.free-badge span{font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.05rem}
.post .thumb{position:relative}.free-tag{position:absolute;top:10px;right:10px;background:#fff;color:#501C64;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:1.1rem;letter-spacing:.05em;padding:.15rem .6rem;border-radius:6px}
/* Tarjetas del blog: rejilla 3/2/1, misma altura */
.blog-list .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;align-items:stretch}
.article .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;align-items:stretch}
.card.post{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden;border-top:4px solid var(--primary);transition:transform .2s,box-shadow .2s}
.card.post:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(80,28,100,.18)}
.card.post .thumb{height:130px;border-radius:0;margin:0;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:1.9rem;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#26112e,var(--primary))}
.card.post h3{font-size:1.45rem;line-height:1.1;color:var(--primary);margin:1.2rem 1.4rem .6rem}
.card.post p{margin:0 1.4rem .8rem;font-size:.95rem}
.card.post .meta{margin-top:auto;padding:.8rem 1.4rem 1.2rem;border-top:1px solid rgba(80,28,100,.1);margin-bottom:0;margin-left:0;margin-right:0}
@media (max-width:1000px){.blog-list .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.blog-list .grid,.article .grid{grid-template-columns:1fr}}
.guide-box .mail-note{max-width:520px;margin:.9rem auto 0;font-size:.9rem;opacity:.9}
.guide-box .prem-note{margin:1rem auto 0;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.2);max-width:520px;font-size:.9rem}.guide-box .prem-note a{color:#fff;font-weight:700;text-decoration:underline}