/* ============ FUENTES ============ */
@font-face {
    font-family: 'Bebas Neue';
    src: url('./assets/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('./assets/fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('./assets/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800; font-style: italic; font-display: swap;
}

/* ============ ESTILOS BASE ============ */
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', sans-serif; transition: all 0.7s ease-in-out; }
.glow-red { background: radial-gradient(circle, rgba(255,30,44,0.35) 0%, rgba(255,30,44,0) 70%); }
.glow-amber { background: radial-gradient(circle, rgba(234,160,13,0.30) 0%, rgba(234,160,13,0) 70%); }

/* ============ MODO PREMIUM (11 DE LA SEMANA) ============ */
.bg-premium-mode {
    background-image: linear-gradient(rgba(0, 0, 0, 0.90), rgba(234, 160, 13, 0.20)), url('./assets/img/cespedAzulBG.jpeg') !important;
    background-blend-mode: overlay;
}
body.bg-premium-mode .scroll-block[data-theme="premium"] h3 { color: #EAA00D; }
body.bg-premium-mode .scroll-block[data-theme="premium"] span.text-\[\#FF1E2C\] { color: #D4AF37; }
body.bg-premium-mode .scroll-block[data-theme="premium"] p { color: rgba(234, 160, 13, 0.75); }

/* ============ MOCKUPS DE TELÉFONOS (SOLUCIÓN DEFINITIVA) ============ */
.phone-mockup {
    position: relative;
    background-color: #000000;
    border: 4px solid #FF1E2C;
    border-radius: 2.5rem;
    /* Las franjas negras son padding, así la imagen nunca se recorta */
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transition: border-color 0.7s ease-in-out, box-shadow 0.7s ease-in-out;
}

/* Efecto Superestrella: Borde dorado y foco de luz trasero */
body.bg-premium-mode .phone-mockup {
    border-color: #EAA00D;
    /* Mantenemos la sombra original negra para la profundidad, pero le sumamos un resplandor dorado gigante simulando focos */
    box-shadow: 0 0 100px 20px rgba(234, 160, 13, 0.45), 0 25px 50px -12px rgba(0, 0, 0, 0.8);
}

.phone-notch {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 35%; height: 1.2rem;
    background-color: #0a0a0a;
    border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;
    z-index: 10;
}
.phone-home-indicator {
    position: absolute;
    bottom: 0.5rem; left: 50%;
    transform: translateX(-50%);
    width: 35%; height: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 9999px;
    z-index: 10;
}
.phone-screen {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9/16;
    object-fit: contain; /* Encaje perfecto sin cortes */
}