/* ===============================================
   HERO BUTTON FIX - ESTILOS FORZADOS
   =============================================== */

/* Botón Hero - Fondo Naranja, Texto Blanco */
.btn-hero,
a.btn-hero,
.modern-hero-content .btn-hero {
    background: #F39C12 !important;
    color: #ffffff !important;
    padding: 18px 50px !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    border: none !important;
}

/* Hover - Fondo Azul Oscuro, Texto Naranja */
.btn-hero:hover,
.btn-hero:focus,
.btn-hero:active,
a.btn-hero:hover,
a.btn-hero:focus,
a.btn-hero:active,
.modern-hero-content .btn-hero:hover {
    background: #3d5570 !important;
    /* Azul medio oscuro */
    color: #F39C12 !important;
    /* Naranja */
    transform: scale(1.05) translateY(-3px) !important;
    text-decoration: none !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Links dentro del botón heredan el color */
.btn-hero a,
.btn-hero a:link,
.btn-hero a:visited,
.btn-hero a:hover,
.btn-hero a:active {
    color: inherit !important;
    text-decoration: none !important;
}

/* Asegurar que NO cambie con los estilos globales de links */
.modern-hero-content a.btn-hero:link {
    color: #ffffff !important;
}

.modern-hero-content a.btn-hero:visited {
    color: #ffffff !important;
}

.modern-hero-content a.btn-hero:hover,
.modern-hero-content a.btn-hero:focus,
.modern-hero-content a.btn-hero:active {
    color: #F39C12 !important;
    background: #3d5570 !important;
}