/* ========================================
   CUSTOM COLOR OVERRIDE - Reemplaza fucsia por elegante dorado
   ======================================== */

/* OPCIONES DE COLOR - Descomenta la que prefieras: */

/* Opción 1: Dorado oscuro elegante (ACTIVA) */
:root {
    --main-color: #B8860B;
    --main-color-dark: #8B6914;
    --main-color-light: #DAA520;
}
*/
/* Opción 2: Azul marino profundo (descomenta para usar)
:root {
    --main-color: #1a3a52;
    --main-color-dark: #0f2537;
    --main-color-light: #2d5f7f;
}
*/

/* Opción 3: Borgoña/vino (descomenta para usar)
:root {
    --main-color: #6b1f3a;
    --main-color-dark: #4a1527;
    --main-color-light: #8b2f4f;
}
*/

/* Opción 4: Verde esmeralda oscuro (descomenta para usar)
:root {
    --main-color: #0a4d3c;
    --main-color-dark: #063529;
    --main-color-light: #0e6b50;
}
*/

/* ========================================
   APLICACIÓN DE COLORES
   ======================================== */

/* Textos con color principal */
.color-main,
.phone .color-main {
    color: var(--main-color) !important;
}

/* Fondos con color principal */
.color-bg-icon,
.btn-maincolor,
.color-bg-icon.rounded {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

/* Hover states para fondos */
.color-bg-icon:hover,
.btn-maincolor:hover {
    background-color: var(--main-color-dark) !important;
    border-color: var(--main-color-dark) !important;
}

/* Botones outline */
.btn-outline-maincolor {
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    background-color: transparent !important;
}

.btn-outline-maincolor:hover {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: #ffffff !important;
}

/* Links en hover */
a:hover {
    color: var(--main-color) !important;
}

/* Overlays y efectos */
.s-overlay::before {
    background-color: rgba(184, 134, 11, 0.5) !important;
}

/* Iconos sociales */
.header-soc a,
.soc-buttons a {
    color: var(--main-color) !important;
}

.header-soc a:hover,
.soc-buttons a:hover {
    color: var(--main-color-light) !important;
}

/* Subtítulos y elementos destacados */
.subtitle,
.font-main.color-main {
    color: var(--main-color) !important;
}

/* Filtros de galería activos */
.filters a.active,
.filters a.selected {
    color: #fff  !important;
}

/* Elementos de navegación activos */
.mainmenu_side_wrapper .nav li.active > a {
    color: var(--main-color) !important;
}

/* Bordes decorativos */
.border-main {
    border-color: var(--main-color) !important;
}

/* Fondos degradados si los hay */
.gradient-main {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color-dark) 100%) !important;
}

/* Bullets y elementos de lista */
ul.model-data li .title {
    color: var(--main-color-light) !important;
}

/* Efectos de item-content */
.item-content .item-title .subtitle {
    color: var(--main-color-light) !important;
}

/* Banner overlays */
.banner__content h4 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

/* Asegurar legibilidad en fondos oscuros */
.ds .color-main,
.s-overlay .color-main {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}