/* 
 * Estilo: General
 * CSS de override para personalización visual
 * Generado automáticamente - Editable desde el panel admin
 */

/* === Fondos y shapes === */
body.home-page {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.1)),
        url('../images/current/Fondo Pagina Principal.png');
    background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, 50% 45%;
    background-attachment: scroll, fixed;
}

/* Shapes flotantes */
.hero-shape--orange {
    background-image: url('../images/current/Globo_shape_Naranja.png');
}

.hero-shape--green {
    background-image: url('../images/current/Globo_shape_Verde.png');
}

/* Fondos de eventos */
.event-cover-1 {
    background-image: linear-gradient(135deg, rgba(126, 212, 255, 0.4), rgba(7, 17, 31, 0.9)), url('../images/current/Globo_shape_Verde.png');
}

.event-cover-2 {
    background-image: linear-gradient(135deg, rgba(255, 209, 102, 0.45), rgba(7, 17, 31, 0.9)), url('../images/current/Globo_shape_Naranja.png');
}

.event-cover-3 {
    background-image: linear-gradient(135deg, rgba(255, 138, 76, 0.35), rgba(7, 17, 31, 0.9)), url('../images/current/Globo_shape_Verde.png');
}

/* === Variables de tema (editables) === */
:root {
    /* Colores principales - personaliza según el estilo */
    --style-primary-color: #f97316;
    --style-secondary-color: #fbbf24;
    --style-accent-color: #0ea5e9;
    
    /* Puedes añadir más variables aquí */
}

/* === Personalizaciones adicionales === */
/* Añade aquí CSS personalizado para este estilo */

/* === Override (servidor): Fondo home responsive === */
body.home-page {
    /* Escritorio: ajusta al ancho y se ancla abajo (recorte por arriba) */
    background-size: auto, 100% auto;
    background-position: center center, 50% 100%;
}

@media (max-width: 768px) {
    body.home-page {
        /* Móvil: ajusta al alto y mantiene encuadre como antes */
        background-size: auto, auto 100%;
        background-position: center center, 50% 45%;
    }
}