/* 
    DERECHOS RESERVADOS: LUMIERES ADS.

    DESARROLLADORES:
        - FULL-STACK: ING. GABRIEL ALEGRÍA.
        - FRONT-END: MTS. ING. RAÚL PORTILLO.

    RECURSO: CONFIGURACIÓN GLOBAL, ESTILOS, LETRA, COLORES PARA EL SITIO WEB (BASE).

    PROHÍBIDO LA DISTRIBUCIÓN DE ESTE APLICATIVO O SOLUCIONES CÓDIFICADAS.
*/

/* IMPORT de fuentes - debe ir al inicio del archivo */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* Colores Base */
    --default-background-color-website: #f0f0f0;
    --primary-color-dark: #000000;
    --primary-color-light: #ffffff;
    --primary-color-blue: #1A3F7A;
    --primary-color-pink: #C43C75;
    --secondary-color-blue: #1A3F7A;
    --secondary-color-aqua: #3074E0;

    /* Gradientes y Otros - Servicios T.E. */
    --grad-top: rgba(26,63,122,.9);         /* usado sobre la imagen (semi) */
    --grad-bottom: rgba(26,63,122,.1);

    /* Gradientes opacos para la cara BACK (evitan que la imagen *se vea* detrás) */
    --grad-top-opaque: rgba(26,63,122,.98);
    --grad-bottom-opaque: rgba(26,63,122,.95);

    --text-light: #f0f0f0;
    --accent-pink: #ff5e8a;
    --card-max-width: 380px;
}

/* Reset y reglas globales importantes */
*,
*::before,
*::after { box-sizing: border-box; }

html, body { height: 100%; margin: 0; padding: 0; }

body {
    overflow-x: hidden; /* evita scroll horizontal involuntario */
    background-color: var(--default-background-color-website);
    font-family: 'Montserrat', sans-serif; /* import ya cargado arriba */
}

/* evitar que imágenes provoquen overflow */
img { max-width: 100%; height: auto; display: block; }