/* Pulido visual: solo estética, usa variables del tema */
::selection{background:var(--oro);color:#111}
html{scrollbar-color:var(--borde) transparent;scrollbar-width:thin}
body{letter-spacing:.005em;text-rendering:optimizeLegibility}
@keyframes rk-sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rk-brillo{0%{background-position:-150% 0}100%{background-position:250% 0}}
@keyframes rk-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:no-preference){
.hero-in>*{animation:rk-sube .7s cubic-bezier(.2,.7,.2,1) both}
.hero-in>*:nth-child(2){animation-delay:.08s}.hero-in>*:nth-child(3){animation-delay:.16s}.hero-in>*:nth-child(4){animation-delay:.24s}.hero-in>*:nth-child(5){animation-delay:.32s}
.hero-logo{animation:rk-flota 6s ease-in-out infinite}
.menu .tarjeta{animation:rk-sube .5s cubic-bezier(.2,.7,.2,1) both}
.menu .tarjeta:nth-child(2){animation-delay:.04s}.menu .tarjeta:nth-child(3){animation-delay:.08s}.menu .tarjeta:nth-child(4){animation-delay:.12s}.menu .tarjeta:nth-child(5){animation-delay:.16s}.menu .tarjeta:nth-child(6){animation-delay:.2s}.menu .tarjeta:nth-child(7){animation-delay:.24s}.menu .tarjeta:nth-child(n+8){animation-delay:.28s}
body.con-vistas .sec.activa,.sec.activa{animation:rk-sube .45s cubic-bezier(.2,.7,.2,1) both}
.tarjeta.principal{background-size:250% 100%}
}
/* portada */
.hero{border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.06)}
.hero h1{letter-spacing:.05em;text-shadow:0 2px 0 rgba(0,0,0,.5),0 6px 30px rgba(0,0,0,.75)}
.hero p{letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.hero .chips span{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.35);transition:transform .2s,background .2s,box-shadow .2s}
.hero .chips span:hover{transform:translateY(-2px);background:rgba(0,0,0,.55);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.hero-logo{border-radius:16px;box-shadow:0 10px 36px rgba(0,0,0,.55)}
.franja-dir{border-radius:14px;letter-spacing:.05em}
/* menú */
.menu{border-radius:20px;box-shadow:0 10px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}
.tarjeta{border-radius:14px;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s,box-shadow .22s}
.tarjeta:hover{transform:translateY(-4px);border-color:var(--oro);box-shadow:0 10px 24px rgba(0,0,0,.4)}
.tarjeta:active{transform:translateY(-1px) scale(.98)}
.tarjeta b{letter-spacing:.09em}
.tarjeta::before{transition:transform .25s;display:inline-block}
.tarjeta:hover::before{transform:scale(1.18) rotate(-4deg)}
/* paneles y tarjetas */
.caja,.panel,.tu-reserva,.card,.prod-bloque,.pa-bloque,.honor-card,.fo-it,.mic-it,.gal-fig{border-radius:16px;transition:transform .22s,box-shadow .22s,border-color .22s}
.caja,.panel,.prod-bloque,.pa-bloque{box-shadow:0 8px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.honor-card:hover,.fo-it:hover,.mic-it:hover,.gal-fig:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.42);border-color:color-mix(in srgb,var(--oro) 55%,var(--borde))}
.gal-fig img,.prod-foto,.fo-it img,.mic-foto{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.gal-fig:hover img,.fo-it:hover img{transform:scale(1.04)}
.gal-fig,.fo-it{overflow:hidden}
/* títulos */
.sec h2{letter-spacing:.07em}
.sec h2::after{width:84px;box-shadow:0 0 14px color-mix(in srgb,var(--oro) 60%,transparent)}
h3{letter-spacing:.03em}
/* planes */
.plan-grid .card,#plan-cards>*{padding:1.4rem 1.5rem;position:relative;overflow:hidden}
#plan-cards>*::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%);background-size:250% 100%;background-position:-150% 0;pointer-events:none}
#plan-cards>*:hover::after{animation:rk-brillo 1.1s ease}
#plan-cards ul{list-style:none;padding:0;margin:.8rem 0}
#plan-cards li{padding:.22rem 0;border-bottom:1px dashed rgba(255,255,255,.07)}
#plan-cards li:last-child{border-bottom:0}
.plan-cond ul{line-height:1.7;padding-left:1.2rem}
.plan-cond li::marker{color:var(--oro)}
/* reservar: pasos y opciones */
.wiz-n{box-shadow:0 0 0 4px rgba(255,255,255,.04);transition:transform .2s,box-shadow .2s}
.wiz-barra{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.wizard .opcion{border-radius:14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.wizard .opcion:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.wizard .opcion:has(input:checked){box-shadow:0 0 0 1px var(--oro),0 10px 26px rgba(0,0,0,.4)}
.hbtn,.hora,.cal-dia{border-radius:12px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
.hbtn:hover,.cal-dia:hover{transform:translateY(-2px)}
/* botones y campos */
.btn,.wiz-acc .btn,.wizard #enviar{border-radius:12px;letter-spacing:.08em}
.btn:active{transform:translateY(0) scale(.98)}
input,select,textarea{border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--oro);box-shadow:0 0 0 3px color-mix(in srgb,var(--oro) 28%,transparent)}
/* pie */
footer{border-radius:18px;box-shadow:0 8px 26px rgba(0,0,0,.25);color:var(--mut)}
@media(min-width:700px){footer{padding-bottom:28px!important}}
footer img{opacity:.85}
.chip-ok{box-shadow:0 0 14px rgba(34,197,94,.18)}
/* barra superior */
.top{box-shadow:0 6px 24px rgba(0,0,0,.35)}
.top nav a{letter-spacing:.12em}
/* móvil */
@media(max-width:699px){
.hero{border-radius:18px}
.menu{border-radius:18px}
.tarjeta{border-radius:13px}
.sec h2::after{width:64px}
.caja,.panel{border-radius:14px}
}

/* iconos de línea propios (reemplazan emojis) */
.menu .tarjeta[data-vista]::before{content:"";display:block;width:26px;height:26px;background:var(--oro);filter:none!important;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;font-size:0}
.menu .tarjeta[data-vista="reservar"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 10h17M8 3v4M16 3v4%22/%3E%3Cpath d=%22M8.5 14.5l2.2 2.2 4.3-4.4%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="nosotros"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h16M4 12h16M4 17h16%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%222%22 fill=%22%23000%22/%3E%3Ccircle cx=%2215%22 cy=%2212%22 r=%222%22 fill=%22%23000%22/%3E%3Ccircle cx=%228%22 cy=%2217%22 r=%222%22 fill=%22%23000%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="ficha"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224%22 width=%2217%22 height=%2216%22 rx=%222.5%22/%3E%3Ccircle cx=%229%22 cy=%229.5%22 r=%222%22/%3E%3Ccircle cx=%2215.5%22 cy=%229.5%22 r=%222%22/%3E%3Ccircle cx=%229%22 cy=%2215.5%22 r=%222%22/%3E%3Ccircle cx=%2215.5%22 cy=%2215.5%22 r=%222%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="planes"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 12.2V4.5h7.7l9.3 9.3-7.2 7.2z%22/%3E%3Ccircle cx=%228%22 cy=%229%22 r=%221.4%22 fill=%22%23000%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="galeria"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Ccircle cx=%229%22 cy=%2210%22 r=%221.8%22/%3E%3Cpath d=%22M4 18l5.5-5 4 3.5 3-2.5 4 4%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="opiniones"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.6l2.5 5.3 5.8.7-4.3 4 1.1 5.8L12 16.5l-5.1 2.9L8 13.6l-4.3-4 5.8-.7z%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="proaudix"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7.5 3v5.5c0 4.6-3.1 7.8-7.5 9.5-4.4-1.7-7.5-4.9-7.5-9.5V6z%22/%3E%3Cpath d=%22M8.7 12.2l2.3 2.3 4.3-4.5%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="contacto"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.5 4h3.3l1.6 4-2 1.3a11 11 0 005.3 5.3l1.3-2 4 1.6v3.3a2 2 0 01-2.2 2A15.8 15.8 0 013.5 6.2 2 2 0 015.5 4z%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="tienda"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1 12H6z%22/%3E%3Cpath d=%22M9 10V7a3 3 0 016 0v3%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="bandas"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%225.5%22/%3E%3Cpath d=%22M8.7 14l-1.6 6.5L12 18l4.9 2.5-1.6-6.5%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="cotizar"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3.5h9l3.5 3.5v13.5H6z%22/%3E%3Cpath d=%22M14.5 3.5V7h4M9 11.5h6.5M9 15h6.5%22/%3E%3C/svg%3E")}
.menu .tarjeta[data-vista="reglamento"]{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 6.5C10 5 7 4.5 3.8 5v13c3.2-.5 6.2 0 8.2 1.5 2-1.5 5-2 8.2-1.5V5C17 4.5 14 5 12 6.5zM12 6.5v13%22/%3E%3C/svg%3E")}
.menu .tarjeta.principal::before,.menu .tarjeta[aria-current=page]::before{background:#1a1204}

/* tipografía de marca (solo tema Rockerío) y logo como protagonista */
html[data-tema="rockerio"][lang] h1,html[data-tema="rockerio"][lang] .sec h2,html[data-tema="rockerio"][lang] .wiz-titulo,html[data-tema="rockerio"][lang] .honor-cab h3{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.06em}
html[data-tema="rockerio"][lang] .hero h1{font-size:clamp(3rem,10vw,5.2rem);letter-spacing:.07em;text-shadow:none;background:linear-gradient(180deg,#fff 30%,#f0e2bd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.7))}
html[data-tema="rockerio"][lang] .sec h2{font-size:2.5rem}
@supports(font-size-adjust:.5){html[data-tema="rockerio"][lang] .tarjeta b{font-size-adjust:.5}}
html[data-tema="rockerio"][lang] .tarjeta b{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:.95rem;letter-spacing:.06em}
/* ecualizador animado tras el título */
.hero-eq{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:54px;margin:.2rem auto 0;opacity:.9}
.hero-eq i{display:block;width:5px;height:100%;border-radius:3px;background:linear-gradient(180deg,var(--oro),color-mix(in srgb,var(--oro) 20%,transparent));transform-origin:bottom;transform:scaleY(.25);box-shadow:0 0 10px color-mix(in srgb,var(--oro) 45%,transparent)}
@media(prefers-reduced-motion:no-preference){
@keyframes rk-eq{0%,100%{transform:scaleY(.18)}50%{transform:scaleY(1)}}
.hero-eq i{animation:rk-eq 1.2s ease-in-out infinite}
.hero-eq i:nth-child(3n){animation-duration:.9s}.hero-eq i:nth-child(3n+1){animation-duration:1.5s}.hero-eq i:nth-child(4n){animation-delay:-.4s}.hero-eq i:nth-child(5n){animation-delay:-.8s}.hero-eq i:nth-child(2n){animation-delay:-.2s}
@keyframes rk-halo{0%,100%{filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)) drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)) drop-shadow(0 0 22px color-mix(in srgb,var(--oro) 55%,transparent))}}
.hero-logo{animation:rk-flota 6s ease-in-out infinite,rk-halo 4s ease-in-out infinite}
}
.hero-marca{opacity:.13!important;right:2%!important;bottom:-4%!important;height:96%!important;filter:sepia(1) saturate(2.5) brightness(.9) hue-rotate(-8deg) drop-shadow(0 0 30px rgba(0,0,0,.6))!important;transform:translateY(var(--par,0px));will-change:transform}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 60%,transparent 30%,rgba(0,0,0,.55) 100%)}
/* calavera como sello en títulos y marca de agua en el pie */
.sec h2::before{content:"";display:inline-block;width:.8em;height:.95em;margin-right:.45em;vertical-align:-.08em;background:var(--oro);-webkit-mask:url(../assets/marcas/calavera.png) center/contain no-repeat;mask:url(../assets/marcas/calavera.png) center/contain no-repeat;opacity:.9}
footer{position:relative;overflow:hidden}
footer img{height:44px!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
.top .marca img,.marca img{transition:transform .25s,filter .25s}
.marca:hover img{transform:scale(1.06);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--oro) 60%,transparent))}
@media(max-width:699px){.hero-eq{height:40px;gap:4px}.hero-eq i{width:4px}}
@media(max-width:699px){html[data-tema="rockerio"][lang] .tarjeta b{font-size:.85rem;letter-spacing:.03em}}

