/* Jarabacoa Radio V5 · imagen ORIGINAL aprobada, sin rediseño. */
.welcome.welcome-exact[hidden]{display:none!important}
.welcome.welcome-exact{isolation:isolate;background:#041e2b;display:block;min-height:0;height:100vh;height:100dvh;overflow:hidden}
.welcome-exact .welcome-background{display:block;inset:-3%;background:url('portada-1920x1080.png') center / cover no-repeat;filter:blur(32px) brightness(.55) saturate(1.12);transform:scale(1.08);opacity:.8}
.welcome-exact-art{--art-ratio:1.77777778;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100dvh * var(--art-ratio)));aspect-ratio:16 / 9;max-height:100dvh;overflow:visible;container-type:inline-size;z-index:2;filter:drop-shadow(0 7px 25px rgba(0,0,0,.34))}
.welcome-exact-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
/* Tarjeta de dígitos: conserva el marco y los brillos originales de la imagen */
.welcome-digit-cover{position:absolute;left:75.46%;top:60.55%;width:8.14%;height:7.13%;pointer-events:none;border-radius:6px;z-index:3;background:linear-gradient(180deg,#292e34 0%,#25252a 48.6%,#0a0a0e 49.7%,#05050a 100%);box-shadow:inset 0 4px 10px #ffffff0a,inset 0 -4px 7px #0006}
.welcome-digit-cover:after{content:'';position:absolute;left:0;right:0;top:49.5%;height:1px;background:#11131999;box-shadow:0 1px 1px #ffffff0b}
.welcome-count-live{position:absolute;left:75.40%;top:60.32%;width:8.28%;height:7.45%;z-index:4;display:flex;align-items:center;justify-content:center;color:white;text-shadow:0 2px 2px #000,0 0 5px #fff4;font-family:Montserrat,'Arial Black',Arial,sans-serif;font-size:4.25cqw;font-weight:900;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;pointer-events:none}
.welcome-count-live[data-digits="3"]{font-size:3.45cqw}
.welcome-count-live[data-digits="4"]{font-size:2.66cqw}
.welcome-count-live[data-digits="5"]{font-size:2.16cqw}
.welcome-count-live[data-digits="6"]{font-size:1.75cqw}
.welcome-count-live[data-digits="7"],.welcome-count-live[data-digits="8"],.welcome-count-live[data-digits="9"]{font-size:1.45cqw}
/* Clic sobre el botón original; no añadimos un botón distinto ni otra caja. */
.welcome-enter-hotspot{position:absolute;left:64.6%;top:68.8%;width:31%;height:10.8%;z-index:5;padding:0;background:transparent;border:0;border-radius:999px;color:transparent;cursor:pointer;box-shadow:0 0 0 0 rgba(255,213,68,0);animation:jr-exact-btn-glow 3.3s ease-in-out infinite;outline-offset:5px}
.welcome-enter-hotspot:hover{filter:brightness(1.10);box-shadow:0 0 17px 4px rgba(255,196,65,.45)}
.welcome-enter-hotspot:focus-visible{outline:3px solid #fff09b}
.custom-button-copy{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes jr-exact-btn-glow{0%,100%{box-shadow:0 0 0 0 #ffbd3d00}50%{box-shadow:0 0 23px 5px #ffe67180}}
.welcome-mobile-controls{display:none}
/* Si se carga otra portada desde el panel, no dibujamos los dígitos de la imagen antigua. */
.welcome.welcome-custom-upload .welcome-digit-cover{display:none}
.welcome.welcome-custom-upload .welcome-count-live{position:absolute;top:70%;left:34%;width:32%;height:9%;background:#06362aca;border:1px solid #ffe66a;border-radius:999px;font-size:clamp(15px,4cqw,48px);letter-spacing:normal}
.welcome.welcome-custom-upload .welcome-enter-hotspot{top:83%;left:34%;width:32%;height:9%;color:#fff;background:linear-gradient(#ed2429,#a00a16);border:2px solid #ffda4e;box-shadow:0 2px 15px #0009}
.welcome.welcome-custom-upload .custom-button-copy{display:inline;font-size:clamp(9px,1.5cqw,22px);font-weight:900}
/* Vertical: la imagen original se mantiene íntegra y el acceso se presenta debajo. */
@media(max-aspect-ratio:4/5){
 .welcome-exact-art{top:29%;width:100vw;max-height:none;}
 .welcome-exact .welcome-background{filter:blur(22px) brightness(.3) saturate(1.15)}
 .welcome-digit-cover,.welcome-count-live,.welcome-enter-hotspot{pointer-events:none}
 .welcome-mobile-controls{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;top:52%;bottom:max(4dvh,env(safe-area-inset-bottom));left:5vw;width:90vw;z-index:8;padding:18px 15px;background:linear-gradient(140deg,#082e39ed,#031823f7);border:1px solid #f5d780d9;border-radius:23px;box-shadow:0 12px 35px #0009;text-align:center}
 .mobile-count-title{font-weight:800;font-size:clamp(14px,4.3vw,19px)}
 .mobile-count-display{border:2px solid #e9c35d;border-radius:999px;padding:4px 28px;background:linear-gradient(#16732e,#07521c);font-weight:900;font-size:clamp(27px,8vw,42px);line-height:1.05;min-width:100px}
 .mobile-soon-label{color:#ffe063;letter-spacing:.15em;font:900 13px Montserrat,Arial,sans-serif}
 .mobile-enter-button{width:min(100%,360px);min-height:50px;color:white;background:linear-gradient(#f33f42,#a80014);border:2px solid #ffd567;border-radius:999px;font:900 clamp(12px,3.8vw,16px) Montserrat,Arial,sans-serif;animation:jr-exact-btn-glow 3.3s infinite;box-shadow:0 8px 25px #0008}
 .mobile-enter-button span{margin-left:10px}
}
@media(max-height:440px) and (orientation:landscape){.welcome-exact-art{max-height:100dvh}}
@media(prefers-reduced-motion:reduce){.welcome-enter-hotspot,.mobile-enter-button{animation:none!important}}

/* V6: respetar la portada completa, exacta 1920x1080 */
.welcome.welcome-exact { min-height:0 !important; height:100dvh !important; }
.welcome.welcome-exact .welcome-background { background-image:url('portada-1920x1080.png') !important; }
.welcome-exact-art { width:min(100vw, 177.7777778dvh); max-width:none; max-height:100dvh; aspect-ratio:16/9; }
.welcome-exact-art > img { object-fit:contain; }
.welcome-enter-hotspot { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.welcome-enter-hotspot::after { content:'';position:absolute;inset:0;border-radius:999px;box-shadow:0 0 12px 2px rgba(255,211,77,.20);pointer-events:none; }
/* El original contiene un número de muestra, no mostrar dos cifras */
.welcome-digit-cover { background:linear-gradient(180deg,#27272b 0%,#1c1e21 50%,#08090e 51%,#07080b 100%); }
@media(max-aspect-ratio:4/5){
 .welcome-exact-art { top:29%; width:100vw; max-height:none; }
 .welcome-mobile-controls { top:51%; bottom:max(3dvh,env(safe-area-inset-bottom)); max-height:44dvh; }
 .welcome-enter-hotspot { pointer-events:none; }
}