/* Portada de expectativa de Vive Salsa. Móvil primero; desde 901 px, escritorio.
   Sin estilos en línea ni scripts en línea: la CSP del sitio no los permite. */
body.inicio{margin:0;background:#12060D;color:#F6EADF;font:17px/1.5 "Karla",system-ui,sans-serif}
.ini{overflow-x:hidden}
.ini *{box-sizing:border-box}
.ini a{color:#D9A441;text-decoration:none}
.ini a:hover{color:#F2604C}
.ini a[href^="mailto:"]{text-decoration:underline;text-underline-offset:3px}
.ini a:focus-visible{outline:3px solid #F2A03D;outline-offset:3px}
.ini h1,.ini h2,.ini p{margin:0;letter-spacing:normal}
.ini img{display:block;max-width:100%;height:auto}
.ini .bs{font-family:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-weight:900;line-height:.9}
.ini .it{font-family:"Bodoni Moda",Didot,Georgia,serif;font-style:italic;font-weight:400}
.ini .rot{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.24em}
.ini .hero a:focus-visible,.ini .datos a:focus-visible{outline-color:#25101A}
.ini main{padding:0}
.ini .wrap{max-width:1280px;margin:0 auto}
/* barra de clave 3-2 */
.ini .clave{display:flex;gap:2px;padding:0 2px;height:6px;background:#12060D}
.ini .clave i{flex:1;background:#48283A}
.ini .clave .k-a{background:#F2A03D}.ini .clave .k-r{background:#EF4136}.ini .clave .k-t{background:#37A8A0}.ini .clave .k-p{background:#E8559A}.ini .clave .k-l{background:#D9A441}
/* encabezado */
.ini .hero-nav a{color:#25101A;font-size:13px;display:inline-flex;align-items:center;min-height:44px}
.con-js .ini .cd{visibility:visible}
.ini .btn{display:inline-block;background:#B02318;color:#FFF3EA;font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:22px;padding:17px 40px;border:2px solid #B02318;margin-top:4px}
.ini .btn:hover{background:#25101A;border-color:#25101A;color:#FFF3EA}
.ini .banner{width:100%;height:200px;object-fit:cover;object-position:center}
/* marquesina */
.ini .marq{background:#F2A03D;color:#1C0A14;overflow:hidden;height:48px;display:flex;align-items:center;border-top:2px solid #12060D;border-bottom:2px solid #12060D}
.ini .cinta{display:flex;width:max-content;animation:correr 32s linear infinite}
.ini .cinta span{font-size:17px;font-weight:800;letter-spacing:.1em;padding:0 30px;white-space:nowrap}
@keyframes correr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* expectativa */
.ini .expec{position:relative;overflow:hidden;background:#1C0A14;padding:52px 20px;text-align:center}
.ini .rueda{position:absolute;left:50%;top:-120px;width:1050px;height:1050px;margin-left:-525px;opacity:.2}
.ini .rueda svg{display:block;width:100%;height:100%}
.ini .gira{animation:girar 70s linear infinite;transform-origin:50% 50%}
@keyframes girar{to{transform:rotate(360deg)}}
.ini .expec-in{position:relative;max-width:1280px;margin:0 auto}
.ini .pronto{font-size:15px;color:#F2A03D}
.ini .num{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-top:14px;transform:rotate(-3deg)}
.ini .num b{font-size:150px;line-height:.8}
.ini .n27{color:#F2A03D}
.ini .n11{color:#1C0A14;-webkit-text-stroke:3px #F7EFE4}
.ini .sticker{position:absolute;left:24px;top:105px;transform:rotate(-7deg)}
.ini .golpe{background:#37A8A0;color:#1C0A14;font-size:26px;font-weight:800;padding:10px 16px 8px;letter-spacing:.02em;animation:golpe 5.05s linear infinite;transform-origin:50% 50%}
@keyframes golpe{0%{transform:scale(1.08)}4%{transform:scale(1)}18.6%{transform:scale(1)}18.75%{transform:scale(1.08)}22.75%{transform:scale(1)}37.4%{transform:scale(1)}37.5%{transform:scale(1.08)}41.5%{transform:scale(1)}62.4%{transform:scale(1)}62.5%{transform:scale(1.08)}66.5%{transform:scale(1)}74.9%{transform:scale(1)}75%{transform:scale(1.08)}79%{transform:scale(1)}100%{transform:scale(1)}}
.ini .frase{font-size:40px;line-height:1.05;color:#F6EADF;margin-top:40px}
.ini .txt{font-size:17px;line-height:1.55;color:#D8BFB4;max-width:52ch;margin:16px auto 0}
/* afiches: rectángulo áureo (0.618 / 0.382) */
.ini .afiches{background:#12060D;padding:56px 20px}
.ini .eyebrow{font-size:14px}
.ini .eb-t{color:#37A8A0}
.ini .eb-o{color:#A34B10}
.ini .h2{font-size:42px;margin:14px 0 26px;font-weight:800;color:#F6EADF}
.ini .mosaico{display:grid;grid-template-columns:61.8fr 38.2fr;gap:12px}
.ini .tile-i{position:relative;overflow:hidden;border:2px solid #6B3A2A;background:#1C0A14;min-height:0}
.ini .tile-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ini .ti-a{grid-column:1 / -1;aspect-ratio:1 / 1}
.ini .ti-a img{object-position:center 88%}
.ini .ti-b{aspect-ratio:1 / 1}
.ini .ti-c img{object-position:50% 30%}
/* datos */
.ini .datos{background:#F7EFE4;color:#25101A;padding:56px 20px}
.ini .h2-o{color:#25101A;margin-bottom:28px}
.ini .datos-g{display:grid;grid-template-columns:1fr;gap:2px;background:#DFCBB9;border:1px solid #DFCBB9}
.ini .guia-ir{margin:28px 0 0;text-align:center}
.evento-paso .ini .guia-ir,.evento-paso .ini .guia-hero{display:none}
.ini .dato{background:#FFFFFF;padding:24px;display:flex;flex-direction:column;gap:10px}
.ini .dato .rot{font-size:13px;color:#A34B10}
.ini .dato-v{font-size:30px;font-weight:800;color:#25101A;line-height:.98}
.ini .dato p{font-size:16px;line-height:1.5;color:#5B3B47}
.ini .dato-fecha{background:#1C0A14}
.ini .dato-fecha .rot{color:#F2A03D}
.ini .dato-fecha .dato-v{color:#F6EADF}
.ini .dato-fecha p{color:#D8BFB4}
.ini .dato-entradas{background:#F2A03D}
.ini .dato-entradas .rot,.ini .dato-entradas .dato-v{color:#1C0A14}
.ini .dato-entradas p{color:#25101A}
/* redes */
.ini .redes{position:relative;overflow:hidden;background:#2A1220;padding:56px 20px}
.ini .redes .wrap{position:relative}
.ini .sub{font-size:21px;color:#F2A03D;margin:14px 0 24px}
.ini .redes-g{display:grid;grid-template-columns:1fr;gap:16px}
.ini .tile{display:block;border:2px solid #6B3A2A;background:rgba(242,160,61,.07);padding:26px 28px;color:#F6EADF}
.ini .tile:hover{border-color:#F2A03D;background:rgba(242,160,61,.16);color:#F6EADF}
.ini .tile .bs{font-size:40px;font-weight:800}
.ini .tile p{font-size:18px;color:#F2A03D;margin-top:8px}
.ini .consulta{margin-top:30px;font-size:18px;color:#D8BFB4}
/* pie: enlaces legales pequeños al final */
.ini .franja{height:16px;background-color:#12060D;background-image:repeating-linear-gradient(135deg,#EF4136 0 8px,transparent 8px 16px),repeating-linear-gradient(45deg,#37A8A0 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#F2A03D 0 2px,transparent 2px 11px)}
.ini .pie{background:#12060D;border:0;padding:36px 20px;display:flex;flex-direction:column;gap:20px;font-size:14px;color:#9A7B87}
.ini .pie-n{font-size:28px;font-weight:800;color:#F6EADF}
.ini .pie-c{margin-top:8px}
.ini .pie-l{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:#9A7B87}
.ini .pie-l a{color:#D8BFB4;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:28px}
.ini .pie-l a:hover{color:#F2A03D}
.con-js .ini .rev{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
.con-js .ini .rev.ve{opacity:1;transform:none}
.con-js .ini .rev:nth-child(2){transition-delay:.12s}
.con-js .ini .rev:nth-child(3){transition-delay:.24s}
.con-js .ini .rev:nth-child(4){transition-delay:.36s}
.ini .tile{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.ini .tile:hover{transform:translateY(-3px)}
@media (min-width:901px){
  .ini .btn{margin-top:6px}
  .ini .banner{height:clamp(300px,38vw,548px)}
  .ini .marq{height:56px}
  .ini .cinta span{font-size:20px}
  .ini .expec{padding:64px 80px}
  .ini .rueda{top:-180px;width:1000px;height:1000px;margin-left:-500px}
  .ini .pronto{font-size:18px}
  .ini .num{gap:40px;margin-top:18px}
  .ini .num b{font-size:260px}
  .ini .n11{-webkit-text-stroke:4px #F7EFE4}
  .ini .sticker{left:max(24px,calc(50% - 390px));top:185px}
  .ini .golpe{font-size:46px;padding:16px 26px 12px}
  .ini .frase{font-size:60px;margin-top:34px}
  .ini .txt{font-size:19px}
  .ini .afiches{padding:80px 80px 88px}
  .ini .h2{font-size:68px;margin:14px 0 49px}
  .ini .mosaico{gap:16px;grid-template-rows:auto minmax(0,1fr)}
  .ini .ti-b{align-self:start}
  .ini .ti-a{grid-column:1;grid-row:1 / span 2}
  .ini .ti-c{grid-column:2;grid-row:2}
  .ini .ti-c img{object-position:50% 22%}
  .ini .datos{padding:76px 80px 80px}
  .ini .h2-o{margin-bottom:40px}
  .ini .datos-g{grid-template-columns:1.618fr 1fr 1fr 1fr}
  .evento-hoy .ini .datos-g,.evento-paso .ini .datos-g{grid-template-columns:1.618fr 1fr 1fr}
  .ini .dato-fecha .dato-v{font-size:44px}
  .ini .dato{padding:30px 26px}
  .ini .dato-v{font-size:34px}
  .ini .dato p{font-size:17px}
  .ini .redes{padding:76px 80px 72px}
  .ini .sub{font-size:26px;margin-bottom:34px}
  .ini .redes-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ini .tile .bs{font-size:46px}
  .ini .pie{flex-direction:row;justify-content:space-between;align-items:center;padding:44px max(80px,calc((100% - 1280px) / 2))}
}
@media (min-width:1280px){
  .ini .num b{font-size:340px}
  .ini .sticker{top:245px}
}
.ini .v-hoy,.ini .v-paso{display:none}
.evento-hoy .ini .v-antes,.evento-paso .ini .v-antes{display:none}
.evento-hoy .ini .v-hoy,.evento-paso .ini .v-paso{display:block}
.evento-hoy .ini .cd,.evento-paso .ini .cd{display:none}
.evento-hoy .ini .fin-hoy,.evento-paso .ini .fin-paso{display:block}
@media (prefers-reduced-motion:reduce){.ini .gira,.ini .golpe,.ini .cinta{animation:none}.con-js .ini .rev{opacity:1;transform:none;transition:none}.ini .tile,.ini .tile:hover{transition:none;transform:none}}
.ini .conf{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 22% 40%,#4A1A2C 0%,#2A1220 45%,#12060D 100%);padding:64px 20px 72px}
.ini .conf-g{position:relative;display:grid;grid-template-columns:1fr;gap:44px;align-items:center}
.ini .conf-af{position:relative;max-width:360px;width:100%;margin:0 auto;padding:18px 0}
.ini .conf-rueda{position:absolute;left:50%;top:50%;width:190%;height:auto;margin-left:-95%;transform:translateY(-50%);opacity:.16;pointer-events:none}
.ini .conf-marco{position:relative;overflow:hidden;border:3px solid #F6EADF;box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 0 1px #6B3A2A;transform:rotate(-2.5deg)}
.ini .conf-marco img{display:block;width:100%;height:auto}
.ini .conf-brillo{position:absolute;inset:-20% auto -20% -60%;width:40%;background:linear-gradient(100deg,rgba(255,243,234,0) 0%,rgba(255,243,234,.42) 50%,rgba(255,243,234,0) 100%);transform:skewX(-18deg);animation:brillo 6.5s ease-in-out 1.6s infinite}
@keyframes brillo{0%{left:-60%}22%{left:130%}100%{left:130%}}
.ini .conf-sello{position:absolute;right:-14px;top:6px;width:118px;height:118px;border-radius:50%;background:#EF4136;color:#FFF3EA;display:flex;align-items:center;justify-content:center;text-align:center;border:3px dashed #FFF3EA;outline:6px solid #EF4136;transform:rotate(14deg);box-shadow:0 12px 26px rgba(0,0,0,.45)}
.ini .conf-sello span{font-size:19px;font-weight:800;line-height:1;letter-spacing:.02em;padding:0 10px}
.con-js .ini .conf-af .conf-marco{transform:perspective(1000px) rotateY(-32deg) rotate(-6deg) translateY(36px) scale(.92);opacity:.2;transition:transform 1.3s cubic-bezier(.2,.85,.25,1),opacity .9s ease}
.con-js .ini .conf-af.ve .conf-marco{transform:rotate(-2.5deg);opacity:1}
.con-js .ini .conf-af .conf-sello{transform:rotate(14deg) scale(2.6);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1) 1.05s,opacity .2s ease 1.05s}
.con-js .ini .conf-af.ve .conf-sello{transform:rotate(14deg) scale(1);opacity:1}
.ini .conf-t{max-width:400px;width:100%;margin:0 auto}
.ini .conf-eb{display:flex;align-items:center;gap:10px;color:#F2A03D}
.ini .conf-pt{width:10px;height:10px;border-radius:50%;background:#EF4136;box-shadow:0 0 0 0 rgba(239,65,54,.7);animation:latido 1.6s ease-out infinite}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(239,65,54,.7)}70%{box-shadow:0 0 0 12px rgba(239,65,54,0)}100%{box-shadow:0 0 0 0 rgba(239,65,54,0)}}
.ini .conf-h{color:#F6EADF;margin:12px 0 14px;line-height:.92}
.ini .conf-h span{color:#F2A03D}
.ini .conf-sub{font-size:22px;color:#F2604C;margin:0 0 14px}
.ini .conf-p{font-size:17px;line-height:1.55;color:#D8BFB4;max-width:46ch;margin:0 0 26px}
.ini .conf-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0 0 30px;background:#48283A;border:1px solid #48283A}
.ini .conf-n div{background:#1C0A14;padding:14px 10px 12px;display:flex;flex-direction:column;gap:6px}
.ini .conf-n b{font-size:40px;line-height:.9;color:#F6EADF;font-weight:800;font-variant-numeric:tabular-nums}
.ini .conf-n .rot{font-size:11px;letter-spacing:.14em;color:#B39AA5;line-height:1.2}
.ini .conf-prox{display:flex;align-items:center;gap:16px;margin-top:30px;padding:16px 18px;border:1px dashed #6B3A2A;background:rgba(28,10,20,.6)}
.ini .conf-prox .rot{font-size:13px;color:#37A8A0}
.ini .conf-prox .it{font-size:18px;color:#F6EADF;margin-top:2px}
.ini a.conf-prox{text-decoration:none;color:inherit;min-height:44px}
.ini a.conf-prox:hover,.ini a.conf-prox:focus-visible{border-style:solid;border-color:#F2A03D}
.ini .conf-eq{display:flex;align-items:flex-end;gap:4px;height:34px;flex:0 0 auto}
.ini .conf-eq i{display:block;width:6px;height:100%;background:#37A8A0;transform-origin:50% 100%;animation:eq 1.1s ease-in-out infinite}
.ini .conf-eq i:nth-child(2){animation-delay:-.4s;background:#F2A03D}.ini .conf-eq i:nth-child(3){animation-delay:-.75s;background:#EF4136}.ini .conf-eq i:nth-child(4){animation-delay:-.2s;background:#F2A03D}.ini .conf-eq i:nth-child(5){animation-delay:-.6s}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.ini .conf a:focus-visible{outline-color:#F2A03D}
.ini .conf-b{background:radial-gradient(120% 90% at 78% 40%,#123A3A 0%,#1C1A24 45%,#12060D 100%)}
.ini .conf-b .conf-h span{color:#37A8A0}
@media (min-width:901px){.ini .conf-esp .conf-af{order:2}.ini .conf{padding:96px 80px 104px}.ini .conf-g{grid-template-columns:1fr 1.2fr;gap:88px}.ini .conf-af{max-width:430px}.ini .conf-t{max-width:none;margin:0}.ini .conf-p{font-size:19px}.ini .conf-sub{font-size:27px}.ini .conf-n b{font-size:54px}.ini .conf-sello{width:150px;height:150px;right:-34px;top:-4px}.ini .conf-sello span{font-size:24px}}
@media (prefers-reduced-motion:reduce){.ini .conf-brillo,.ini .conf-pt,.ini .conf-eq i{animation:none}.con-js .ini .conf-af .conf-marco,.con-js .ini .conf-af .conf-sello{transition:none}.con-js .ini .conf-af .conf-marco{transform:rotate(-2.5deg);opacity:1}.con-js .ini .conf-af .conf-sello{transform:rotate(14deg);opacity:1}.ini .conf-eq i{transform:scaleY(.6)}}

/* v1.5.0 · cartel de orquestas y DJs (George 8-oct). Espejo y color van aparte: .conf-esp pone el afiche a la derecha. */
.ini .conf-r{background:radial-gradient(120% 90% at 78% 40%,#4A1A24 0%,#2A1220 45%,#12060D 100%)}
.ini .conf-r .conf-h span{color:#F2604C}
.ini .conf-r .conf-sub{color:#F2A03D}
.ini .conf-s{background:radial-gradient(120% 90% at 78% 40%,#4A1418 0%,#2A1220 45%,#12060D 100%)}
.ini .conf-s .conf-h span{color:#EF4136}
.ini .cartel{background:#F7EFE4;color:#25101A;padding:56px 20px}
.ini .cartel .h2{color:#25101A;margin-bottom:28px}
.ini .cartel-g{display:grid;grid-template-columns:1fr;gap:2px;background:#DFCBB9;border:1px solid #DFCBB9}
.ini .cartel-c{background:#1C0A14;padding:26px 24px 28px}
.ini .cartel-c+.cartel-c{background:#F2A03D}
.ini .cartel-c .rot{font-size:13px;color:#F2A03D;margin-bottom:14px}
.ini .cartel-c+.cartel-c .rot{color:#1C0A14}
.ini .cartel-c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ini .cartel-c li{font-size:34px;font-weight:800;line-height:1;color:#F6EADF;overflow-wrap:anywhere}
.ini .cartel-c+.cartel-c li{color:#1C0A14}
.ini .cartel-c.cartel-pista{background:#37A8A0}
.ini .cartel-pista ul{gap:14px}
.ini .cartel-pista li .bs{display:block}
.ini .cartel-q{display:block;font-size:15px;font-weight:600;letter-spacing:.02em;margin-top:4px;color:#1C0A14}
@media (min-width:901px){.ini .cartel{padding:76px 80px 80px}.ini .cartel .h2{margin-bottom:40px}.ini .cartel-g{grid-template-columns:1fr 1fr}.ini .cartel-pista{grid-column:1/-1}.ini .cartel-pista ul{flex-direction:row;flex-wrap:wrap;gap:20px 72px}.ini .cartel-c{padding:34px 36px 38px}.ini .cartel-c li{font-size:48px}}

/* v1.5.1 · quienes hacen posible la noche (George 8-oct): sede, producción y diseño, patrocinadores. Logos a una tinta crema. */
.ini .aliados{background:#12060D;padding:56px 20px 64px;border-top:1px solid #2A1220}
.ini .aliados .h2{color:#F6EADF;margin-bottom:30px}
.ini .aliados-g{display:grid;grid-template-columns:1fr;gap:2px;background:#2A1220;border:1px solid #2A1220}
.ini .aliado{background:#1C0A14;padding:22px 20px 26px;display:flex;flex-direction:column;gap:18px}
.ini .aliado .rot{font-size:13px;color:#F2A03D}
.ini .aliado ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:22px 34px}
.ini .aliado img{display:block;max-width:100%;height:auto;opacity:.92}
@media (min-width:901px){.ini .aliados{padding:80px 80px 88px}.ini .aliados .h2{margin-bottom:40px}.ini .aliados-g{grid-template-columns:1fr 1.4fr}.ini .aliado:last-child{grid-column:1/-1}.ini .aliado{padding:30px 32px 34px}.ini .aliado ul{gap:24px 40px;min-height:96px}}
@media (min-width:1200px){.ini .aliados-g{grid-template-columns:.9fr 1.2fr 1.9fr}.ini .aliado:last-child{grid-column:auto}}
/* v1.8.0 — preventa en SalsaTik (George 11-oct) y flyer de las dos orquestas */
.ini a.dato{text-decoration:none}
.ini .dato-st{height:28px;width:auto;vertical-align:middle;display:inline-block}
.ini .flyers{padding:56px 20px;background:#FFF3EA}
.ini .flyers .h2{color:#25101A}
.ini .flyers .flyer{max-width:560px;margin:24px auto 0;box-shadow:0 18px 40px rgba(28,10,20,.28)}
.ini .flyers .flyer img{display:block;width:100%;height:auto}
@media (min-width:901px){.ini .flyers{padding:80px}}
.ini .pv-ya{display:inline}   /* la venta abrió el 13-oct y no vuelve atrás: sin depender del reloj ni de JS (rev. 1.9.7) */
/* v1.9.10 — primer pantallazo que atrapa (George 30-oct): el cartel aprobado 07b manda y el botón de compra se ve sin bajar.
   El cartel se corta en la raya dorada bajo las orquestas (píxeles exactos, sin repintar); la franja vieja del cartel,
   con SalsaTik bajo «Patrocinan», queda fuera. Celular alto: corte 9:16. Celular bajo y tableta: corte 4:5. Pantalla ancha: 4:5 con los medallones, en dos columnas. */
.ini .hero{background:#171210;color:#F6EEDC}
.ini .hero-in{display:flex;flex-direction:column;min-height:calc(100vh - 6px);min-height:calc(100svh - 6px)}
.ini .hero-nav{display:flex;gap:clamp(12px,4.4vw,22px);justify-content:center;background:#171210}
.ini .hero-nav a:hover{color:#F3CB6D}
.ini .hero-nav a{color:#F6EEDC}
.ini .hero-nav .nav-guia{color:#F3CB6D;box-shadow:inset 0 -2px 0 #F3CB6D}
.ini .hero-art{display:block;flex:none}
.ini .hero-cartel{width:100%;height:auto}
.ini .hero-txt{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:clamp(3px,.8vh,8px);padding:0 16px 8px;text-align:center}
.ini .hero a:focus-visible{outline-color:#F3CB6D}
/* el botón: etiqueta pegada sobre la raya del cartel */
.ini .preventa{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:640px;margin:-12px auto 0;padding:clamp(6px,1vh,10px) 14px clamp(5px,.8vh,8px);background:#F3CB6D;color:#171210;text-decoration:none;border:2px solid #171210;box-shadow:0 0 0 2px #F3CB6D;transform:rotate(-1.2deg);animation:latido 2.5s ease-in-out infinite}
.ini .preventa:hover{background:#FFFFFF;color:#171210}
.ini .preventa .pv-f{font-size:clamp(30px,9.4vw,38px);line-height:1;font-weight:900;text-transform:uppercase}
.ini .preventa .pv-en{display:flex;align-items:center;justify-content:center;gap:7px;font-size:17px;line-height:1}
.ini .preventa .pv-r{font-size:13px;color:#171210}
.ini .preventa img{height:clamp(20px,2.6vh,28px);width:auto}
@keyframes latido{0%,100%{transform:rotate(-1.2deg) scale(1)}12%{transform:rotate(-1.2deg) scale(1.025)}24%{transform:rotate(-1.2deg) scale(1)}}
.ini .hero-precio{font-size:clamp(14px,4vw,16px);line-height:1.25;color:#F6EEDC}
.ini .hero-precio b{color:#F3CB6D;font-weight:700}
.ini .h1{font-size:clamp(22px,6.75vw,44px);line-height:1;color:#F6EEDC}
.ini .h1 span{color:#EB9052}
.ini .fecha{font-size:clamp(19px,5.4vw,23px);line-height:1.15;color:#F6EEDC}
.ini .hora{font-size:clamp(13px,3.75vw,15px);line-height:1.25;color:#F6EEDC}
.ini .fin{display:none;font-size:clamp(24px,7vw,34px);color:#F3CB6D;line-height:1}
.ini .hero-pie{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:44px}
.ini .cd{display:flex;gap:6px;justify-content:center;visibility:hidden}
.ini .cd div{display:flex;align-items:baseline;gap:4px;padding:3px 8px 1px;border:1px solid #6B3A2A;background:#1C0A14}
.ini .cd b{font-size:24px;color:#F3CB6D;line-height:1.1}
.ini .cd span{font-size:11px;letter-spacing:.14em;color:#F6EEDC}
.ini .hero .guia-hero{background:none;border:0;padding:0;min-height:44px;display:inline-flex;align-items:center;font-size:15px;letter-spacing:.06em;color:#F3CB6D;text-decoration:underline;text-underline-offset:4px}
.ini .hero .guia-hero:hover{background:none;color:#FFFFFF}
.evento-hoy .ini .hero-txt,.evento-paso .ini .hero-txt{justify-content:center;gap:12px}
/* pantalla ancha: el cartel a la izquierda, la compra a la derecha */
@media (min-aspect-ratio:5/4){
  .ini .hero-in{display:grid;grid-template-columns:min(60vw,88vh) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start}
  .ini .hero-art{grid-column:1;grid-row:1 / span 2}
  .ini .hero-nav{grid-column:2;grid-row:1;padding:6px 16px 0}
  .ini .hero-txt{grid-column:2;grid-row:2;align-self:stretch;justify-content:center;gap:clamp(8px,2.2vh,20px);padding:clamp(6px,2vh,24px) clamp(16px,3.2vw,56px)}
  .ini .preventa{margin:0 auto;padding:clamp(8px,2.2vh,20px) 14px;max-width:560px}
  .ini .preventa .pv-f{font-size:clamp(28px,3.7vw,60px)}
  .ini .preventa img{height:clamp(22px,3.6vh,38px)}
  .ini .hero-precio{font-size:clamp(14px,1.35vw,20px)}
  .ini .h1{font-size:clamp(24px,3.7vw,64px)}
  .ini .h1 span{display:block}
  .ini .fecha{font-size:clamp(18px,2vw,32px)}
  .ini .hora{font-size:clamp(13px,1.2vw,18px)}
  .ini .cd b{font-size:clamp(22px,2.6vw,40px)}
}
@media (min-width:600px) and (max-aspect-ratio:5/4){.ini .h1{font-size:36px}}
@media (prefers-reduced-motion:reduce){.ini .preventa{animation:none}}