/* Landing de la carta */
.carta-page{background:var(--bg)}
.carta-hero{position:relative;overflow:hidden;padding:140px 0 0;background:var(--bg)}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;opacity:.55;filter:saturate(.85);transform:scale(1.03)}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.62) 0%,rgba(10,10,12,.42) 35%,rgba(10,10,12,.93) 78%,var(--bg) 100%),linear-gradient(90deg,rgba(10,10,12,.55),transparent 55%)}
.hero__text{position:relative;z-index:2}
.hero__strip{position:relative;z-index:1;margin-top:38px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hero__track{display:flex;gap:16px;width:max-content;padding:22px 0 26px;animation:stripMove 90s linear infinite;will-change:transform}
.hero__track img{width:168px;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid rgba(210,171,79,.4);box-shadow:0 18px 40px rgba(0,0,0,.55);flex:none}
.hero__track img:nth-child(even){transform:translateY(18px)}
@keyframes stripMove{to{transform:translateX(-50%)}}
.carta-hero:hover .hero__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.hero__track{animation:none}}
@media (max-width:640px){.hero__strip{margin-top:26px}.hero__track{gap:10px;padding:14px 0 18px}.hero__track img{width:112px;border-radius:12px}.hero__track img:nth-child(even){transform:translateY(12px)}}
.carta-hero h1{font-size:clamp(3rem,8vw,5.5rem)}
.carta-hero .lead{max-width:560px}
.subnav{position:sticky;top:0;z-index:40;margin-top:0;display:flex;gap:4px;overflow-x:auto;padding:12px 20px;background:rgba(10,10,12,.9);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav a{white-space:nowrap;padding:.5em 1.1em;border-radius:999px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid transparent}
.subnav a:hover,.subnav a.is-active{color:var(--gold-2);border-color:rgba(210,171,79,.4)}
.carta-page .nav{position:absolute;background:none}
.carta-section{scroll-margin-top:72px}
.carta-section--alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.carta-section .container + .container{margin-top:clamp(48px,6vw,80px)}
#cocteles,#copas,#tes-frios,#refrescos{scroll-margin-top:72px}

.group-title{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;margin:0 0 .8em;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.group-price{font-size:1rem;font-family:var(--sans);font-weight:500;color:var(--gold);letter-spacing:.1em;padding:.25em .8em;border:1px solid rgba(210,171,79,.4);border-radius:999px}
.card__title{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--gold-2);margin:0 0 .6em}

/* precios */
.price{margin:0;font-family:var(--serif);font-size:1.5rem;color:var(--gold-2)}
.price s{color:var(--muted);font-size:1rem;margin-right:.5em;text-decoration-color:var(--rose)}
.price--offer b{color:var(--gold-2)}
.badge{position:absolute;top:14px;right:14px;background:var(--rose);color:#1a0d0b;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:.35em .7em;border-radius:999px}
.offer s{color:var(--muted);text-decoration-color:var(--rose);margin-right:.4em}

/* cachimbas */
.gamas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:28px}
.gama{position:relative;border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--card);overflow:hidden}
.gama::before{content:"";position:absolute;inset:auto -40% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(40px);opacity:.35}
.gama--blond::before{background:#e2c378}.gama--fusion::before{background:#b06b4a}.gama--black::before{background:#4a4a52}
.gama h3{font-size:2rem;margin-bottom:.2em;color:var(--gold-2)}
.gama__desc{color:#d8d2c6;min-height:3em}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}
.flavors{width:100%;border-collapse:collapse;min-width:520px}
.flavors th,.flavors td{padding:.9em 1.2em;text-align:left;border-bottom:1px solid var(--line)}
.flavors th{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:500;background:rgba(255,255,255,.02)}
.flavors td:not(:first-child){font-family:var(--serif);font-size:1.2rem;color:var(--gold-2);white-space:nowrap}
.flavors tr:last-child td{border:0}

/* cócteles con vídeo */
.cocktails{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-bottom:48px}
.cocktails--small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.cocktail{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);transition:transform .25s,border-color .25s}
.cocktail:hover{transform:translateY(-4px);border-color:rgba(210,171,79,.45)}
.cocktail__media{aspect-ratio:3/4;background:#111 center/cover no-repeat;position:relative}
.cocktail__media video{width:100%;height:100%;object-fit:cover;display:block}
.cocktail__media::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,rgba(21,21,25,1),transparent)}
.cocktail__body{padding:16px 18px 20px;position:relative;margin-top:-28px}
.cocktail__body h4{font-family:var(--serif);font-size:1.35rem;font-weight:600;margin:0 0 .3em;color:var(--ink)}
.cocktail__body p{font-size:.88rem;color:var(--muted);margin:0 0 .8em;min-height:2.6em}
.cocktails--small .cocktail__body p{min-height:0}
.noalcohol{border:1px dashed rgba(210,171,79,.4);border-radius:18px;padding:22px 26px;margin-bottom:8px}
.noalcohol p{margin:0;color:#d8d2c6}

/* pizzas */
.pizzas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.pizza{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--card)}
.pizza h4{font-family:var(--serif);font-size:1.4rem;font-weight:600;margin:.4em 0 .3em;color:var(--ink)}
.pizza p{font-size:.88rem;color:var(--muted)}

