/*
Template Name:
Version:1.0
*/

:root {
    /* Tus nuevos colores de marca */
    --deep-burgundy: #DE2333;
    --golden-sand: #5B0E14;
    
    /* Sobrescribimos las variables de Bootstrap para que toda la librería cambie */
    --primary: var(--deep-burgundy);
    --secondary: var(--golden-sand);
}

/* Forzar el cambio en los componentes estándar de Bootstrap */
.btn-primary, .bg-primary, .text-primary {
    background-color: var(--deep-burgundy) !important;
    border-color: var(--deep-burgundy) !important;
}

/* Estilo para los resaltados en Golden Sand */
.text-highlight-gold {
    color: var(--golden-sand) !important;
}

.border-gold {
    border-color: var(--golden-sand) !important;
}

/* Color principal de títulos y acentos que antes eran verdes o azules */
.heading h2 span, 
.heading strong.filltext, 
.wlc-title h1 span {
    color: var(--deep-burgundy) !important;
}

/* El botón de descarga y el botón "up" en Burgundy */
.cbtn.cbnt1, .up-btn {
    background-color: var(--deep-burgundy) !important;
    color: #fff !important;
    border: 1px solid var(--deep-burgundy) !important;
}

/* Aplicación del Golden Sand para retoques y resaltados */
/* Ejemplo: Los iconos o pequeños detalles que quieras que resalten */
.banner-icon i, .service-icon img {
    filter: drop-shadow(0px 0px 5px rgba(241, 225, 148, 0.5)); /* Sutil brillo dorado */
}

.cbtn.cbnt1:hover {
    background-color: var(--golden-sand) !important;
    color: var(--deep-burgundy) !important;
    border-color: var(--golden-sand) !important;
}