:root{--navy:#4a5a8a;--slate:#5c6a95;--pink:#e79aa0;--peach:#f2b48f;--orange:#f0b26a;--ink:#2b3150;--muted:#5d6480;--bg:#f7f5f8;--card:#ffffff;--line:#e6e2ea}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-weight:400;letter-spacing:.04em;line-height:1}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
/* HERO */
.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(115deg,#4b5a8b 0%,#7d7aa0 35%,#e39ca1 65%,#f2b47c 100%)}
.hero .bg{position:absolute;inset:0;background:url(img/waves.jpg) center/cover no-repeat;opacity:.9}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,48,80,.35) 0%,rgba(40,48,80,.6) 100%)}
.hero .wrap{position:relative;padding:72px 20px 64px;text-align:center}
.hero .tag{display:inline-block;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;backdrop-filter:blur(6px)}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);margin:26px 0 14px;text-shadow:0 2px 24px rgba(30,30,60,.25)}
.hero h1 small{display:block;font-size:.42em;letter-spacing:.14em;opacity:.95}
.hero p{font-size:1.1rem;max-width:620px;margin:0 auto;opacity:.95}
.hero .cta-scroll{display:inline-block;margin-top:28px;color:#fff;text-decoration:none;font-weight:700;border-bottom:2px solid rgba(255,255,255,.6);padding-bottom:2px}
/* COUNTDOWN */
.countdown{background:var(--card);border-radius:20px;box-shadow:0 12px 40px rgba(60,60,100,.10);padding:28px 24px;text-align:center;border:1px solid var(--line)}
.countdown .label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--slate)}
.timer{display:flex;justify-content:center;gap:12px;margin:16px 0 10px;flex-wrap:wrap}
.timer div{min-width:78px;padding:12px 8px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--slate) 45%,var(--pink) 100%);color:#fff}
.timer b{display:block;font-family:'Bebas Neue',sans-serif;font-size:2.4rem;line-height:1;letter-spacing:.03em}
.timer span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;opacity:.9}
.countdown .until{font-size:.95rem;color:var(--muted)}
.countdown .until strong{color:var(--ink)}
.countdown.ended .timer{display:none}
/* SECTIONS */
section{padding:56px 0}
.intro{padding-top:0;margin-top:-44px;position:relative}
.intro .countdown{margin:0 auto 34px}
.lead{font-size:1.15rem;text-align:center;max-width:680px;margin:0 auto 12px}
.note{text-align:center;color:var(--muted);max-width:640px;margin:0 auto}
h2{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:28px;color:var(--ink)}
h2 .em{background:linear-gradient(90deg,var(--navy),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:640px){.plans{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 22px 22px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(60,60,100,.06);transition:transform .2s,box-shadow .2s}
.plan:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(60,60,100,.14)}
.plan::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--navy),var(--pink),var(--orange))}
.plan .n{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;line-height:1;color:var(--pink);letter-spacing:.02em}
.plan h3{font-size:1.7rem;margin:6px 0 10px;color:var(--ink)}
.plan p{color:var(--muted);font-size:.98rem;flex:1}
.plan p strong{color:var(--ink)}
.plan .apartado{margin:14px 0 18px;font-size:.85rem;font-weight:700;color:var(--slate);letter-spacing:.06em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;color:#fff;background:linear-gradient(90deg,#4b5a8b,#8b7aa2 45%,#e79aa0 100%);border-radius:999px;padding:15px 22px;font-size:.95rem;letter-spacing:.02em;text-align:center;box-shadow:0 8px 22px rgba(90,90,140,.28);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(90,90,140,.36);filter:saturate(1.1)}
.btn.alt{background:linear-gradient(90deg,#e79aa0,#f0b26a)}
.btn.wa{background:linear-gradient(90deg,#4b5a8b,#e79aa0)}
.btn[href="#"],.btn[href=""]{opacity:.9}
/* NEXT */
.next{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.step .ic{font-size:1.4rem}
.step h3{font-size:1.4rem;margin:8px 0 6px}
.step p{color:var(--muted);font-size:.97rem}
.callout{max-width:720px;margin:0 auto 20px;text-align:center;font-size:1.08rem}
.callout strong{color:var(--ink)}
/* IMPORTANT */
.important{position:relative;color:#fff;background:linear-gradient(115deg,#4b5a8b 0%,#6f6f9b 40%,#e39ca1 75%,#f2b47c 100%);overflow:hidden}
.important::after{content:"";position:absolute;inset:0;background:url(img/banner.jpg) center/cover;opacity:.35;mix-blend-mode:soft-light}
.important .wrap{position:relative;text-align:center}
.important h2{color:#fff}
.important .countdown{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px);color:#fff}
.important .countdown .label,.important .countdown .until,.important .countdown .until strong{color:#fff}
.important .timer div{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.important p{max-width:640px;margin:18px auto 0;font-size:1.05rem}
/* HELP */
.help{text-align:center}
.help p{max-width:640px;margin:0 auto 12px;font-size:1.05rem}
.sign{margin-top:26px;font-size:1.15rem}
.sign strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.06em;margin-top:6px}
footer{padding:26px 0 40px;text-align:center;color:var(--muted);font-size:.85rem}
footer .banner{display:block;width:100%;max-width:860px;margin:0 auto 20px;border-radius:14px}
/* TYP */
.typ{min-height:100vh;display:flex;flex-direction:column}
.typ main{flex:1;display:flex;align-items:center}
.typ .card{background:var(--card);border-radius:24px;box-shadow:0 20px 60px rgba(60,60,100,.14);padding:44px 34px;text-align:center;max-width:640px;margin:-70px auto 40px;position:relative;border:1px solid var(--line)}
.typ .card p{margin:0 0 14px;color:var(--muted);font-size:1.05rem}
.typ .card p strong{color:var(--ink)}
.typ .card h1{font-size:clamp(2.4rem,6vw,3.6rem);margin-bottom:16px;color:var(--ink)}
.typ .card h1 .em{background:linear-gradient(90deg,var(--navy),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.typ .date{display:inline-block;background:linear-gradient(90deg,var(--navy),var(--pink));color:#fff;border-radius:999px;padding:6px 16px;font-weight:800;margin:6px 0 16px}
.typ .btn{margin-top:10px}
.typ .hero .wrap{padding:60px 20px 110px}
@media (max-width:640px){.steps{grid-template-columns:1fr}.hero .wrap{padding:56px 18px 60px}.timer div{min-width:66px}.timer b{font-size:2rem}}
.hero .hello{font-size:1.55rem;font-weight:800;margin-bottom:10px}
.plan:nth-child(5){grid-column:1/-1;max-width:calc(50% - 9px);margin:0 auto;width:100%}
@media (max-width:640px){.plan:nth-child(5){max-width:100%}}
/* GRABACIÓN */
.rec{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px 24px;box-shadow:0 12px 40px rgba(60,60,100,.10);margin:0 auto 22px;max-width:760px}
.rec-label{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:clamp(1.3rem,3.6vw,1.75rem);letter-spacing:.06em;text-align:center;margin-bottom:16px;color:var(--ink)}
.rec-frame{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--pink) 70%,var(--orange))}
.rec-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* PRECIOS PREVENTA */
.pricing{margin:0 auto 26px;max-width:860px}
.pricing-title{font-size:clamp(1.7rem,4.4vw,2.6rem);text-align:center;margin-bottom:20px}
.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(60,60,100,.10);transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(60,60,100,.16)}
.pcard-top{position:relative;padding:26px 22px 22px;text-align:center;color:#fff;background:linear-gradient(135deg,#4b5a8b 0%,#7d7aa0 40%,#e79aa0 78%,#f0b26a 100%)}
.pcard-top h3{font-size:clamp(1.35rem,3.2vw,1.75rem);letter-spacing:.05em;margin-bottom:12px;color:#fff}
.was{font-size:1.05rem;opacity:.85;text-decoration:line-through;text-decoration-thickness:2px}
.now{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:clamp(2.9rem,8vw,4rem);line-height:.95;letter-spacing:.02em;margin:2px 0 2px;text-shadow:0 2px 18px rgba(40,40,80,.25)}
.now span{font-size:.34em;letter-spacing:.1em;vertical-align:super;margin-left:4px}
.mxn{font-size:1rem;font-weight:700;opacity:.95}
.mxn em{font-style:normal;font-weight:400;opacity:.85}
.save{display:inline-block;margin-top:12px;background:rgba(255,255,255,.92);color:#4b5a8b;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.pcard-list{list-style:none;padding:20px 22px 6px;flex:1}
.pcard-list li{position:relative;padding-left:26px;margin-bottom:14px}
.pcard-list li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--pink)}
.pcard-list b{display:block;color:var(--ink);font-size:1rem;line-height:1.35}
.pcard-list span{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}
.pcard>.btn{margin:6px 22px 22px}
@media (max-width:640px){.price-cards{grid-template-columns:1fr}}

/* estado "cargando" de la grabación */
.rec-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px;color:#fff}
.rec-loading .spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:recspin 1s linear infinite;margin-bottom:16px}
@keyframes recspin{to{transform:rotate(360deg)}}
.rec-l1{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:clamp(1.2rem,3.4vw,1.6rem);letter-spacing:.05em;margin-bottom:8px}
.rec-l2{font-size:.92rem;max-width:430px;opacity:.95;line-height:1.45}
.rec-frame.ready{background:#000}
/* REPETICIÓN SESIÓN PRIVADA (en el hero) */
.rec-hero{margin:30px auto 4px;text-align:center;color:var(--ink)}
.rec-hero .rec-label{margin-bottom:14px}
.rec-note{margin:14px auto 0!important;font-size:.98rem!important;color:var(--ink);opacity:1!important;max-width:560px}
.rec-note strong{color:#c45c67}
@media (max-width:640px){.rec-hero{padding:18px 14px}}
.rec-frame video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.rec-frame video::-internal-media-controls-download-button{display:none}
.rec-frame video::-webkit-media-controls-fullscreen-button{display:none}

/* ===== V2: SECCIONES DE CONTENIDO (tomadas de qlt.mx) ===== */
.wrap.wide{max-width:1040px}
/* Despierta */
.despierta{background:#fff}
.despierta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.despierta-grid img{width:100%;height:auto;display:block;max-width:440px;margin:0 auto}
.despierta h2{text-align:left;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.02;margin-bottom:22px}
.despierta p{color:var(--muted);font-size:1.05rem;margin-bottom:14px}
.despierta .quote{color:var(--ink);font-weight:700;font-size:1.12rem;border-left:4px solid var(--pink);padding-left:14px;margin-top:20px}
@media (max-width:760px){.despierta-grid{grid-template-columns:1fr;gap:26px}.despierta-grid img{max-width:340px}}
/* ¿Qué es QLT? */
.que-es{color:#fff;background:linear-gradient(180deg,#5f6283 0%,#8a7f95 45%,#b8957f 100%)}
.que-es h2{color:#fff}
.que-es p{max-width:740px;margin:0 auto 16px;font-size:1.06rem;opacity:.95}
.que-es .big{font-size:clamp(1.12rem,2.6vw,1.3rem);font-weight:800;opacity:1;margin-bottom:24px;line-height:1.5}
/* Lo que aprenderás */
.aprenderas{background:var(--bg)}
.aprenderas .lead,.experiencia .lead{color:var(--muted);margin-bottom:30px}
.aprenderas .lead strong,.experiencia .lead strong{color:var(--ink)}
.learn{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.lcard{flex:1 1 280px;max-width:320px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 22px;text-align:center;box-shadow:0 8px 26px rgba(60,60,100,.07);transition:transform .2s,box-shadow .2s}
.lcard:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(60,60,100,.13)}
.lcard i{font-size:1.9rem;color:#6b6a92;margin-bottom:12px}
.lcard p{color:var(--muted);font-size:1rem;line-height:1.5}
/* 3 Herramientas */
.herramientas{background:linear-gradient(180deg,var(--bg) 0%,#e6e4ec 45%,#f6e3e3 80%,#f6ece2 100%)}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tool{border-radius:26px;padding:32px 26px;color:#fff;box-shadow:0 14px 40px rgba(60,60,100,.16)}
.tool.t1{background:linear-gradient(135deg,#ebad6c 0%,#ef9aa0 100%)}
.tool.t2{background:linear-gradient(135deg,#ec98a1 0%,#9b7f9b 55%,#6c6b8f 100%)}
.tool.t3{background:linear-gradient(135deg,#6a6b8e 0%,#4a5a8a 55%,#233f7c 100%)}
.tool i{font-size:2.3rem;margin-bottom:16px}
.tool h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.22rem;letter-spacing:0;line-height:1.3;margin-bottom:12px}
.tool p{font-size:.97rem;line-height:1.6;opacity:.95}
@media (max-width:820px){.tools{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
/* La experiencia */
.experiencia{background:#fff}
.incluye{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 22px;margin-bottom:34px}
.inc{flex:1 1 210px;max-width:240px;text-align:center}
.inc i{font-size:2.9rem;margin-bottom:14px;background:linear-gradient(135deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.inc h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.12rem;letter-spacing:0;line-height:1.3;color:var(--ink)}
.inc b{display:block;font-weight:600;color:var(--ink);font-size:.98rem;margin:2px 0 8px}
.inc p{color:var(--muted);font-size:.93rem;line-height:1.5}
.inc.c1{--c1:#1f3b78;--c2:#2c4b8a}.inc.c2{--c1:#24427f;--c2:#4a5a8a}.inc.c3{--c1:#5c6a95;--c2:#7a7397}
.inc.c4{--c1:#7c7399;--c2:#c98ba0}.inc.c5{--c1:#e79aa0;--c2:#e39aa6}.inc.c6{--c1:#e79aa0;--c2:#eaa88f}.inc.c7{--c1:#e8ac6c;--c2:#f0b26a}
/* Invitación al primer pago */
.apartar{margin-top:0;padding-top:64px;background:linear-gradient(180deg,#fff 0%,var(--bg) 140px)}
.invite{text-align:center;max-width:680px;margin:0 auto 30px}
.invite .kicker{display:inline-block;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--navy),var(--pink));border-radius:999px;padding:7px 16px;margin-bottom:16px}
.invite h2{margin-bottom:14px}
.invite p{font-size:1.1rem;color:var(--muted)}
.invite p strong{color:var(--ink)}
/* ¿Qué es realmente? + testimonios */
.realmente{position:relative;color:#fff;text-align:center;overflow:hidden;background:linear-gradient(160deg,#4b5a8b 0%,#5f6283 45%,#6f6f9b 100%)}
.realmente::before{content:"";position:absolute;inset:0;background:url(img/waves.jpg) center/cover;opacity:.18;mix-blend-mode:soft-light}
.realmente .wrap{position:relative}
.realmente h2{color:#fff}
.realmente h2 .em,.realmente .hl{background:linear-gradient(90deg,var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.realmente .intro-l{max-width:680px;margin:0 auto 22px;font-size:1.08rem;opacity:.95}
.realmente .big{font-size:clamp(1.15rem,2.8vw,1.35rem);font-weight:600;max-width:680px;margin:0 auto 18px;line-height:1.45}
.realmente .hl{font-weight:800}
.checks{list-style:none;display:inline-block;text-align:left;margin:0 auto 28px}
.checks li{position:relative;padding-left:30px;margin-bottom:8px;font-size:1.02rem}
.checks li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--orange)}
.vives{font-weight:800;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3;margin-bottom:18px}
.porque{font-weight:800;color:var(--orange);font-size:1.08rem;max-width:680px;margin:0 auto 36px}
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testi figcaption{margin-top:10px;font-weight:700;font-size:.95rem;opacity:.95}
.testi .yt,.testi iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 12px 34px rgba(20,24,50,.35)}
.testi .yt{position:relative;padding:0;cursor:pointer}
.testi .yt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.testi .yt:hover img{transform:scale(1.04)}
.testi .play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--orange));box-shadow:0 6px 20px rgba(0,0,0,.35)}
.testi .play::after{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
@media (max-width:760px){.testis{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
/* Es para ti si… */
.para-ti{background:#fff}
.fit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fcard{border-radius:18px;padding:30px 22px;text-align:center;color:#fff;background:linear-gradient(135deg,#4b5a8b 0%,#7d7aa0 40%,#e79aa0 78%,#f0b26a 100%);box-shadow:0 12px 34px rgba(60,60,100,.16);transition:transform .2s,box-shadow .2s}
.fcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(60,60,100,.22)}
.fcard i{font-size:2rem;margin-bottom:14px;opacity:.95}
.fcard p{font-size:1rem;line-height:1.5;font-weight:600}
@media (max-width:820px){.fit{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.fit{grid-template-columns:1fr}}
/* Desarrolla en ti */
.desarrolla{background:linear-gradient(180deg,#f6ece2 0%,#f3d9d6 55%,#eec3c0 100%)}
.desarrolla .lead{color:var(--muted);margin-bottom:30px}
.desarrolla .lead strong{color:var(--ink)}
.dev-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#4b5a8b 0%,#6c6b8f 50%,#9b7f9b 100%);box-shadow:0 18px 50px rgba(60,60,100,.22)}
.dev-col{padding:34px 30px}
.dev-col+.dev-col{background:rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.18)}
.dev-col h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:0;line-height:1.3;margin-bottom:14px}
.dev-col ul{list-style:none}
.dev-col ul li{position:relative;padding-left:24px;margin-bottom:10px;font-size:1rem}
.dev-col ul li::before{content:"•";position:absolute;left:6px;top:0;color:var(--orange);font-weight:800}
.dev-col p{opacity:.9;margin-bottom:14px}
.results{list-style:none;display:grid;gap:10px}
.results li{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 16px;font-weight:700;font-size:.98rem;line-height:1.35}
.results b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:1.9rem;line-height:1;color:var(--orange);min-width:18px;text-align:center}
@media (max-width:760px){.dev-panel{grid-template-columns:1fr}.dev-col+.dev-col{border-left:0;border-top:1px solid rgba(255,255,255,.18)}.dev-col{padding:28px 22px}}

/* ---- Solo durante octubre (reemplaza el contador de preventa) ---- */
.aparta{font-size:.95rem;font-weight:700;letter-spacing:.04em;margin-top:8px;opacity:.95}
.resto{font-size:.98rem;line-height:1.35;margin:6px auto 0;max-width:300px}
.resto b{font-weight:800}
.pcard-top .mxn{margin-top:10px}
.mes{display:flex;gap:28px;align-items:center;max-width:820px;margin:0 auto 28px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 40px rgba(60,60,100,.10);padding:26px;text-align:left}
.mes-cal{flex:0 0 250px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(60,60,100,.14);color:var(--ink)}
.mes-cal-head{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 10px;color:#fff;background:linear-gradient(135deg,#4b5a8b 0%,#7d7aa0 40%,#e79aa0 78%,#f0b26a 100%)}
.mes-cal-head b{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:1.9rem;letter-spacing:.06em;font-weight:400;line-height:1}
.mes-cal-head span{font-size:.8rem;font-weight:700;opacity:.9;letter-spacing:.1em}
.mes-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px 12px 14px;text-align:center}
.mes-dias>i{font-style:normal;font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.08em}
.mes-grid{display:contents}
.mes-grid span{font-size:.78rem;font-weight:700;line-height:26px;border-radius:8px;background:rgba(231,154,160,.16);color:var(--ink)}
.mes-grid span.vacio{background:none}
.mes-grid span.paso{background:none;color:#c3c6d4;text-decoration:line-through}
.mes-grid span.hoy{background:var(--navy);color:#fff;box-shadow:0 0 0 2px rgba(74,90,138,.25)}
.mes-grid span.fin{background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff}
.mes-body{flex:1}
.mes-tag{display:inline-block;background:linear-gradient(135deg,var(--navy),var(--pink));color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.mes-main{font-size:1.12rem;line-height:1.5;margin:14px 0 14px;color:var(--ink)}
.mes-plazos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mes-plazos span{min-width:46px;text-align:center;font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-size:1.6rem;line-height:1;padding:8px 8px 6px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--slate) 45%,var(--pink) 100%)}
.mes-plazos span:last-of-type{background:linear-gradient(135deg,var(--pink),var(--orange))}
.mes-plazos em{font-style:normal;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:2px}
.mes-left{margin-top:14px;font-size:.98rem;color:var(--muted)}
.mes-left b{color:var(--ink)}
.lead-q{margin-top:6px}
.mes-glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.mes-glass .mes-main,.mes-glass .mes-main strong,.mes-glass .mes-left,.mes-glass .mes-left b,.mes-glass .mes-plazos em{color:#fff}
.mes-glass .mes-tag{background:rgba(255,255,255,.92);color:#4b5a8b}
.important p.mes-main{max-width:none;margin:14px 0}
@media (max-width:700px){.mes{flex-direction:column;align-items:stretch;text-align:center;padding:20px}.mes-cal{flex:none;width:100%;max-width:280px;margin:0 auto}.mes-plazos{justify-content:center}}