/* KANKAY · AÑO NUEVO 2027 (barra de aviso, pop-up y franja de la portada).
   Desde el 30 dic 2026, 6 p. m. (fin de la venta web) el script quita todo; este archivo puede quedarse. */

/* ===== AÑO NUEVO EN LA PORTADA ===== */
.anb{--marron:#67341f;--suave:#6b5548;--gris:#8a7869;--caramelo:#ae7e4e;--oro:#C99430;--oro-claro:#D8AD55;--oro-osc:#905F14}
.anb .ct{max-width:1240px;margin:0 auto;padding:0 32px}
.anb .cd{display:flex;align-items:center;gap:20px}
.anb .cd div{display:flex;flex-direction:column;align-items:center;min-width:44px}
.anb .cd b{font-family:'Montserrat',sans-serif;font-weight:300;letter-spacing:.02em;font-size:2rem;color:#fff;line-height:1}
.anb .cd span{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-top:6px}
.anb .cd b,.anb .cd span{text-shadow:0 1px 8px rgba(0,0,0,.55)}
.anb .cd i{width:1px;height:28px;background:linear-gradient(transparent,rgba(255,255,255,.45),transparent)}
.anb-t{font-family:'Montserrat',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.08em;line-height:1.05}
.anb-k{font-family:'Montserrat',sans-serif;font-weight:300;font-size:.82rem;letter-spacing:.08em;text-transform:none;color:var(--marron)}

/* ===== Franja Año Nuevo · opción B perfeccionada ===== */
.anb{background:#fff;padding:120px 0;border-bottom:1px solid rgba(103,52,31,.08)}
.anb-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:center}
.anb-foto{position:relative;padding:0 18px 18px 0}
.anb-marco{position:absolute;inset:18px 0 0 18px;border:1px solid rgba(201,148,48,.55)}
.anb-img{position:relative;aspect-ratio:5/4;overflow:hidden;background:#140d09}
.anb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,.8,.24,1)}
.anb-foto:hover .anb-img img{transform:scale(1.04)}
.anb-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,10,6,0) 52%,rgba(16,10,6,.72))}
.anb-cd{position:absolute;left:28px;bottom:26px;z-index:2}
.anb-cd .cd b{font-size:1.7rem}
.anb-cd .cd span{font-size:.5rem}
.anb-k{display:block;font-size:.64rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--oro-osc)}
.anb-t{font-family:'Montserrat',sans-serif;font-weight:400;font-size:clamp(2.1rem,3.3vw,2.9rem);line-height:1.12;letter-spacing:.015em;color:var(--marron);margin:14px 0 0}
.anb-t em{font-style:normal;color:transparent;background:linear-gradient(180deg,#C99430 0%,#D8AD55 45%,#A06A17 100%);-webkit-background-clip:text;background-clip:text}
.anb-f{display:flex;gap:12px;align-items:flex-start;margin:20px 0 0;font-size:.9rem;font-weight:300;line-height:1.55;color:var(--suave)}
.anb-f b{display:block;font-weight:500;color:var(--marron);font-size:.84rem;letter-spacing:.04em;margin-top:2px}
.ic-s{width:20px;height:20px;flex:0 0 auto;stroke:var(--oro);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.anb-sep{width:44px;height:1px;background:var(--oro);margin:26px 0 22px}
.anb-st{display:block;font-size:.6rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gris);margin-bottom:14px}
.anb-inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.anb-inc li{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--marron);line-height:1.35}
.ic-i{width:30px;height:30px;padding:6px;flex:0 0 auto;border:1px solid rgba(201,148,48,.45);border-radius:50%;stroke:var(--oro-osc);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.anb-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.anb .b1,.anb .b2{min-height:50px;justify-content:center;padding:14px 20px;font-size:.68rem;letter-spacing:.09em;white-space:nowrap;transition:background .25s ease,border-color .25s ease,color .25s ease}
.anb .b1:hover{background:var(--caramelo-osc);border-color:var(--caramelo-osc)}
.anb .b1 .fl{display:inline-block;transition:transform .25s ease}.anb .b1:hover .fl{transform:translateX(4px)}
.anb .b2:hover{border-color:var(--marron)}
.anb-n{margin:16px 0 0;font-size:.72rem;color:var(--gris);letter-spacing:.02em}
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,.8,.24,1)}
.rv.vis{opacity:1;transform:none}
.anb-txt.rv{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.anb-img img{transition:none}}
@media (max-width:1000px){.anb-inc{grid-template-columns:1fr}}
@media (max-width:760px){
  .anb{padding:0 0 64px}
  .anb .ct{padding:0}
  .anb-in{grid-template-columns:1fr;gap:0}
  .anb-foto{padding:0}.anb-marco{display:none}
  .anb-img{aspect-ratio:4/3}
  .anb-cd{left:20px;bottom:18px}.anb-cd .cd b{font-size:1.35rem}
  .anb-txt{padding:34px 20px 0}
  .anb-k{font-size:.56rem;letter-spacing:.28em}
  .anb-t{font-size:1.85rem}
  .anb-f{font-size:.82rem;margin-top:16px}.anb-f b{font-size:.78rem}
  .anb-sep{margin:22px 0 18px}
  .anb-inc{gap:10px}.anb-inc li{font-size:.8rem}.ic-i{width:28px;height:28px}
  .anb-btns{flex-direction:column;margin-top:28px}.anb .b1,.anb .b2{width:100%;font-size:.68rem;min-height:48px}
  .anb-n{text-align:center;font-size:.68rem}
}

