/* =====================================================================
   Uncover Music Tours — rediseño 2026
   Línea gráfica: fondo negro, tipografía condensada en mayúsculas,
   amarillo con extrusión 3D, luces de concierto violeta/azul.
   Tendencia aplicada: "Frasubarne" (capas fluidas translúcidas) +
   collage / técnica mixta (polaroids, sticker, marcador).
   ===================================================================== */
:root{
  --bg:#07060b; --bg2:#0e0c16; --ink:#f4f2ff; --muted:#b8b3cc;
  --yellow:#f6d200; --yellow-dk:#8a6f00; --violet:#542896; --lilac:#764dc6;
  --blue:#2b5cff; --magenta:#d6287a; --orange:#f76111;
  --display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --body:'Archivo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --radius:22px; --pad:clamp(16px, 5vw, 72px); --max:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:clamp(16px,1.05vw,18px);line-height:1.6;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--yellow);color:#000}
.hide-m{display:none}
@media(min-width:720px){.hide-m{display:inline}}

/* ---------- fondo fluido ---------- */
.mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#1a1030 0%,var(--bg) 60%)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform;mix-blend-mode:screen}
.b1{width:60vmax;height:60vmax;left:-15vmax;top:-20vmax;background:radial-gradient(circle,var(--violet),transparent 65%);animation:drift1 26s ease-in-out infinite alternate}
.b2{width:50vmax;height:50vmax;right:-15vmax;top:10vh;background:radial-gradient(circle,var(--blue),transparent 65%);animation:drift2 31s ease-in-out infinite alternate}
.b3{width:45vmax;height:45vmax;left:20vw;bottom:-25vmax;background:radial-gradient(circle,var(--magenta),transparent 65%);animation:drift3 37s ease-in-out infinite alternate;opacity:.35}
.b4{width:30vmax;height:30vmax;right:10vw;bottom:5vh;background:radial-gradient(circle,var(--lilac),transparent 65%);animation:drift1 22s ease-in-out infinite alternate-reverse;opacity:.4}
@keyframes drift1{to{transform:translate(18vw,14vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-20vw,22vh) scale(.9)}}
@keyframes drift3{to{transform:translate(12vw,-18vh) scale(1.2)}}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,footer{position:relative;z-index:2}

/* ---------- tipografía ---------- */
.h-display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.01em;font-size:clamp(44px,7.5vw,104px)}
.h-display--sm{font-size:clamp(36px,5vw,64px)}
.h-3d span{color:var(--yellow);text-shadow:1px 1px 0 var(--yellow-dk),2px 2px 0 var(--yellow-dk),3px 3px 0 var(--yellow-dk),4px 4px 0 var(--yellow-dk),5px 5px 0 var(--yellow-dk),6px 6px 0 #3a2f00,8px 8px 0 rgba(0,0,0,.35)}
.eyebrow{font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--yellow);margin-bottom:14px}
.section__head{max-width:var(--max);margin:0 auto 42px;padding:0 var(--pad);display:grid;gap:18px;align-items:end}
@media(min-width:900px){.section__head{grid-template-columns:1.2fr 1fr}}
.section__lead{color:var(--muted);max-width:46ch;font-size:1.05rem}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;letter-spacing:.02em;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s;will-change:transform}
.btn--yellow{background:var(--yellow);color:#111;box-shadow:0 10px 30px -10px rgba(246,210,0,.6)}
.btn--yellow:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 18px 40px -12px rgba(246,210,0,.8)}
.btn--ghost{border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);background:rgba(255,255,255,.04)}
.btn--ghost:hover{border-color:#fff;transform:translateY(-3px)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);transition:background .4s,backdrop-filter .4s,padding .4s}
.nav.is-scrolled{background:rgba(7,6,11,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px var(--pad);border-bottom:1px solid rgba(255,255,255,.06)}
.nav__logo{display:flex;align-items:center;gap:10px}
.nav__icon{width:36px;height:auto;filter:invert(1);display:none}
.nav.is-scrolled .nav__icon{display:block}
.nav__word{width:110px;height:auto;transition:opacity .3s,transform .3s}
.nav.is-scrolled .nav__word{display:none}
.nav__links{display:none;gap:30px;align-items:center;font-weight:600;font-size:.95rem}
.nav__links a{position:relative;padding:6px 0}
.nav__links a:not(.nav__cta)::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav__links a:not(.nav__cta):hover::after{transform:scaleX(1);transform-origin:left}
.nav__cta{background:var(--yellow);color:#111;padding:10px 18px;border-radius:999px}
.nav__burger{width:44px;height:44px;display:grid;place-items:center;gap:0;position:relative}
.nav__burger span{position:absolute;width:24px;height:2px;background:#fff;transition:transform .35s var(--ease),top .35s;top:17px}
.nav__burger span:last-child{top:25px}
.nav__burger[aria-expanded=true] span:first-child{transform:rotate(45deg);top:21px}
.nav__burger[aria-expanded=true] span:last-child{transform:rotate(-45deg);top:21px}
@media(min-width:900px){.nav__links{display:flex}.nav__burger{display:none}}
@media(max-width:899px){
  .nav__links{position:fixed;inset:0;background:rgba(7,6,11,.96);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;font-family:var(--display);font-size:2.4rem;text-transform:uppercase;transform:translateY(-100%);transition:transform .5s var(--ease);z-index:-1}
  .nav__links.is-open{transform:translateY(0)}
  .nav__links a:not(.nav__cta)::after{display:none}
  .nav__cta{font-family:var(--body);font-size:1rem;text-transform:none}
}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:140px var(--pad) 120px;overflow:hidden;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-1}
.hero__video{width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(1.2)}
.hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,11,.2) 0%,rgba(7,6,11,.35) 50%,var(--bg) 100%)}
.hero__inner{max-width:var(--max);margin:0 auto;width:100%}
.hero__kicker{font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;color:var(--muted);margin-bottom:22px}
.hero__title{font-family:var(--display);text-transform:uppercase;line-height:.9;font-size:clamp(58px,11.5vw,168px);font-weight:400}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.04em}
.hero__title .w{display:inline-block;will-change:transform}
.w--yellow{color:var(--yellow);text-shadow:2px 2px 0 var(--yellow-dk),4px 4px 0 var(--yellow-dk),6px 6px 0 var(--yellow-dk),8px 8px 0 #3a2f00,12px 12px 0 rgba(0,0,0,.35)}
.hero__sub{max-width:44ch;color:var(--muted);font-size:1.15rem;margin:26px 0 34px}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.hero__sticker{position:absolute;right:clamp(12px,6vw,90px);top:clamp(90px,16vh,160px);width:clamp(90px,13vw,170px);height:auto;filter:invert(1) drop-shadow(0 20px 30px rgba(0,0,0,.5));animation:spin 28s linear infinite;opacity:.9}
@keyframes spin{to{transform:rotate(360deg)}}

.marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,6,11,.5);backdrop-filter:blur(6px)}
.marquee__track{display:flex;gap:28px;align-items:center;white-space:nowrap;padding:14px 0;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.06em;color:var(--muted);width:max-content;animation:marquee 28s linear infinite}
.marquee__track i{width:8px;height:8px;border-radius:50%;background:var(--yellow);display:inline-block;flex:none}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- agenda ---------- */
.agenda{padding:110px 0 60px}
.agenda__grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:680px){.agenda__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.agenda__grid{grid-template-columns:repeat(3,1fr)}.agenda__grid .card:first-child{grid-column:span 2}}
.card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg2);aspect-ratio:4/5;cursor:pointer;isolation:isolate;transform-style:preserve-3d;will-change:transform;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transition:box-shadow .4s}
.agenda__grid .card:first-child{aspect-ratio:16/10}
@media(max-width:679px){.agenda__grid .card:first-child{aspect-ratio:4/5}}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s;will-change:transform}
.card:hover img{transform:scale(1.06)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(7,6,11,.92) 100%);z-index:1}
.card__date{position:absolute;top:18px;left:18px;z-index:2;background:var(--yellow);color:#111;border-radius:14px;padding:8px 12px;text-align:center;line-height:1;font-weight:800;transform:rotate(-4deg);box-shadow:0 10px 20px -8px rgba(0,0,0,.6)}
.card__date b{display:block;font-family:var(--display);font-size:1.6rem;font-weight:400}
.card__date small{font-size:.7rem;letter-spacing:.14em}
.card__tag{position:absolute;top:22px;right:18px;z-index:2;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.card__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px}
.card__title{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,3.2vw,44px);line-height:.95}
.card__meta{color:var(--muted);font-size:.92rem;margin-top:8px}
.card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:600;color:var(--yellow)}
.card__cta svg{transition:transform .35s var(--ease)}
.card:hover .card__cta svg{transform:translateX(6px)}
.card__glow{position:absolute;inset:-2px;border-radius:inherit;z-index:0;opacity:0;transition:opacity .4s;box-shadow:0 0 0 2px var(--c,var(--yellow)) inset}
.card:hover .card__glow{opacity:.9}

