/*=========================================================
    XV AÑOS - REGINA ISABELLA
    VARIABLES GLOBALES
=========================================================*/

:root{

    /*====================================
        COLORES PRINCIPALES
    ====================================*/

    --lavender-50: #F9F6FD;
    --lavender-100:#F2ECFB;
    --lavender-200:#E8DDFC;
    --lavender-300:#D8C2F5;
    --lavender-400:#C9B2F2;
    --lavender-500:#B895E4;
    --lavender-600:#A47AD7;
    --lavender-700:#8B61BF;
    --lavender-800:#6F4AA6;
    --lavender-900:#52357A;

    /*====================================
        COLORES SECUNDARIOS
    ====================================*/

    --pink:#F6DCE8;
    --rose:#F8E8EF;
    --cream:#FFF9F5;
    --white:#FFFFFF;

    --gold:#D6B25E;
    --gold-light:#F6E7BE;
    --gold-dark:#B68B2A;

    --gray-100:#F7F7F7;
    --gray-200:#ECECEC;
    --gray-300:#DADADA;
    --gray-400:#BBBBBB;
    --gray-500:#888888;
    --gray-700:#555555;
    --gray-900:#222222;

    /*====================================
        TEXTO
    ====================================*/

    --text-color:var(--gray-700);
    --title-color:var(--lavender-900);
    --subtitle-color:var(--gold-dark);

    /*====================================
        FONDOS
    ====================================*/

    --background:var(--cream);
    --background-section:#FFFFFF;
    --background-card:rgba(255,255,255,.75);

    /*====================================
        BOTONES
    ====================================*/

    --button-primary:var(--lavender-600);
    --button-primary-hover:var(--lavender-700);

    --button-secondary:var(--gold);
    --button-secondary-hover:#C9982D;

    --button-text:#FFFFFF;

    /*====================================
        BORDES
    ====================================*/

    --border-color:#E8DDFC;

    --radius-xs:5px;
    --radius-sm:10px;
    --radius-md:18px;
    --radius-lg:25px;
    --radius-xl:40px;
    --radius-circle:50%;

    /*====================================
        SOMBRAS
    ====================================*/

    --shadow-xs:0 2px 5px rgba(0,0,0,.08);

    --shadow-sm:0 5px 12px rgba(0,0,0,.12);

    --shadow-md:0 10px 25px rgba(0,0,0,.15);

    --shadow-lg:0 20px 40px rgba(0,0,0,.18);

    --shadow-gold:0 0 18px rgba(214,178,94,.45);

    --shadow-purple:0 0 25px rgba(184,149,228,.40);

    /*====================================
        TIPOGRAFÍAS
    ====================================*/

    --font-title:'Cinzel', serif;

    --font-script:'Great Vibes', cursive;

    --font-text:'Cormorant Garamond', serif;

    --font-button:'Montserrat', sans-serif;

    /*====================================
        TAMAÑOS DE LETRA
    ====================================*/

    --fs-xs:.80rem;
    --fs-sm:.95rem;
    --fs-md:1.05rem;
    --fs-lg:1.30rem;
    --fs-xl:1.80rem;
    --fs-2xl:2.40rem;
    --fs-3xl:3.50rem;
    --fs-4xl:4.80rem;

    /*====================================
        PESOS
    ====================================*/

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    /*====================================
        ESPACIADOS
    ====================================*/

    --space-5:5px;
    --space-10:10px;
    --space-15:15px;
    --space-20:20px;
    --space-25:25px;
    --space-30:30px;
    --space-40:40px;
    --space-50:50px;
    --space-60:60px;
    --space-70:70px;
    --space-80:80px;
    --space-100:100px;

    /*====================================
        ANCHOS
    ====================================*/

    --container-width:1200px;

    --container-mobile:92%;

    /*====================================
        TRANSICIONES
    ====================================*/

    --transition-fast:.25s ease;

    --transition:.40s ease;

    --transition-slow:.70s ease;

    /*====================================
        Z-INDEX
    ====================================*/

    --z-loader:9999;
    --z-modal:9000;
    --z-menu:8000;
    --z-floating:7000;
    --z-header:6000;

}

/*=========================================================
            RESET BÁSICO
=========================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--background);

    color:var(--text-color);

    font-family:var(--font-text);

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:var(--font-button);

}

input,
textarea{

    outline:none;

    font-family:inherit;

}

section{

    position:relative;

    width:100%;

    padding:90px 0;

    overflow:hidden;

}

.container{

    width:var(--container-mobile);

    max-width:var(--container-width);

    margin:auto;

}

.section-subtitle{

    display:block;

    font-family:var(--font-script);

    color:var(--gold-dark);

    font-size:var(--fs-xl);

    margin-bottom:12px;

    text-align:center;

}

.section-divider{

    width:220px;

    margin:25px auto 45px;

}