/* ===== ajuste fino de la versión elegida ===== */
.anb{padding:clamp(80px,9vw,128px) 0}
.anb-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(44px,5.5vw,88px);align-items:stretch}
.anb-foto{display:flex;padding:0 16px 16px 0}
.anb-marco{inset:16px 0 0 16px}
.anb-img{flex:1;aspect-ratio:auto;min-height:440px}
.anb-txt{display:flex;flex-direction:column;justify-content:center;padding:6px 0}
.anb-k{font-size:.62rem;letter-spacing:.34em}
.anb-t{font-size:clamp(2.2rem,3.2vw,2.85rem);line-height:1.1;margin-top:16px}
.anb-f{margin-top:18px;font-size:.88rem}
.anb-f b{font-size:.82rem}
.anb-sep{margin:24px 0 20px}
.anb-st{font-size:.58rem;margin-bottom:16px}
.anb-inc{gap:14px 28px;max-width:460px}
.anb-inc li{font-size:.8rem}
.ic-i{width:30px;height:30px;padding:6.5px}
.anb-btns{display:grid;grid-template-columns:auto auto;justify-content:start;gap:12px;margin-top:32px}
.anb .b1,.anb .b2{padding:14px 22px}
.anb-n{margin-top:14px;font-size:.7rem}
@media (max-width:1100px){
  .anb-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .anb-in{align-items:center}
  .anb-img{min-height:0;aspect-ratio:1/1}
  .anb-btns{grid-template-columns:1fr;max-width:320px}
}
@media (max-width:900px){
  .anb{padding:72px 0}
  .anb-in{grid-template-columns:1fr;gap:44px}
  .anb-foto{padding:0 14px 14px 0;max-width:720px;width:100%;margin:0 auto}
  .anb-img{min-height:0;aspect-ratio:16/10}
  .anb-txt{max-width:720px;width:100%;margin:0 auto}
  .anb-inc{grid-template-columns:1fr 1fr;max-width:none}
  .anb-btns{grid-template-columns:auto auto;max-width:none}
}
@media (max-width:760px){
  .anb{padding:0 0 60px}
  .anb-in{gap:0}
  .anb-foto{padding:0;max-width:none}.anb-marco{display:none}
  .anb-img{aspect-ratio:4/3}
  .anb-txt{padding:32px 20px 0}
  .anb-k{font-size:.55rem;letter-spacing:.28em}
  .anb-t{font-size:1.8rem;margin-top:12px}
  .anb-f{font-size:.8rem;gap:10px}.anb-f b{font-size:.76rem}
  .anb-sep{margin:20px 0 16px}
  .anb-inc{grid-template-columns:1fr 1fr;gap:12px 14px}
  .anb-inc li{font-size:.74rem;gap:8px}.ic-i{width:26px;height:26px;padding:5.5px}
  .anb-btns{grid-template-columns:1fr;margin-top:28px}
  .anb .b1,.anb .b2{width:100%;padding:14px 12px;font-size:.66rem}
  .anb-n{text-align:center;font-size:.66rem}
}

