/* Estilos exclusivos de la edición de Isla de Margarita. */
.margarita-page{scroll-padding-top:100px}
.margarita-page :is(section,[id]){scroll-margin-top:100px}
.event-brands{display:flex;align-items:center;gap:22px}
.producer-brand{border-left:1px solid #ffffff30;padding-left:22px}
.producer-brand small{display:block;font-size:.56rem;color:#cbd5e1;line-height:1.2;margin-bottom:3px}
.producer-brand img{width:140px;height:42px;object-fit:contain}
.margarita-page .nav{height:84px}
.margarita-page .hero{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;padding-top:142px;padding-bottom:30px}
.margarita-page .hero-copy{align-self:start}
.margarita-page .hero h1{font-size:clamp(3.3rem,6.5vw,6.1rem);margin:30px 0 26px}
.margarita-page .hero h2{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.25}
.margarita-page .lead{font-size:.98rem}
.margarita-page .hero blockquote{font-size:.9rem;margin-bottom:0}
.hero-media{position:relative;z-index:2;min-width:0;align-self:start}
.hero-media>.eyebrow{color:#b2c1d5;margin-bottom:16px}
.hero-vsl{border:1px solid #ffffff30;padding:7px;background:#020c1c;box-shadow:0 24px 65px #0005;border-radius:8px;overflow:hidden}
.hero-vsl iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:3px}
.vsl-caption{font-size:.76rem;line-height:1.5;color:#b2c1d5;margin:12px 0 0}
.hero-buy{grid-column:1/-1;position:relative;z-index:2;display:flex;align-items:center;gap:28px;margin-top:30px;padding:22px 26px;background:#031023a6;border:1px solid #ffffff30;border-left:4px solid var(--lime);border-radius:8px}
.event-price small{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;color:#cbd5e1}
.event-price strong{display:block;font-family:Oswald,Inter,sans-serif;font-size:4rem;line-height:1.2;color:var(--lime);white-space:nowrap}
.event-price strong span{font-family:Inter,Arial,sans-serif;font-size:1.05rem;letter-spacing:0}
.hero-buy .event-price strong{color:#fff;font-size:3.5rem}
.hero-buy .event-price strong span{font:inherit}
.buy-details{flex:1;color:#cbd5e1;font-size:.78rem}
.buy-details p{margin:5px 0 0;font-size:.72rem;color:var(--lime)}
.hero-buy .btn{flex:0 0 auto;min-width:290px;gap:30px;padding:20px 28px;border-radius:4px}
.btn-shimmer{position:relative;overflow:hidden;isolation:isolate;animation:cta-glow 4.8s ease-in-out infinite}
.btn-shimmer:after{content:"";position:absolute;inset:-50% auto -50% -65%;width:45%;background:linear-gradient(100deg,transparent,#fff8,transparent);transform:skewX(-18deg);pointer-events:none;animation:cta-shimmer 4.8s ease-in-out infinite}
@keyframes cta-shimmer{0%,65%{left:-65%;opacity:0}70%{opacity:.8}92%,100%{left:135%;opacity:0}}
@keyframes cta-glow{0%,65%,100%{box-shadow:0 8px 24px #d7f00020}80%{box-shadow:0 8px 32px #d7f00055}}
@media(prefers-reduced-motion:reduce){.btn-shimmer,.btn-shimmer:after{animation:none}.btn-shimmer:after{display:none}}
.margarita-page .event-strip{margin-top:36px;grid-template-columns:1.05fr 1.5fr 1.1fr .7fr .8fr}
.margarita-page .event-strip div{padding:20px 16px}
.margarita-page .event-strip div:first-child{padding-left:0}
.margarita-page .event-strip div:last-child{border-right:0}
.event-venue{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 0;border-top:1px solid #ffffff26}
.event-venue small{display:block;font-size:.62rem;letter-spacing:.14em;color:#8e9cb0}
.event-venue strong{font-size:.93rem}
.event-venue a{color:var(--lime);font-size:.8rem;text-underline-offset:4px}
.reserve-card aside .event-price strong{color:var(--blue);font-size:4.5rem}
.venue-map{display:block;margin-top:10px;font-size:.8rem;color:var(--blue);text-underline-offset:4px}
.reserve-producer{margin-top:30px}
.mobile-cta{display:none}
.margarita-page a:focus-visible{outline:3px solid #54c8ff;outline-offset:5px}
@media(max-width:1100px){.margarita-page .nav nav{gap:16px}.hero-buy{gap:20px}.hero-buy .btn{min-width:230px}.margarita-page .hero{gap:0 30px}}
@media(max-width:900px){.margarita-page .hero{grid-template-columns:1fr;padding-top:124px;gap:32px}.margarita-page .hero h1{font-size:clamp(3.3rem,10vw,6rem)}.hero-media{width:100%;max-width:680px}.margarita-page .event-strip{margin-top:0;grid-template-columns:repeat(3,1fr)}.margarita-page .event-strip div:first-child{padding-left:16px}.event-venue{padding-top:20px}.hero-buy{margin-top:0;flex-wrap:wrap}.hero-buy .btn{flex:0 0 100%}.margarita-page footer{flex-wrap:wrap;gap:12px 24px}}
@media(max-width:600px){.margarita-page .nav{height:76px;padding:0 20px}.event-brands{width:100%;justify-content:space-between;gap:14px}.producer-brand{padding-left:18px}.producer-brand img{width:126px;height:38px}.margarita-page .hero{padding:108px 20px 28px;gap:28px}.margarita-page .hero h1{font-size:clamp(2.7rem,12.7vw,4.6rem);margin:24px 0}.margarita-page .hero .eyebrow{font-size:.62rem;letter-spacing:.1em}.margarita-page .hero h2{font-size:1.42rem}.margarita-page .lead{font-size:.92rem}.hero-buy{gap:14px;padding:20px}.buy-details{flex-basis:100%}.hero-buy .event-price strong{font-size:3.2rem}.event-price strong{font-size:3.6rem}.hero-buy .btn{width:100%}.margarita-page .event-strip{grid-template-columns:1fr 1fr;gap:0}.margarita-page .event-strip div{padding:16px 10px!important}.margarita-page .event-strip div:nth-child(even){border-right:0}.margarita-page .event-strip b{font-size:.8rem}.event-venue{align-items:flex-start;flex-direction:column;gap:12px}.event-venue strong{font-size:.88rem}.mobile-cta{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--lime);color:var(--navy);padding:15px 20px calc(15px + env(safe-area-inset-bottom));text-decoration:none;z-index:35;box-shadow:0 -8px 28px #0003;font-size:.8rem;font-weight:800}.mobile-cta strong{font-size:1.15rem}.margarita-page footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}

/* Cuenta regresiva de la edición presencial. */
.countdown{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;padding:72px max(24px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 10% 15%,#d7f00022,transparent 32%),linear-gradient(120deg,#155b9a,#0d4078);color:#fff;border-top:2px solid var(--lime);overflow:hidden}
.countdown:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#ffffff66 1px,transparent 1px),linear-gradient(90deg,#ffffff66 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.countdown-copy,.countdown-panel{position:relative;min-width:0}
.countdown-copy .eyebrow{display:inline-block;background:var(--lime);color:var(--navy);padding:8px 10px;font-size:.69rem;letter-spacing:.12em;margin-bottom:20px}
.countdown-copy h2{font-size:clamp(2.4rem,3.8vw,3.8rem);line-height:1.02;margin-bottom:18px}
.countdown-copy h2 em{display:block}
.countdown-copy>p:last-child{color:#e1ebf4;margin-bottom:0;max-width:520px}
.countdown-clock{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;padding:32px 26px;background:#031023b8;border:1px solid #ffffff38;box-shadow:0 24px 60px #03102352}
.countdown-clock div{text-align:center;min-width:0}
.countdown-clock strong{display:block;font-family:Oswald,Inter,sans-serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1.1;color:var(--lime);font-variant-numeric:tabular-nums}
.countdown-clock span{display:block;margin-top:8px;font-size:.57rem;font-weight:800;letter-spacing:.13em;color:#c5d2df}
.countdown-clock i{font-style:normal;font-size:1.8rem;color:#65778b}
.countdown-status{margin:18px 0 0;color:var(--lime);font-weight:700;text-align:center}
@media(max-width:900px){.countdown{grid-template-columns:1fr;gap:32px}.countdown-panel{width:100%;max-width:680px}}
@media(max-width:600px){.countdown{padding:56px 20px}.countdown-copy .eyebrow{font-size:.6rem;letter-spacing:.07em}.countdown-clock{padding:24px 12px;gap:6px}.countdown-clock strong{font-size:clamp(2rem,10vw,3rem)}.countdown-clock span{font-size:.46rem;letter-spacing:.05em}.countdown-clock i{font-size:1.2rem}}

/* Bonus: tarjetas numeradas y marquesina editorial. */
.margarita-page .bonuses{background:radial-gradient(ellipse at 95% 15%,#1746d238,transparent 45%),radial-gradient(ellipse at 0 80%,#d7f00009,transparent 40%),#06162e;color:#fff;padding-top:0;border-top:1px solid #d7f00055}
.margarita-page .bonuses:before{content:"+";color:#ffffff03;top:40px;right:-25px;pointer-events:none}
.bonus-marquee{display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff20;margin-bottom:66px;padding:12px 0;position:relative}
.bonus-marquee-window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.bonus-marquee-track{display:flex;width:max-content;animation:bonus-marquee 32s linear infinite;animation-play-state:paused}
.bonus-marquee-track>div{display:flex;align-items:center;flex-shrink:0;gap:36px;padding-right:36px}
.bonus-marquee-track span{font-size:.64rem;letter-spacing:.2em;font-weight:800;white-space:nowrap;color:#d0dceb}
.bonus-marquee-track i{font-size:.85rem;font-style:normal;color:var(--lime)}
.bonus-motion-toggle{flex-shrink:0;width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff05;color:var(--lime);font-size:.9rem;cursor:pointer;transition:background .2s}
.bonus-motion-toggle:hover{background:#ffffff15}
.bonus-motion-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.bonus-in-view:not(.bonus-paused) .bonus-marquee-track{animation-play-state:running}
.bonus-in-view:not(.bonus-paused) .bonus-marquee:hover .bonus-marquee-track,.bonus-in-view:not(.bonus-paused) .bonus-marquee:focus-within .bonus-marquee-track{animation-play-state:paused}
.margarita-page .bonus-label{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-size:.66rem;border:1px solid #d7f00044;border-radius:30px;background:#d7f00008;padding:8px 14px;margin-bottom:24px}
.bonus-label:before{content:"✦";font-size:.9rem}
.margarita-page .bonus-intro{gap:64px;align-items:center}
.margarita-page .bonus-intro h2{font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:1.04}
.margarita-page .bonus-intro h2 em{color:var(--lime)}
.margarita-page .bonus-intro>p{color:#b9c9db;font-size:1rem;line-height:1.8;border-left:1px solid #d7f00066;padding-left:26px}
.margarita-page .bonus-grid{background:transparent;gap:18px;margin-top:48px}
.margarita-page .bonus-grid article{position:relative;overflow:hidden;min-height:230px;background:linear-gradient(130deg,#10294a,#081b35);border:1px solid #ffffff20;border-radius:12px;padding:32px;gap:22px;transition:opacity .7s ease,transform .4s ease,border-color .35s,box-shadow .35s}
.margarita-page .bonus-grid article:before{content:"";position:absolute;top:0;left:32px;width:48px;height:2px;background:var(--lime);opacity:.7;transition:width .45s ease}
.margarita-page .bonus-grid article>span{width:52px;height:52px;border-radius:12px;border:1px solid #d7f00040;background:#d7f00008;color:var(--lime);font-family:Oswald,sans-serif;font-size:1.5rem}
.margarita-page .bonus-grid h3{color:#fff;font-size:1.42rem;line-height:1.25}
.margarita-page .bonus-grid p{color:#b9c9db;line-height:1.75;font-size:.88rem}
.margarita-page .bonus-grid strong{color:#f0f5fb}
.margarita-page .bonus-closing{background:linear-gradient(110deg,#d7f0000d,transparent);border:1px solid #d7f00033;border-left:3px solid var(--lime);border-radius:0 10px 10px 0;margin-top:38px;font-size:clamp(1.1rem,1.9vw,1.45rem);color:#b9c9db}
@keyframes bonus-marquee{to{transform:translateX(-50%)}}
@media(hover:hover){.margarita-page .bonus-grid article.visible:hover{transform:translateY(-5px);border-color:#d7f00066;box-shadow:0 18px 40px #0004}.margarita-page .bonus-grid article:hover:before{width:calc(100% - 64px)}}
@media(max-width:900px){.margarita-page .bonus-intro{gap:26px}.margarita-page .bonus-intro>p{max-width:680px}}
@media(max-width:600px){.bonus-marquee{margin-bottom:42px;gap:10px}.bonus-marquee-track>div{gap:24px;padding-right:24px}.bonus-marquee-track span{font-size:.58rem}.margarita-page .bonus-grid{margin-top:30px;gap:14px}.margarita-page .bonus-grid article{padding:25px 20px;grid-template-columns:40px 1fr;gap:16px}.margarita-page .bonus-grid article>span{width:40px;height:40px;font-size:1.2rem}.margarita-page .bonus-grid h3{font-size:1.25rem}.margarita-page .bonus-intro>p{padding-left:18px}.margarita-page .bonus-label{font-size:.58rem;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.bonus-marquee-track{animation:none}.bonus-motion-toggle{display:none}.margarita-page .bonus-grid article,.margarita-page .bonus-grid article:before{transition:none}.margarita-page .bonus-grid article.visible:hover{transform:none}}

/* Contraste entre secciones y puntos de inscripción durante la lectura. */
.margarita-page .tools{background:#fff;color:var(--navy);border-bottom:1px solid #e1e6ed}
.margarita-page .tools .eyebrow,.margarita-page .tools h2 em{color:var(--blue)}
.margarita-page .tool-cloud span{background:#f2f4f8;border-color:#d7deea;color:var(--navy)}
.margarita-page .tool-cloud span:nth-child(3n+1){background:var(--lime);border-color:var(--lime);color:var(--navy)}
.section-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:48px;padding:28px 30px;background:#f2f4f8;border:1px solid #dce3ed;border-left:3px solid var(--lime);border-radius:0 8px 8px 0;color:var(--navy)}
.section-cta-copy{flex:1;min-width:0}
.section-cta-copy>strong{display:block;font-size:1.03rem;line-height:1.45}
.section-cta-copy p{margin:7px 0 0;font-size:.79rem;color:#52627a}
.section-cta-action{display:flex;align-items:center;gap:24px}
.section-cta-price{font-family:Oswald,Inter,sans-serif;font-size:2.3rem;line-height:1.2;white-space:nowrap}
.section-cta-price small{font-family:Inter,Arial,sans-serif;font-size:.7rem;font-weight:800}
.section-cta .btn{border-radius:4px;gap:20px;text-align:center}
.section-cta-dark{background:#03102355;border-color:#ffffff30;border-left-color:var(--lime);color:#fff}
.section-cta-dark .section-cta-copy p{color:#d0dceb}
.section-cta-dark .section-cta-price{color:var(--lime)}
@media(max-width:1000px){.section-cta{align-items:flex-start;flex-direction:column;gap:22px}.section-cta-action{width:100%;justify-content:space-between}}
@media(max-width:600px){.section-cta{margin-top:34px;padding:24px 20px}.section-cta-action{align-items:flex-start;flex-direction:column;gap:16px}.section-cta .btn{width:100%;font-size:.72rem;padding:17px 16px}.section-cta-copy>strong{font-size:1rem}}