/* Barra de secciones del inicio: una sola línea en pantallas anchas; se adapta en tablet y celular */
@media(min-width:1100px){
body:not([data-vista]) .menu,body[data-vista="inicio"] .menu{flex-wrap:nowrap!important;gap:.4rem!important;padding:10px!important}
body:not([data-vista]) .menu>.tarjeta,body[data-vista="inicio"] .menu>.tarjeta{flex:1 1 0!important;min-width:0;min-height:76px;padding:.55rem .15rem}
body:not([data-vista]) .menu>.tarjeta b,body[data-vista="inicio"] .menu>.tarjeta b{font-size:.68rem!important;letter-spacing:.05em!important;text-align:center;line-height:1.15;overflow-wrap:break-word;max-width:100%}
}
@media(min-width:700px) and (max-width:1099px){
body:not([data-vista]) .menu,body[data-vista="inicio"] .menu{display:grid!important;grid-template-columns:repeat(6,1fr);gap:.45rem}
body:not([data-vista]) .menu>.tarjeta,body[data-vista="inicio"] .menu>.tarjeta{flex:none!important;min-width:0;padding:.5rem .15rem}
body:not([data-vista]) .menu>.tarjeta b,body[data-vista="inicio"] .menu>.tarjeta b{font-size:.68rem!important;text-align:center;line-height:1.15}
}
@media(max-width:699px){
body:not([data-vista]) .menu,body[data-vista="inicio"] .menu{display:grid!important;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:8px!important}
body:not([data-vista]) .menu>.tarjeta,body[data-vista="inicio"] .menu>.tarjeta{flex:none!important;min-width:0;min-height:68px;padding:.45rem .1rem;gap:.15rem}
body:not([data-vista]) .menu>.tarjeta b,body[data-vista="inicio"] .menu>.tarjeta b{font-size:.58rem!important;letter-spacing:.02em!important;text-align:center;line-height:1.15;overflow-wrap:break-word;max-width:100%}
.menu .tarjeta[data-vista]::before{width:22px;height:22px}
}

