/* Sobrescribir los estilos de Bootstrap con la paleta personalizada */

/* Botones */
.btn-primary {
    background-color: #FF8C00 !important; /* Naranja Energía */
    border-color: #FF8C00 !important;
    color: #F5F5F5 !important; /* Blanco Humo */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #FFD700 !important; /* Amarillo Oro */
    border-color: #FFD700 !important;
    color: #333333 !important; /* Gris Carbón */
}

/* Enlaces */
a {
    color: #00274D; /* Azul Marino */
}

a:hover, a:focus {
    color: #004D40; /* Verde Petróleo */
}

/* Tarjetas */
.card {
    border-color: #333333 !important; /* Gris Carbón */
}

.card-title {
    color: #00274D !important; /* Azul Marino */
}

/* Barra de Navegación */
.navbar {
    background-color: #F5F5F5 !important; /* Blanco Humo */
}

.navbar-brand, .navbar-nav .nav-link {
    color: #00274D !important; /* Azul Marino */
}

.navbar-nav .nav-link:hover {
    color: #004D40 !important; /* Verde Petróleo */
}

/* Texto */
.text-primary {
    color: #00274D !important; /* Azul Marino */
}

/* Información Bursátil */
.stock-info {
    background-color: #004D40 !important; /* Verde Petróleo */
}

/* Botones de Acciones */
.btn-outline-primary {
    color: #00274D !important; /* Azul Marino */
    border-color: #00274D !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #00274D !important;
    border-color: #00274D !important;
    color: #F5F5F5 !important; /* Blanco Humo */
}

/* General */
body {
    background-color: #F5F5F5 !important; /* Blanco Humo */
    color: #333333 !important; /* Gris Carbón */
}