@media (max-width:760px){
  .carta-hero{padding-top:110px}
  .cocktails{grid-template-columns:repeat(2,1fr);gap:12px}
  .cocktails--small{grid-template-columns:repeat(2,1fr)}
  .cocktail__body{padding:12px 14px 16px}
  .cocktail__body h4{font-size:1.15rem}
  .cocktail__body p{display:none}
}
@media (max-width:520px){
  .flavors{min-width:0}
  .flavors th,.flavors td{padding:.8em .5em}
  .flavors td:first-child{font-size:.9rem}
  .flavors td:not(:first-child){font-size:1.05rem;text-align:center}
  .flavors th:not(:first-child){text-align:center;letter-spacing:.1em;font-size:.68rem}
  .flavors .offer s{display:block;font-size:.72rem;opacity:.55;line-height:1}
}

/* etiquetas */
.badge--gold{background:linear-gradient(135deg,#f1d98a,#c9a24a);color:#1a1405}
.tag{display:inline-block;font-style:normal;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#1a1405;background:linear-gradient(135deg,#f1d98a,#c9a24a);padding:.3em .6em;border-radius:999px;margin-left:.5em;vertical-align:middle}
.price-list__featured span{color:var(--ink)}
.group-sub{margin:-.6em 0 1.2em;color:var(--muted)}

/* tarjeta de sabores sin vídeo */
.cocktail__media--list{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(70% 60% at 50% 30%,rgba(210,171,79,.22),transparent 70%),linear-gradient(180deg,#1b1813,#0e0d0b);border-bottom:1px solid var(--line)}
.cocktail__media--list .kicker{margin:0}
.cocktail__media--list ul{list-style:none;margin:0;padding:0;text-align:center}
.cocktail__media--list li{font-family:var(--serif);font-size:1.5rem;color:var(--gold-2);line-height:1.35}

/* oferta limitada */
.promo{padding:26px 0 0}
.promo__card{position:relative;overflow:hidden;border-radius:22px;padding:30px 34px;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,#1a1508 0%,#0f0d09 55%,#1a1508 100%);border:1px solid rgba(210,171,79,.55);box-shadow:0 0 0 1px rgba(210,171,79,.12) inset,0 30px 80px rgba(0,0,0,.5)}
.promo__card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(210,171,79,.28);border-radius:17px;pointer-events:none}
.promo__glow{position:absolute;width:520px;height:520px;left:-120px;top:-260px;background:radial-gradient(circle,rgba(212,175,55,.28),transparent 60%);pointer-events:none;animation:promoGlow 6s ease-in-out infinite alternate}
@keyframes promoGlow{from{transform:translate(0,0)}to{transform:translate(120px,40px)}}
.promo__main{position:relative;flex:1 1 360px;min-width:0}
.promo__kicker{margin:0 0 .5em;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.promo__title{margin:0 0 .2em;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.05;background:linear-gradient(135deg,#fff3c4,#d4af37 55%,#f1d98a);-webkit-background-clip:text;background-clip:text;color:transparent}
.promo__price{display:flex;align-items:baseline;gap:14px;margin:0 0 .6em}
.promo__price b{font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.4rem);color:var(--ink);font-weight:600}
.promo__price span{color:var(--muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}
.promo__note{margin:0;color:#d8d2c6;max-width:46ch}
.promo__timer{position:relative;flex:0 1 330px;text-align:center;padding:18px 20px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(210,171,79,.3)}
.promo__timer-label{margin:0 0 .7em;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.promo__count{display:flex;justify-content:center;gap:10px}
.promo__count div{min-width:62px;padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(210,171,79,.25)}
.promo__count b{display:block;font-family:var(--serif);font-size:1.9rem;line-height:1;color:var(--gold-2);font-variant-numeric:tabular-nums}
.promo__count span{display:block;margin-top:6px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.promo__timer-sub{margin:.9em 0 0;font-size:.74rem;color:var(--muted)}
@media (max-width:640px){.promo__card{padding:22px 20px;gap:20px}.promo__timer{flex-basis:100%}.promo__count div{min-width:0;flex:1}.promo__count b{font-size:1.5rem}}
/* mojitos sin foto todavía: tarjeta con el color del sabor */
.cocktail__media--flavor{aspect-ratio:4/5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--fc) 35%,transparent),transparent 72%),linear-gradient(180deg,#1b1813,#0e0d0b)}
.flavor__ball{display:block;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--fc) 90%,white),var(--fc) 45%,var(--fc2) 80%,color-mix(in srgb,var(--fc2) 55%,black));box-shadow:0 24px 50px rgba(0,0,0,.55),inset 0 -12px 26px rgba(0,0,0,.3);transition:transform .35s}
.cocktail--flavor:hover .flavor__ball{transform:scale(1.05)}
.flavor__word{font-family:var(--serif);font-size:clamp(1.2rem,2.3vw,1.8rem);line-height:1;max-width:92%;text-align:center;color:#fff6dd;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.flavor__sub{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:-8px}
/* oferta: todo centrado y contador más grande */
.promo__card{justify-content:center;text-align:center}
.promo__main{flex:1 1 380px}
.promo__price{justify-content:center}
.promo__note{margin:0 auto}
.promo__timer{flex:0 1 440px;padding:22px 24px}
.promo__count{gap:12px}
.promo__count div{min-width:82px;padding:14px 8px}
.promo__count b{font-size:2.5rem}
.promo__count span{font-size:.66rem}
@media (max-width:640px){.promo__count div{min-width:0}.promo__count b{font-size:1.9rem}}
/* nota junto al título de pizzas */
.group-price--note{display:inline-block;vertical-align:middle;margin-left:.45em;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(210,171,79,.08)}
@media (max-width:640px){.group-price--note{display:block;width:max-content;margin:.6em 0 0}}