/* ===== Ficha técnica rediseñada ===== */
.ficha-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto;padding:.3rem 2px .9rem!important;position:static!important;background:none!important;scroll-snap-type:x proximity}
.ficha-tab{flex:1 0 112px;display:flex!important;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem!important;border-radius:14px!important;scroll-snap-align:start;white-space:normal!important;text-align:center;line-height:1.15;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.ficha-tab .ft-ico{font-size:1.5rem;line-height:1}
.ficha-tab .ft-tit{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.ficha-tab:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.ficha-tab[aria-selected=true]{box-shadow:0 8px 24px color-mix(in srgb,var(--oro) 35%,transparent)}
.ficha-hero{position:relative;min-height:400px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:1.6rem;background:var(--panel) center/cover no-repeat;box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07);isolation:isolate;cursor:zoom-in;margin-bottom:1rem}
.ficha-hero.sin-foto{cursor:default;min-height:220px;background:linear-gradient(135deg,var(--panel),var(--bg2))}
.ficha-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.88) 100%)}
.ficha-hero .ficha-cab{margin:0;align-items:flex-end}
.ficha-hero .ficha-cab h3{font-size:clamp(2rem,5vw,3.2rem);line-height:1;color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.8);letter-spacing:.04em;text-transform:uppercase}
html[data-tema="rockerio"][lang] .ficha-hero .ficha-cab h3{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(2.4rem,6vw,3.8rem)}
.ficha-hero .ficha-cab .sub{color:#e6e0d4;text-shadow:0 2px 12px rgba(0,0,0,.8);max-width:640px;font-size:1rem}
.ficha-hero .ficha-ico{width:62px;height:62px;font-size:2rem;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-color:var(--oro)}
.ficha-hero .info-stats{margin:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;cursor:default}
.ficha-hero .info-st{background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.14);padding:.8rem .5rem}
.ficha-hero .info-st b{font-size:1.55rem;line-height:1.1;color:var(--oro)}
.ficha-hero .info-st .ic{font-size:1.3rem}
.ficha-hero .info-st small{color:#d7d1c6}
@media(prefers-reduced-motion:no-preference){.ficha-hero{animation:rk-sube .45s cubic-bezier(.2,.7,.2,1) both}.ficha-hero .info-st{animation:rk-sube .6s cubic-bezier(.2,.7,.2,1) both}.ficha-hero .info-st:nth-child(2){animation-delay:.07s}.ficha-hero .info-st:nth-child(3){animation-delay:.14s}.ficha-hero .info-st:nth-child(4){animation-delay:.21s}}
.ficha-panel .grid{gap:.9rem}
.ficha-panel .card h3{display:flex;align-items:center;gap:.5rem}
.ficha-panel .card h3::before{content:"";width:4px;height:1.1em;border-radius:2px;background:var(--oro);flex:none}
.ficha-panel .card ul{padding-left:1.1rem}.ficha-panel .card li{margin:.3rem 0}.ficha-panel .card li::marker{color:var(--oro)}
.chips-sw{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}
.chips-sw span{padding:.35rem .8rem;border:1px solid color-mix(in srgb,var(--oro) 45%,var(--borde));border-radius:999px;background:color-mix(in srgb,var(--oro) 8%,transparent);font-size:.86rem;transition:transform .15s,background .15s}
.chips-sw span:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--oro) 18%,transparent)}
.card-sw{grid-column:1/-1}
/* micrófonos: filtros */
.mic-filtro{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .9rem}
.mic-chip{border:1px solid var(--borde);background:var(--panel);color:var(--txt);border-radius:999px;padding:.4rem .9rem;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s}
.mic-chip:hover{border-color:var(--oro)}.mic-chip[aria-pressed=true]{background:var(--oro);color:#1a1204;border-color:var(--oro)}
.mic-it[hidden]{display:none!important}
@media(max-width:699px){
.ficha-hero{min-height:340px;padding:1rem;border-radius:18px}
.ficha-hero .ficha-ico{width:50px;height:50px;font-size:1.5rem}
.ficha-hero .info-stats{grid-template-columns:repeat(2,1fr)}
.ficha-hero .info-st b{font-size:1.25rem}
.ficha-tab{flex:0 0 104px}
}
/* franja de secciones dentro de una vista: compacta */
body.con-vistas[data-vista]:not([data-vista="inicio"]) .menu .tarjeta b{font-size:.62rem!important;letter-spacing:.03em!important;text-align:center;line-height:1.15;white-space:normal;max-width:100%}
body.con-vistas[data-vista]:not([data-vista="inicio"]) .menu .tarjeta::before{width:20px;height:20px}
body.con-vistas[data-vista]:not([data-vista="inicio"]) .menu .tarjeta{padding:.4rem .2rem;gap:.2rem}
@media(max-width:699px){.ficha-hero .ficha-cab h3,html[data-tema="rockerio"][lang] .ficha-hero .ficha-cab h3{font-size:clamp(1.7rem,8.5vw,2.4rem)!important;overflow-wrap:anywhere}.ficha-hero .ficha-cab{flex-direction:column;align-items:flex-start;gap:.5rem}}

/* ===== ProAudix: más elegante ===== */
#proaudix{--pa:#e0453a;--pa2:#7d1d17}
#proaudix h2::after{background:linear-gradient(90deg,var(--pa),transparent)!important}
#proaudix .pa-hero{position:relative;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--pa) 40%,#000);border-radius:22px;padding:2.2rem 1.4rem 2rem;margin:1rem 0 1.2rem;background:radial-gradient(ellipse at 50% 0%,rgba(224,69,58,.28),transparent 62%),linear-gradient(180deg,#170a09,#0b0505);box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
#proaudix .pa-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.018) 22px 23px)}
#proaudix .pa-logo{display:inline-block;padding:.9rem 1.3rem;border-radius:16px;background:#000;border:1px solid color-mix(in srgb,var(--pa) 45%,#000);box-shadow:0 0 38px rgba(224,69,58,.28),0 10px 30px rgba(0,0,0,.6);margin-bottom:1.1rem}
#proaudix .pa-logo img{max-width:min(380px,78vw);margin:0;border-radius:6px;display:block}
#proaudix .pa-hero h3{font-size:clamp(1.15rem,3.4vw,1.7rem);letter-spacing:.07em;color:#fff;margin:.3rem 0 .7rem;text-shadow:0 2px 18px rgba(0,0,0,.7)}
#proaudix .pa-hero h3::after{content:"";display:block;width:70px;height:3px;border-radius:2px;margin:.8rem auto 0;background:linear-gradient(90deg,transparent,var(--pa),transparent)}
#proaudix #pa-texto{max-width:640px;margin:0 auto;color:#d9cfc9;line-height:1.7;font-size:1.02rem}
#proaudix .pa-bloque{border-radius:18px;border:1px solid #3a1512;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--panel);padding:1.3rem 1.4rem;margin:1rem 0;box-shadow:0 8px 26px rgba(0,0,0,.3)}
#proaudix .pa-bloque h3{color:var(--pa);display:flex;align-items:center;gap:.6rem;font-size:1rem;letter-spacing:.1em;margin:0 0 .8rem}
#proaudix .pa-bloque h3::before{content:"";width:4px;height:1.15em;border-radius:2px;background:var(--pa);flex:none}
#proaudix .pa-bloque>p{line-height:1.7;color:#e3dcd4;margin:0}
/* servicios como tarjetas */
#proaudix .pa-bloque:has(p[data-ed^="pa.b2"]){display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
#proaudix .pa-bloque:has(p[data-ed^="pa.b2"])>h3{grid-column:1/-1;margin-bottom:.2rem}
#proaudix p[data-ed^="pa.b2"]{position:relative;margin:0;padding:3.3rem 1.1rem 1.1rem;border:1px solid #3a1512;border-radius:14px;background:rgba(224,69,58,.05);line-height:1.55;color:#cfc6bd;font-size:.94rem;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}
#proaudix p[data-ed^="pa.b2"] strong{display:block;color:#fff;font-size:1.02rem;margin-bottom:.3rem}
#proaudix p[data-ed^="pa.b2"]::before{position:absolute;top:.9rem;left:1.1rem;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(224,69,58,.14);border:1px solid color-mix(in srgb,var(--pa) 50%,#000);font-size:1.25rem}
#proaudix p[data-ed="pa.b2.p1"]::before{content:"📹"}#proaudix p[data-ed="pa.b2.p2"]::before{content:"🎙️"}#proaudix p[data-ed="pa.b2.p3"]::before{content:"📡"}
#proaudix p[data-ed^="pa.b2"]:hover{transform:translateY(-4px);border-color:var(--pa);background:rgba(224,69,58,.1);box-shadow:0 14px 30px rgba(0,0,0,.45)}
/* enlaces como botones */
#proaudix .enlaces{display:flex;flex-wrap:wrap;gap:.55rem}
#proaudix .enlaces a{display:inline-flex;align-items:center;padding:.55rem 1.1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--pa) 55%,#000);background:rgba(224,69,58,.08);color:#fff;font-weight:700;font-size:.88rem;text-decoration:none;letter-spacing:.04em;transition:transform .18s,background .18s,box-shadow .18s}
#proaudix .enlaces a:hover{transform:translateY(-2px);background:var(--pa);box-shadow:0 8px 20px rgba(224,69,58,.35)}
@media(max-width:699px){#proaudix .pa-bloque:has(p[data-ed^="pa.b2"]){grid-template-columns:1fr}#proaudix .pa-hero{padding:1.6rem 1rem 1.5rem;border-radius:18px}}

/* ===== Evaluaciones: a la vista ===== */
.eva-cab{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;padding:1.4rem 1.6rem;margin:1rem 0;border-radius:20px;border:1px solid color-mix(in srgb,var(--oro) 45%,var(--borde));background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--oro) 14%,transparent),transparent 60%),var(--panel);box-shadow:0 12px 34px rgba(0,0,0,.35)}
.eva-prom{text-align:center;min-width:150px}
.eva-prom b{display:block;font-size:3.4rem;line-height:1;color:var(--oro);font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.03em}
.eva-st{font-size:1.3rem;letter-spacing:.12em;display:block;margin:.2rem 0}
.eva-prom .sub{font-size:.8rem;margin:0}
.eva-inv h3{margin:0 0 .3rem;font-size:1.3rem;color:var(--txt);text-transform:uppercase;letter-spacing:.05em}
.eva-inv p{margin:0;color:var(--mut);line-height:1.6}
.eva-form{border-radius:20px!important;border:1px solid var(--oro)!important;padding:1.4rem 1.5rem!important;margin:1rem 0 1.6rem;box-shadow:0 0 0 4px color-mix(in srgb,var(--oro) 10%,transparent),0 14px 40px rgba(0,0,0,.4)}
.eva-form>h3{margin:0 0 .2rem;font-size:1.25rem;color:var(--oro);text-transform:uppercase;letter-spacing:.06em}
.eva-form .sub{margin:0 0 1rem}
.eva-form .btn{width:100%;margin-top:.4rem;padding:.95rem}
.eva-estrellas{display:flex;gap:.25rem;justify-content:center;margin:.2rem 0 .6rem}
.eva-e{border:0;background:none;cursor:pointer;font-size:2.6rem;line-height:1;color:color-mix(in srgb,var(--mut) 50%,transparent);padding:.1rem .2rem;transition:transform .15s,color .15s,filter .15s}
.eva-e.on{color:var(--oro);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--oro) 60%,transparent))}
.eva-e:hover{transform:scale(1.18)}
.sel-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.eva-tit{margin:1.6rem 0 .6rem;font-size:1rem;color:var(--mut);text-transform:uppercase;letter-spacing:.1em}
.eva-grid .card{border-radius:16px;padding:1.1rem 1.2rem;position:relative}
.eva-grid .card::before{content:"“";position:absolute;top:.2rem;right:.9rem;font-size:3.6rem;line-height:1;color:var(--oro);opacity:.18;font-family:Georgia,serif}
.eva-grid .estrellas{font-size:1.05rem;margin-bottom:.4rem}
.resena-banda{border-color:var(--oro)}
/* ===== Contacto ===== */
#contacto .caja{border-radius:18px;padding:1.2rem 1.3rem;box-shadow:0 8px 26px rgba(0,0,0,.28)}
#contacto .caja h3{display:flex;align-items:center;gap:.55rem;font-size:.95rem;letter-spacing:.1em}
#contacto .caja h3::before{content:"";width:4px;height:1.1em;border-radius:2px;background:var(--oro);flex:none}
#contacto .ct-dir{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--oro) 12%,transparent),transparent 60%),var(--panel)}
#contacto .ct-dir .ct-dir-t h3::before{display:none}
.ct-pin{width:56px!important;height:56px!important;font-size:1.9rem!important;border-radius:16px!important;background:color-mix(in srgb,var(--oro) 10%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--oro) 22%,transparent)}
.ct-mapa{border-radius:18px!important;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ct-red{border-radius:14px!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.ct-red:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.4)}
.ct-red .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--oro) 12%,transparent)}
.ct-b{border-radius:14px!important;padding:1.15rem!important;transition:transform .2s,box-shadow .2s}
.ct-b:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.4)}
.ct-b b{font-size:1.15rem!important;letter-spacing:.05em}
.ct-horas li{padding:.5rem .2rem!important}.ct-horas li:last-child{border-bottom:0}
/* ===== Cuadro de honor ===== */
.honor-cab{border-radius:20px!important;padding:1.2rem 1.4rem!important;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--oro) 14%,transparent),transparent 60%),var(--panel)!important;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.honor-ico{width:56px!important;height:56px!important;font-size:1.8rem!important;border-radius:16px!important;background:color-mix(in srgb,var(--oro) 10%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--oro) 25%,transparent)}
.honor-card{position:relative;overflow:hidden;padding:1.2rem!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--panel)!important}
.honor-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--oro),var(--rojo));opacity:.85}
.honor-card img.logo{width:72px!important;height:72px!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.honor-card h3{font-size:1.15rem!important}
.honor-invita{border-radius:20px!important;border:1px solid var(--oro)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--oro) 8%,transparent),0 14px 40px rgba(0,0,0,.4)}
.honor-pasos li{border-radius:12px}
@media(max-width:699px){.eva-cab{grid-template-columns:1fr;text-align:center;padding:1.1rem}.eva-e{font-size:2.3rem}.eva-form{padding:1.1rem!important}}
.eva-e:focus{outline:0}.eva-e:focus-visible{outline:2px solid var(--oro);border-radius:8px}
.fila:has(.sel-oculto)>label:not(.sel-oculto){grid-column:1/-1}
.eva-estrellas{margin:.2rem 0 .9rem}