/* ---------- pasos ---------- */
.pasos{padding:70px 0}
.pasos__wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.pasos__list{list-style:none;display:grid;gap:18px;margin-top:36px;grid-template-columns:1fr}
@media(min-width:700px){.pasos__list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.pasos__list{grid-template-columns:repeat(4,1fr)}}
.pasos__list li{position:relative;padding:28px 24px 26px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);transition:transform .4s var(--ease),border-color .4s}
.pasos__list li:hover{transform:translateY(-6px) rotate(-.6deg);border-color:rgba(246,210,0,.5)}
.pasos__list b{font-family:var(--display);font-size:2.6rem;color:var(--yellow);line-height:1;display:block;margin-bottom:14px;font-weight:400}
.pasos__list h3{font-size:1.15rem;margin-bottom:8px}
.pasos__list p{color:var(--muted);font-size:.95rem}

/* ---------- nosotros ---------- */
.about{max-width:var(--max);margin:0 auto;padding:90px var(--pad);display:grid;gap:50px;align-items:center}
@media(min-width:960px){.about{grid-template-columns:1fr 1fr;gap:70px}}
.about__media{position:relative;aspect-ratio:1;max-width:560px;margin:0 auto;width:100%}
.polaroid{position:absolute;background:#fff;padding:10px 10px 36px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);will-change:transform}
.polaroid img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.polaroid--a{left:0;top:6%;width:68%;transform:rotate(-6deg)}
.polaroid--b{right:0;bottom:4%;width:60%;transform:rotate(5deg)}
.about__unosolo{position:absolute;left:50%;top:48%;width:52%;transform:translate(-50%,-50%) rotate(-3deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.7));z-index:2}
.about__text h2{margin-bottom:22px}
.about__text p{color:var(--muted);margin-bottom:16px;max-width:52ch}
.about__text strong{color:#fff}
.stats{list-style:none;display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
.stats b{font-family:var(--display);font-size:3rem;font-weight:400;color:var(--yellow);line-height:1;display:block}
.stats span{font-size:.85rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}

/* ---------- galería ---------- */
.gallery{padding:90px 0 60px}
.gallery__collage{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;gap:16px;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(90px,14vw,190px)}
.gc{border-radius:18px;overflow:hidden;position:relative;will-change:transform;box-shadow:0 24px 50px -24px rgba(0,0,0,.9)}
.gc img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gc:hover img{transform:scale(1.05)}
.gc::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:inherit}
.gc1{grid-column:1/3;grid-row:1/4}.gc2{grid-column:3/6;grid-row:1/3}.gc3{grid-column:6/7;grid-row:1/3}
.gc4{grid-column:3/4;grid-row:3/5}.gc5{grid-column:4/7;grid-row:3/5}.gc6{grid-column:1/3;grid-row:4/5}
@media(max-width:680px){.gallery__collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.gc{grid-column:auto!important;grid-row:auto!important}.gc1,.gc5{grid-column:span 2!important}}

.reviews{margin-top:70px;overflow:hidden;padding-left:var(--pad)}
.reviews__track{display:flex;gap:18px;width:max-content;animation:marquee 60s linear infinite;padding-right:18px}
.reviews__track:hover{animation-play-state:paused}
.review{width:340px;flex:none;padding:24px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.review p{font-size:.95rem;color:var(--ink);margin-bottom:14px}
.review b{font-size:.85rem;color:var(--yellow);letter-spacing:.06em;text-transform:uppercase}
.review .stars{color:var(--yellow);letter-spacing:2px;margin-bottom:10px;font-size:.9rem}

/* ---------- faq ---------- */
.faq{padding:90px 0}
.faq__wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;gap:40px}
@media(min-width:960px){.faq__wrap{grid-template-columns:1fr 1.6fr}}
.faq__head p{color:var(--muted);margin-top:16px;max-width:36ch}
.faq__list details{border-top:1px solid rgba(255,255,255,.12)}
.faq__list details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.faq__list summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;font-weight:600;font-size:1.1rem;position:relative;transition:color .3s}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--display);font-size:1.8rem;color:var(--yellow);transition:transform .4s var(--ease)}
.faq__list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq__list details[open] summary{color:var(--yellow)}
.faq__list details div{padding:0 0 24px;color:var(--muted);max-width:60ch}
.faq__list details div ol{padding-left:20px;margin-bottom:10px}
.faq__list details a{color:#fff;text-decoration:underline;text-decoration-color:var(--yellow)}

/* ---------- crew ---------- */
.crew{padding:40px var(--pad) 110px}
.crew__card{max-width:var(--max);margin:0 auto;border-radius:34px;padding:clamp(28px,5vw,64px);display:grid;gap:40px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(84,40,150,.55),rgba(43,92,255,.35) 60%,rgba(214,40,122,.35));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.crew__card::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(246,210,0,.35),transparent 65%);right:-120px;top:-160px;filter:blur(20px)}
@media(min-width:960px){.crew__card{grid-template-columns:1.1fr 1fr}}
.crew__text p{color:var(--ink);opacity:.85;margin-top:18px;max-width:46ch}
.crew__form{display:grid;gap:14px;position:relative}
.crew__form label{display:grid;gap:6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.crew__form input,.crew__form select{font:inherit;color:#fff;background:rgba(7,6,11,.55);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;text-transform:none;letter-spacing:0;transition:border-color .3s,box-shadow .3s}
.crew__form input:focus,.crew__form select:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(246,210,0,.25)}
.crew__form select option{color:#000}
.crew__form button{justify-self:start;margin-top:6px}
.crew__msg{font-size:.9rem;color:var(--yellow);min-height:1.4em}

/* ---------- footer ---------- */
.footer{border-top:1px solid rgba(255,255,255,.08);padding:50px var(--pad) 30px;background:rgba(7,6,11,.6);backdrop-filter:blur(10px)}
.footer__top,.footer__bottom,.footer__bus{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer__social{display:flex;gap:14px}
.footer__social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);transition:background .3s,color .3s,transform .3s}
.footer__social a:hover{background:var(--yellow);color:#111;transform:translateY(-3px)}
.footer__bus{margin-top:30px;justify-content:flex-start;color:var(--muted);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.footer__bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:var(--muted)}
.footer__bottom a{text-decoration:underline;text-decoration-color:var(--yellow)}

/* ---------- modal ---------- */
.modal{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);width:100%;max-height:92vh;color:var(--ink);margin:auto}
.modal::backdrop{background:rgba(7,6,11,.8);backdrop-filter:blur(10px)}
.modal__close{position:absolute;right:16px;top:16px;z-index:5;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.1rem;backdrop-filter:blur(6px)}
.modal__body{background:var(--bg2);border-radius:28px;overflow:hidden;max-height:92vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}
.ev{display:grid}
@media(min-width:900px){.ev{grid-template-columns:1fr 1.15fr}}
.ev__media{position:relative;min-height:320px;background:var(--c,#333)}
.ev__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ev__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg2) 0%,transparent 45%)}
@media(min-width:900px){.ev__media::after{background:linear-gradient(90deg,transparent 60%,var(--bg2) 100%)}}
.ev__badge{position:absolute;left:22px;top:22px;z-index:2;background:var(--yellow);color:#111;padding:10px 14px;border-radius:14px;font-weight:800;transform:rotate(-4deg);line-height:1}
.ev__badge b{font-family:var(--display);font-size:1.8rem;font-weight:400;display:block}
.ev__info{padding:clamp(22px,4vw,44px)}
.ev__info h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,5vw,64px);line-height:.92;margin-bottom:14px}
.ev__meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:.95rem;margin-bottom:18px}
.ev__meta b{color:#fff}
.ev__desc{color:var(--muted);margin-bottom:22px}
.ev__salidas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ev__salidas span{font-size:.78rem;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2)}
.pk{display:grid;gap:16px}
@media(min-width:640px){.pk{grid-template-columns:1fr 1fr}}
.pk__item{border-radius:20px;padding:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}
.pk__item:first-child{border-color:rgba(246,210,0,.5);box-shadow:0 0 0 1px rgba(246,210,0,.2) inset}
.pk__type{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:600}
.pk__name{font-family:var(--display);text-transform:uppercase;font-size:1.6rem;line-height:1}
.pk__price{font-family:var(--display);font-size:2.4rem;line-height:1}
.pk__price small{font-family:var(--body);font-size:.78rem;color:var(--muted);display:block;margin-top:4px}
.pk__opts{font-size:.8rem;color:var(--muted)}
.pk__list{list-style:none;font-size:.9rem;color:var(--muted);display:grid;gap:5px}
.pk__list li::before{content:"✓ ";color:var(--yellow)}
.pk__pagos{font-size:.82rem;color:var(--muted);border-top:1px dashed rgba(255,255,255,.15);padding-top:10px}
.pk__pagos li{list-style:none}
.pk__item .btn{margin-top:auto;justify-content:center;padding:13px 20px}

/* ---------- utilidades de animación ---------- */
.reveal{opacity:0;transform:translateY(28px)}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* sticker: en móvil baja a la esquina inferior para no tapar el texto */
@media(max-width:720px){.hero__sticker{top:auto;bottom:84px;right:14px;width:84px}}