/* ===== botones iguales a los de la web (.btn .btn-primary / .btn-outline.dark) ===== */
.anb .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:0;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:400;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:.3s;white-space:nowrap;min-height:0}
.anb .btn-primary{background:#ae7e4e;color:#fff;border-color:#ae7e4e}
.anb .btn-primary:hover{background:#95683f;border-color:#95683f;transform:translateY(-2px)}
.anb .btn-primary .fl{display:inline-block;transition:transform .25s ease}.anb .btn-primary:hover .fl{transform:translateX(4px)}
.anb .btn-outline.dark{background:transparent;color:#67341f;border-color:#67341f}
.anb .btn-outline.dark:hover{background:#67341f;color:#f6f1e7}
.anb .btn .wa{width:15px;height:15px}
.anb-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;max-width:none}
.anb-inc li:last-child{color:var(--oro-osc);font-weight:500}
@media (max-width:1100px){ .anb-btns{flex-direction:column;align-items:flex-start} }
@media (max-width:900px){ .anb-btns{flex-direction:row} }
@media (max-width:760px){ .anb-btns{flex-direction:column;align-items:stretch;margin-top:28px} .anb .btn{width:100%;padding:14px 20px;font-size:.8rem} }

.anb-btns{display:inline-grid;grid-template-columns:1fr;gap:12px;align-self:flex-start;margin-top:32px}
.anb-btns .btn{width:100%}
@media (max-width:1100px){ .anb-btns{display:inline-grid;grid-template-columns:1fr} }
@media (max-width:900px){ .anb-btns{grid-template-columns:auto auto} }
@media (max-width:760px){ .anb-btns{display:grid;grid-template-columns:1fr;align-self:stretch} }

/* ===== celular rediseñado ===== */
.fl-corta{display:none}
@media (max-width:760px){
  .anb{padding:60px 0 64px}
  .anb .ct{padding:0 20px}
  .anb-in{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .anb-txt{display:contents}
  .anb-k{order:1;text-align:center;font-size:.56rem;letter-spacing:.3em}
  .anb-t{order:2;text-align:center;font-size:2rem;line-height:1.12;margin-top:12px}
  .anb-f{order:3;justify-content:center;text-align:center;margin:14px 0 0;font-size:.8rem}
  .anb-f .ic-s{display:none}
  .fl-larga{display:none}.fl-corta{display:inline}
  .anb-f b{display:inline;margin:0 0 0 6px;font-size:.8rem}
  .anb-f b::before{content:'· ';color:var(--oro)}
  .anb-foto{order:4;margin:26px auto 0;padding:0;max-width:none;width:100%}
  .anb-marco{display:none}
  .anb-img{aspect-ratio:auto;height:calc(100cqw * 9 / 16)}  /* misma altura que la portada (16:9 del ancho de la pantalla), con margen a los lados */
  .anb-img::after{background:linear-gradient(180deg,rgba(16,10,6,0) 58%,rgba(16,10,6,.78))}
  .anb-cd{left:0;right:0;bottom:18px;display:flex;justify-content:center}
  .anb-cd .cd b{font-size:1.5rem}.anb-cd .cd span{font-size:.5rem}
  .anb-sep{display:none}
  .anb-st{order:5;text-align:center;margin:30px 0 14px}
  .anb-inc{order:6;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:none}
  .anb-inc li{gap:6px;padding:7px 12px 7px 8px;border:1px solid rgba(201,148,48,.4);background:#fff;font-size:.74rem;line-height:1.2}
  .anb-inc .ic-i{width:18px;height:18px;padding:0;border:0;border-radius:0}
  .anb-inc li:last-child{border-style:dashed}
  .anb-btns{order:7;display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px;align-self:stretch}
  .anb .btn{width:100%;padding:14px 20px;font-size:.78rem}
  .anb-n{order:8;text-align:center;font-size:.68rem;margin-top:14px}
  .anb-img .ref{top:10px;bottom:auto;right:12px}
}

/* carrusel de actividades: solo celular */
.ax{display:none}
@media (max-width:760px){
  .anb-inc{display:none}
  .ax{display:block;order:6;margin:0 -20px}
  .ax-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 28px 2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
  .ax-track::-webkit-scrollbar{display:none}
  .ax-it{flex:0 0 100px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
  .ax-it svg,.ax-it img{width:32px;height:32px;object-fit:contain}
  .ax-it span{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);line-height:1.4}
  .ax-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}
  .ax-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(103,52,31,.25);transition:background .25s ease,transform .25s ease}
  .ax-dots button.on{background:#ae7e4e;transform:scale(1.3)}
  .anb-st{margin-bottom:20px}
}

/* carrusel igual al de la web en celular: 3 visibles, avanza de a uno, un punto por actividad */
@media (max-width:760px){
  .ax{margin:0 -12px}
  .ax-track{gap:22px;padding:4px 8px 2px;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}
  .ax-it{flex:0 0 calc((100% - 44px) / 3);scroll-snap-align:start;gap:14px}
  .ax-it svg,.ax-it img{width:32px;height:32px}
  .ax-it span{font-size:.74rem;letter-spacing:.05em}
  .ax-dots{margin-top:30px}
}

/* ===== tamaño intermedio (laptop chica / tablet, 761 a 1100 px): como en celular pero más amplio ===== */
@media (min-width:761px) and (max-width:1100px){
  .anb{padding:84px 0}
  .anb-in{display:flex;flex-direction:column;align-items:center;gap:0}
  .anb-txt{display:contents}
  .anb-k{order:1;text-align:center}
  .anb-t{order:2;text-align:center;font-size:2.45rem;margin-top:14px}
  .anb-f{order:3;justify-content:center;text-align:left;margin-top:18px}
  .anb-sep{display:none}
  .anb-foto{order:4;margin:34px 0 0;padding:0;width:100%;max-width:none;display:block}
  .anb-marco{display:none}
  .anb-img{flex:none;min-height:0;aspect-ratio:16/9}
  .anb-st{order:5;text-align:center;margin:38px 0 18px}
  .anb-inc{order:6;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:16px 38px}
  .anb-inc li{white-space:nowrap}
  .anb-btns{order:7;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center;gap:14px;margin-top:36px}
  .anb-btns .btn{width:auto}
}

/* carrusel con movimiento automático (como la web) */
@media (max-width:760px){
  .ax-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);padding:0 28px}
  .ax-track{overflow:visible!important;scroll-snap-type:none!important;padding:4px 0 2px!important;-webkit-mask-image:none!important;mask-image:none!important;transition:transform 1s cubic-bezier(.16,.8,.24,1);will-change:transform;gap:22px}
  .ax-it{flex:0 0 calc((100cqw - 56px - 44px) / 3)!important}
}

/* ===== actividades como carrusel también en computadora y tablet (mismo estilo que el celular y la web) ===== */
@media (min-width:761px){
  .anb-inc{display:none!important}
  .ax{display:block;margin:4px 0 0;max-width:100%}
  .ax-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}
  .ax-track{display:flex;gap:24px;padding:6px 0 2px;transition:transform 1s cubic-bezier(.16,.8,.24,1);will-change:transform}
  .ax-it{flex:0 0 calc((100% - 72px) / 4);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
  .ax-it svg{width:38px;height:38px}
  .ax-it span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);line-height:1.4}
  .ax-dots{display:flex;justify-content:flex-start;gap:8px;margin-top:22px}
  .ax-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(103,52,31,.25);cursor:pointer;transition:background .25s ease,transform .25s ease}
  .ax-dots button.on{background:#ae7e4e;transform:scale(1.3)}
}
@media (min-width:761px) and (max-width:1100px){
  .ax{order:6;width:100%;max-width:640px;margin:0 auto}
  .ax-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
  .ax-it{flex-basis:calc((100% - 96px) / 5)}
  .ax-dots{justify-content:center}
}

