/* CDT Custom Styles */
.cdt-theme .section-page-title {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url(../images/section/hero-1.jpg);
}

.cdt-theme .wg-service:hover {
    border-color: var(--brand) !important;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.cdt-theme .wg-service {
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
}

.cdt-theme .tf-social-1 a {
    cursor: pointer;
    text-decoration: none;
}

.cdt-theme .features-item.style-2 .icon {
    background: linear-gradient(180deg, #EA2B16 0%, #FF3B26 100%);
}

/* ============================================================
   FORZAR COLORES EN EL TEMA (cdt-custom.css)
   ============================================================ */

/* 1. ANIQUILAR EL DEGRADADO NEGRO DEL ACORDEÓN DE SERVICIOS */
/* Usamos selectores muy específicos y '!important' para ganar */
.elementor-widget-aigocy_service_services_widget .accordion-action:not(.collapsed) {
    background-color: #474747 !important; /* Tu gris unificado */
    background-image: none !important;    /* Destruye el degradado */
    box-shadow: none !important;
}

/* 2. FORZAR EL ROJO EN LOS BOTONES GLOBALES */
/* El tema usa --brand, pero por si acaso, lo forzamos aquí también */
.tf-btn, 
.elementor-button {
    background-color: #AB1212 !important;
    background-image: none !important; /* Por si tienen degradados heredados */
}

.tf-btn:hover, 
.elementor-button:hover {
    background-color: #8E0F0F !important; /* Un rojo más oscuro para el hover */
}

/* 3. FORZAR EL ROJO EN LOS TEXTOS DE MARCA Y ETIQUETAS */
.text-brand,
.heading-sub,
.accordion-faq_item .tags-item {
    color: #AB1212 !important;
}

.accordion-faq_item .tags-item {
    background-color: #AB1212 !important;
    border-color: #AB1212 !important;
}

/* 4. FORZAR NEGROS/GRISES EN TEXTOS DEL TEMA */
.heading-title,
.elementor-heading-title {
    color: #474747 !important;
}

/* 5. CORREGIR EL ROJO DEL MENÚ PÍLDORA (Header custom) */
.animated-pill-menu .item-link:hover,
.animated-pill-menu .item-link.active {
    background-color: #AB1212 !important;
}