/* OVERRIDE DE COLORES: Cambiar todos los acentos naranjas (#ed563b) a rojo (#d32f2f) */
/* Este archivo se aplica DESPUÉS de todos los demás CSS para sobrescribir los colores naranjas */

/* Botones principales */
.main-button a,
.btn-primary,
button[type="submit"]:not(.submit-button) {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3) !important;
}

.main-button a:hover,
.btn-primary:hover,
button[type="submit"]:not(.submit-button):hover {
    box-shadow: 0 8px 25px rgba(211, 47, 47, 0.4) !important;
}

/* Em elements - cambiar de naranja a rojo */
em,
.section-heading h2 em,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    color: #d32f2f !important;
}

/* Schedule section */
.schedule-filter li.active {
    background: #d32f2f !important;
    border-color: #d32f2f !important;
}

.schedule-filter li:hover {
    border-color: #d32f2f !important;
    color: #d32f2f !important;
}

.time-badge {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
}

/* Classes tabs */
#tabs ul li a.ui-tabs-active,
.ui-tabs-active {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
    border-color: transparent !important;
}

#tabs ul li a:hover {
    border-color: #d32f2f !important;
    color: #d32f2f !important;
}

/* Features icons */
.feature-item .icon,
.feature-item .features-icon {
    background-color: #d32f2f !important;
}

/* Gallery */
.gallery-expand {
    background: rgba(211, 47, 47, 0.9) !important;
}

.gallery-overlay h3 {
    color: white !important;
}

/* Gallery modern button */
#gallery .main-button a {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
}

/* Contact section */
.info-item i {
    color: #d32f2f !important;
    background: rgba(211, 47, 47, 0.1) !important;
}

.info-item:hover {
    border-color: #d32f2f !important;
    box-shadow: 0 5px 20px rgba(211, 47, 47, 0.1) !important;
}

.form-control:focus {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 4px rgba(211, 47, 47, 0.1) !important;
}

.custom-checkbox a {
    color: #d32f2f !important;
}

.custom-checkbox input[type="checkbox"] {
    accent-color: #d32f2f !important;
}

.submit-button {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
    box-shadow: 0 5px 20px rgba(211, 47, 47, 0.3) !important;
}

.submit-button:hover:not(:disabled) {
    box-shadow: 0 8px 30px rgba(211, 47, 47, 0.4) !important;
}

/* Back to top button */
.back-to-top {
    background: #d32f2f !important;
    box-shadow: 0 5px 20px rgba(211, 47, 47, 0.4) !important;
}

.back-to-top:hover {
    box-shadow: 0 10px 30px rgba(211, 47, 47, 0.5) !important;
}

/* Header active menu item */
.header-area .main-nav .nav li a.active {
    background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%) !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
}

/* Links genéricos que puedan tener color naranja */
a {
    color: #d32f2f;
}

a:hover {
    color: #b71c1c;
}

/* CTA section */
.cta-content h2 em,
#call-to-action h2 em {
    color: #d32f2f !important;
}

/* Trainer section */
.trainer-item .down-content span {
    color: #d32f2f !important;
}

/* Cualquier elemento con la clase text-warning o similar */
.text-warning,
.text-orange,
.accent-color {
    color: #d32f2f !important;
}

/* Iconos Font Awesome que puedan tener color naranja */
.fa-star,
.fa-heart {
    color: #d32f2f !important;
}

/* Badges */
.badge-warning,
.badge-orange {
    background-color: #d32f2f !important;
    color: white !important;
}

/* Progress bars */
.progress-bar {
    background-color: #d32f2f !important;
}

/* Cualquier elemento con background naranja */
[style*="background-color: #ed563b"],
[style*="background: #ed563b"] {
    background-color: #d32f2f !important;
}

/* Cualquier elemento con color naranja */
[style*="color: #ed563b"] {
    color: #d32f2f !important;
}