/* espacio arriba y abajo igual al de "Dónde quieres quedarte" (110 px) */
@media (min-width:1101px){ .anb{padding:110px 0} }

/* fecha en una sola línea y foto que acompaña el alto del texto (computadora) */
@media (min-width:761px){
  .anb-f{align-items:center}
  .anb-f .ic-s{margin-top:0}
  .anb-f b{display:inline;margin:0 0 0 4px}
  .anb-f b::before{content:'· ';color:var(--oro)}
}
@media (min-width:1101px){
  .anb-in{align-items:center}
  .anb-foto{display:block}
  .anb-in{grid-template-columns:496px minmax(0,1fr);justify-content:stretch;gap:clamp(56px,7vw,110px)}
  .anb-foto{width:100%;max-width:496px}
  .anb-img{flex:none;min-height:0;aspect-ratio:1/1;max-height:none;width:100%}
}

/* computadora: sin marco, botones lado a lado y foto que acompaña el alto del texto (menos cuadrada) */
@media (min-width:1101px){
  .anb-in{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(44px,4.5vw,64px);align-items:stretch}
  .anb-marco{display:none}
  .anb-foto{display:flex;padding:0;max-width:none}
  .anb-img{flex:1;aspect-ratio:auto;min-height:0;height:auto}
  .anb-btns{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;align-self:flex-start}
  .anb-btns .btn{width:auto;padding:14px 22px}
}

