/*//////////// Fondo negro ////////////*/
body{
    background-color: #000;
}


/*//////////// Títutlo en Negrita ////////////*/
div > div.heading-group > h2 > span{
    font-family: Nissan Bold; 
}

/*//////////// Botón primario ////////////*/

/* Efecto Hover para que se sienta interactivo */
a.primary.copybox-cta[href="/contactanos.html"]:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.3) !important;
}

/* Selector específico para el botón de contacto */
a.primary.copybox-cta[href="/contactanos.html"] {
    /* 1. Fondo base con transparencia baja */
    background: rgba(255, 255, 255, 0.12) !important;
    
    /* 2. El desenfoque de fondo (clave del glassmorphism) */
    backdrop-filter: blur(15px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) !important;

    /* 3. Sombras: Combinación de relieve superior e interior */
    box-shadow: 
        /* Relieve blanco fino en el borde superior (efecto cristal) */
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        /* Sombra interna inferior para dar profundidad */
        inset 0 -1px 1px rgba(0, 0, 0, 0.1),
        /* Sombra exterior para separar del fondo */
        0 10px 20px rgba(0, 0, 0, 0.15) !important;

    /* 4. Borde sutil */
    border: 1px solid rgba(255, 255, 255, 0.25) !important;



    /* 6. Forma y Layout */
    border-radius: 50px !important;
    padding: 14px 35px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    text-decoration: none !important;
}

/* Efecto Hover */
a.primary.copybox-cta[href="/contactanos.html"]:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        inset 0 1px 2px rgba(255, 255, 255, 0.6),
        0 15px 30px rgba(0, 0, 0, 0.2) !important;
    color: #fff!important;
    font-family: Nissan Bold; 
}