/* Base compartida de las páginas nuevas. Las utilidades conservan heraldo.css. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--fondo);color:var(--texto)}
img,video{max-width:100%}
a{color:var(--dorado);text-underline-offset:.2em}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--dorado);outline-offset:2px}
[hidden]{display:none!important}
.saltar{position:fixed;top:8px;left:8px;z-index:500;padding:12px;background:var(--fondo);border:1px solid var(--dorado);transform:translateY(-160%)}
.saltar:focus{transform:none}
.oculto{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.boton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dorado);text-decoration:none;cursor:pointer}
.boton:disabled{opacity:.55;cursor:default}
.panel{padding:24px;border:1px solid var(--borde-bronce);border-radius:4px}
.nota{font-size:15px;color:var(--texto-medio)}
.puente-tienda{position:relative;display:flex;align-items:center;justify-content:center;gap:1.25rem;min-height:56px;padding:6px 1rem;background:radial-gradient(ellipse at 50% 0,#4b361b33,transparent 75%),linear-gradient(#17150f,#0e0d0b);border-bottom:1px solid var(--borde-bronce);box-shadow:0 3px 12px #0005}
.puente-tienda::before,.puente-tienda::after{content:'';position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#c98a3e55,transparent)}
.puente-tienda::before{top:3px}.puente-tienda::after{bottom:3px}
.puente-tienda__firma{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
.puente-tienda__corona{width:22px;height:14px;flex-shrink:0;filter:drop-shadow(0 1px 3px #e0a24a33)}
.puente-tienda__juego{font:700 .78rem var(--titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--plata)}
.puente-tienda__rombo{width:5px;height:5px;transform:rotate(45deg);background:var(--dorado);margin:0 .3rem}
.puente-tienda__marca{font:italic .875rem var(--serif);color:var(--texto-medio)}
.puente-tienda__marca b{font-weight:600;color:var(--texto)}
.puente-tienda__boton{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;flex-shrink:0;min-height:44px;padding:.5rem 1rem;border:1px solid var(--dorado);border-radius:999px;color:var(--dorado);background:linear-gradient(#e0a24a0d,#e0a24a04);font:700 .75rem var(--titulo);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background 150ms,color 150ms}
.puente-tienda__boton svg{width:14px;height:14px;transition:transform 150ms}
.puente-tienda__boton:hover{color:var(--fondo);background:var(--dorado)}
.puente-tienda__boton:hover svg{transform:translateX(3px)}
.consentimiento-panel{position:fixed;z-index:100;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;max-height:75vh;overflow-y:auto;padding:1rem max(1rem,calc((100vw - 70rem)/2));padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--borde-bronce);background:var(--superficie);box-shadow:0 -8px 28px #0008;text-align:left}
.consentimiento-contenido{max-width:48rem;min-width:0}
.consentimiento-panel p{margin:0 0 .35rem}
.consentimiento-panel details{margin:.25rem 0}
.consentimiento-panel summary{cursor:pointer;min-height:24px}
.consentimiento-panel a{color:var(--dorado)}
.consentimiento-acciones{display:flex;flex-shrink:0;gap:.5rem}
.preferencias-analitica{display:flex;margin:24px auto 0}
@media(max-width:760px){.consentimiento-panel{flex-direction:column;align-items:stretch}.consentimiento-contenido{flex-shrink:0}}
@media(max-width:520px){.puente-tienda{justify-content:space-between;gap:.5rem;padding-inline:.75rem}.puente-tienda__juego,.puente-tienda__rombo{display:none}.puente-tienda__marca{font-size:.8125rem}.puente-tienda__boton{padding-inline:.75rem;letter-spacing:.07em}}
@media(max-width:360px){.puente-tienda__pre{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