/* íconos finales dentro del círculo (escritorio) */
.ic-b{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(201,148,48,.45);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.ic-f{width:22px;height:22px;display:block}
@media (max-width:760px){.anb-inc .ic-b{width:22px;height:22px;border:0;background:none}.anb-inc .ic-f{width:18px;height:18px}}
.ax-it svg{width:32px;height:32px}

.anb-t{font-size:clamp(1.9rem,3.2vw,2.75rem)}
@media (max-width:760px){ .anb .ct{padding:0 20px} .anb-t{font-size:1.75rem} .anb-k{font-size:.72rem} .anb .cd{gap:14px} .anb .cd b{font-size:1.45rem} .anb .cd i{height:22px} }

/* actividades del carrusel: los nombres largos van en 2 líneas parejas ("JUEGOS DE / FERIA") para que el espacio entre una y otra se vea igual */
.ax-it span{max-width:7.6em;text-wrap:balance}
/* computadora: 5 actividades a la vista (con 4 quedaban muy separadas) */
@media (min-width:1101px){ .ax-it{flex-basis:calc((100% - 96px) / 5)} .ax-wrap{-webkit-mask-image:none;mask-image:none} }
/* ícono de WhatsApp del botón: mismo color que el texto del botón (sin esto salía negro) */
.anb .wa{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
/* "Foto referencial" sobre la foto de fuegos */
.anb-img.anb-rota img{opacity:0;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,.8,.24,1)}
.anb-img.anb-rota img.ver{opacity:1}
.anb-img::after{background:linear-gradient(180deg,rgba(16,10,6,0) 40%,rgba(16,10,6,.85))!important}
.anb-cd .cd span{font-size:.62rem!important}
.anb-img .ref{transition:opacity .6s ease}
.anb-img .ref{position:absolute;right:16px;bottom:12px;z-index:3;font-size:.62rem;letter-spacing:.08em;color:rgba(255,255,255,.7)}

/* ===== barra delgada de aviso de Año Nuevo, encima del menú ===== */
.aviso{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:center;gap:18px;height:38px;padding:0 48px;background:#1d1512;color:#f3e6cc;font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.08em}
.av-t b{font-weight:500;color:#E8C77E;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}
.av-sep{margin:0 10px;color:rgba(232,199,126,.6)}
.av-l{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.av-c{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:rgba(255,255,255,.6);font-size:1rem;line-height:1;cursor:pointer}
body.con-aviso .nav{top:38px}
@media (max-width:900px){
  .aviso{position:relative;justify-content:flex-start;padding:0 40px 0 16px;gap:12px;font-size:.66rem}
  .av-x,.av-sep{display:none}
  body.con-aviso .nav{top:0}
}
/* páginas internas en computadora: la barra baja el menú 38px; la cabecera crece lo mismo para que el texto no se pegue al logo */
@media (min-width:901px){
  body.con-aviso:not(.kp-paquete) .rs-hero,body.con-aviso:not(.kp-paquete) .ph-hero{padding-top:144px;height:calc(46vh + 38px);min-height:338px}
}
/* dentro del paquete no se muestra: ya estás ahí */
body.kp-paquete .aviso{display:none}
body.kp-paquete.con-aviso .nav{top:0}

/* "Año Nuevo" en el menú */
.nav ul a.nav-an{color:#F2D597}
.nav.solid ul a.nav-an{color:#ae7e4e}
.mobile-menu a.nav-an{color:#fff4dc}
/* con un ítem más en el menú, en pantallas medianas se junta un poco para no chocar con el logo ni con Reservar */
.nav ul a{white-space:nowrap}
@media (min-width:901px) and (max-width:1180px){ .nav ul{gap:16px} .nav ul a{font-size:12.5px;letter-spacing:.03em} }

/* ===== pop-up de Año Nuevo · tarjeta vertical ===== */
.pan{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(29,21,18,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .35s ease;font-family:'Montserrat',sans-serif}
.pan[hidden]{display:none}
.pan.ver{opacity:1}
.pan-caja{position:relative;display:flex;flex-direction:column;width:min(420px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:none;background:#fbf9f3;box-shadow:0 30px 80px rgba(20,12,8,.45);transform:translateY(24px) scale(.98);transition:transform .55s cubic-bezier(.16,.8,.24,1)}
.pan-caja::-webkit-scrollbar{display:none}
.pan.ver .pan-caja{transform:none}
/* cerrar: círculo oscuro sobre la foto */
.pan-x{position:absolute;top:12px;right:12px;z-index:4;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(20,12,8,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s ease}
.pan-x svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round}
.pan-x:hover{background:rgba(20,12,8,.75)}
.pan-x:focus{outline:none}
.pan-x:focus-visible{outline:1.5px solid rgba(255,255,255,.8);outline-offset:2px}
/* foto con la cuenta regresiva */
.pan-foto{position:relative;flex:0 0 auto;aspect-ratio:4/3;overflow:hidden;background:#140d09}
.pan-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.pan-foto img.ok{opacity:1}
.pan-foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,10,6,.15) 0%,rgba(16,10,6,0) 30%,rgba(16,10,6,.15) 55%,rgba(16,10,6,.82) 100%)}
.pan-ref{position:absolute;top:14px;left:16px;z-index:3;font-size:.56rem;letter-spacing:.08em;color:rgba(255,255,255,.72);pointer-events:none}
.pan-cd{position:absolute;left:0;right:0;bottom:22px;z-index:2;display:flex;align-items:center;justify-content:center;gap:22px}
.pan-cd div{display:flex;flex-direction:column;align-items:center;min-width:52px}
.pan-cd b{font-family:'Montserrat',sans-serif;font-weight:300;font-size:2.3rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pan-cd span{margin-top:8px;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.pan-cd b,.pan-cd span{text-shadow:0 1px 8px rgba(0,0,0,.55)}
.pan-cd i{width:1px;height:34px;background:linear-gradient(transparent,rgba(255,255,255,.5),transparent)}
/* texto */
.pan-txt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 34px 24px}
.pan-k{font-size:.58rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#905F14}
.pan-t{margin:12px 0 0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:1.75rem;line-height:1.12;letter-spacing:.06em;text-transform:uppercase;color:#67341f}
.pan-t em{font-style:normal;color:transparent;background:linear-gradient(180deg,#C99430 0%,#D8AD55 45%,#A06A17 100%);-webkit-background-clip:text;background-clip:text}
.pan-sep{display:block;width:36px;height:1px;margin:18px 0 0;background:#C99430}
.pan-f{margin:16px 0 0;font-size:.8rem;font-weight:300;line-height:1.65;color:#6b5548}
.pan-f b{font-weight:500;letter-spacing:.04em;color:#67341f}
.pan-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:24px;padding:14px 20px;background:#ae7e4e;color:#fff;text-decoration:none;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;transition:background .25s ease}
.pan-btn .fl{display:inline-block;transition:transform .25s ease}
.pan-btn:hover,.pan-btn:focus-visible{background:#95683f}
.pan-btn:hover .fl{transform:translateX(4px)}
.pan-btn:focus-visible{outline:2px solid #67341f;outline-offset:3px}
.pan-no{margin-top:12px;padding:8px 12px;border:0;background:none;font-family:'Montserrat',sans-serif;font-size:.7rem;letter-spacing:.06em;color:#8a7869;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pan-no:hover{color:#67341f}
body.pan-abierto{overflow:hidden}
/* pantallas bajitas (laptops con poca altura): la foto se hace más ancha que alta para que todo entre */
@media (max-height:760px) and (min-width:761px){
  .pan-foto{aspect-ratio:16/10}
  .pan-txt{padding:24px 32px 18px}
  .pan-t{font-size:1.55rem}
  .pan-btn{margin-top:18px}
}
/* celular: tarjeta al centro con margen */
@media (max-width:760px){
  .pan{padding:16px}
  .pan-caja{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
  .pan-x{width:40px;height:40px;top:10px;right:10px}
  .pan-foto{aspect-ratio:16/11}
  .pan-cd{bottom:16px;gap:16px}
  .pan-cd div{min-width:44px}
  .pan-cd b{font-size:1.8rem}
  .pan-cd i{height:28px}
  .pan-txt{padding:22px 22px 16px}
  .pan-t{font-size:1.45rem}
  .pan-sep{margin-top:14px}
  .pan-f{margin-top:12px;font-size:.76rem}
  .pan-btn{margin-top:18px;min-height:48px}
  .pan-no{margin-top:6px}
}
@media (max-width:360px){
  .pan-t{font-size:1.28rem}
  .pan-cd b{font-size:1.55rem}
  .pan-cd{gap:12px}
}
/* celular de lado: foto a la izquierda y texto a la derecha */
@media (max-height:520px) and (orientation:landscape){
  .pan{padding:12px}
  .pan-caja{flex-direction:row;width:min(640px,100%);max-height:calc(100vh - 24px)}
  .pan-foto{flex:0 0 42%;aspect-ratio:auto}
  .pan-txt{flex:1;justify-content:center;padding:18px 22px}
  .pan-t{font-size:1.25rem}
  .pan-sep,.pan-ref{display:none}
  .pan-cd{bottom:12px;gap:10px}.pan-cd b{font-size:1.3rem}.pan-cd div{min-width:34px}.pan-cd i{height:20px}
  .pan-btn{margin-top:14px;min-height:42px}
}
@media (prefers-reduced-motion:reduce){ .pan,.pan-caja,.pan-foto img{transition:none} }