/*=========================================================
    VARIABLES GLOBALES
=========================================================*/

:root{

    /* Colores */

    --vino:#6A2434;
    --vino-light:#8C3B4D;
    --vino-dark:#47131F;

    --crema:#F8F5EF;
    --blanco:#FFFFFF;

    --texto:#51453F;

    --plateado:#C8CCD3;
    --plateado-light:#E6E9ED;
    --plateado-dark:#8E949C;

    /* Espaciados */

--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:64px;
--space-2xl:100px;

/* Bordes */

--border-light:
    1px solid rgba(200,204,211,.55);

--border-wine:
    1px solid rgba(106,36,52,.35);
    
    /* Capas */

    --z-background:1;
    --z-content:10;
    --z-envelope:100;
    --z-intro:9999;


    /* Tipografías */

    --font-title:"Cormorant Garamond", serif;
    --font-body:"Cormorant Garamond", serif;

    /* Tamaños */

    --container:1200px;

    --radius-sm:6px;
    --radius-md:12px;
    --radius-lg:20px;

    /* Sombras */

    --shadow-soft:
        0 8px 20px rgba(0,0,0,.08);

    --shadow-medium:
        0 18px 45px rgba(0,0,0,.14);

    --shadow-large:
        0 35px 80px rgba(0,0,0,.22);

    /* Animaciones */

    --transition:.35s ease;

    --duration-fast:.35s;
    --duration-normal:.8s;
    --duration-slow:1.4s;
}
    .hero-name{
    display:block;}