/* app/static/css/style.css */

/* Ocultar el botón nativo de mostrar/ocultar contraseña de los navegadores */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-contacts-auto-fill-button,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-outer-spin-button,
input[type="password"]::-webkit-search-cancel-button,
input[type="password"]::-webkit-search-results-button,
input[type="password"]::-webkit-search-results-decoration {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body {
    font-family: 'Poppins', sans-serif; /* Un buen tipo de letra base */
}

.navbar-custom-gradient {
    background: linear-gradient(to right, #0dc7ec, #010607) !important; /* El degradado que especificaste */
    /* Asegúrate de que el color del texto del navbar sea visible sobre el degradado, por ejemplo: */
    /* color: white;  Bootstrap ya debería manejar esto con navbar-dark */
}

/* Aquí puedes añadir otros estilos globales que necesites para tu aplicación */

/* Button Styles */

/* Estilo principal para botones de acción (ej. Iniciar Sesión, Enviar) */
/* Se aplica a botones de submit en formularios, y a .btn-primary */
form button[type="submit"],
.btn-primary {
    background-color: #0dc7ec !important; /* Azul LIBEROS */
    border-color: #0dc7ec !important;
    color: white !important;
    padding: 0.5rem 1rem; /* Asegurar un padding adecuado */
    font-weight: 500;
}

form button[type="submit"]:hover,
form button[type="submit"]:focus,
form button[type="submit"]:active,
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: #077388 !important; /* Azul LIBEROS hover */
    border-color: #077388 !important;
    color: white !important;
    box-shadow: none !important;
}

/* Estilo base para botones genéricos .btn si no son .btn-primary o de submit */
.btn:not(.btn-primary):not(form button[type="submit"]):not(.btn-link):not(.btn-light) {
    color: #212529; /* Texto oscuro por defecto */
    background-color: #e9ecef; /* Fondo gris claro */
    border-color: #ced4da;
}

.btn:not(.btn-primary):not(form button[type="submit"]):not(.btn-link):not(.btn-light):hover {
    background-color: #d3d9df;
    border-color: #b9c2cb;
}

/* Para botones secundarios como 'Olvidé mi contraseña', 'Registrarse' */
.btn-light {
    color: #000 !important; 
    background-color: #f8f9fa !important; 
    border-color: #ced4da !important; 
}

.btn-light:hover {
    color: #000 !important;
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
}

.btn-link {
    color: #0dc7ec !important; 
}

.btn-link:hover {
    color: #077388 !important;
}

/* Visibilidad de Logos */
.navbar-brand img,
.footer img {
    display: inline-block !important; /* o block según el layout */
    opacity: 1 !important;
    max-height: 40px; /* Mantener la altura definida en base.html */
}

/* Neutralizar color salmón (#ff6d6d) */
[style*="color: #ff6d6d"], [style*="color:rgb(255, 109, 109)"],
.text-danger, /* Bootstrap a veces usa un rojo similar para alertas/errores, verificar si es esto */
.text-salmon /* Si tienes una clase específica */
{
    /* Intentar sobreescribir con un color más neutro o heredado */
    /* Si es un enlace, usar color de enlace por defecto */
    /* Si es texto normal, usar color de texto por defecto */
    /* Esto es genérico, podría necesitar ser más específico */
    color: inherit !important; 
}

[style*="background-color: #ff6d6d"], [style*="background-color:rgb(255, 109, 109)"],
.bg-salmon
{
    background-color: transparent !important;
}

/* Limpieza de reglas vacías (ya no deberían estar vacías con estos cambios) */

.rating-distribution-item-width {
    width: 40px;
}

.rating-progress-bar-height {
    height: 10px;
}

.progress-bar-dynamic-width {
    width: var(--progress-width, 0%); /* Default to 0% if variable not set */
}

/* Los siguientes estilos generales que ponían todo fucsia se mantienen comentados o eliminados */

#support-button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #007bff;
    color: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 1000;
    transition: var(--transition);
}

#support-button:hover {
    transform: scale(1.1);
}

/* 
button,
.btn {
    background-color: #cf15e8 !important; 
    border-color: #cf15e8 !important;
    color: white !important; 
}

button:hover,
.btn:hover {
    background-color: #581ca9 !important; 
    border-color: #581ca9 !important;
    color: white !important;
}

.btn-custom-purple {
    background-color: #cf15e8 !important;
    border-color: #cf15e8 !important;
    color: white !important;
}

.btn-custom-purple:hover {
    background-color: #581ca9 !important;
    border-color: #581ca9 !important;
    color: white !important;
}

.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    background-color: #cf15e8 !important;
    border-color: #cf15e8 !important;
    color: white !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover,
.btn-light:hover,
.btn-dark:hover {
    background-color: #581ca9 !important;
    border-color: #581ca9 !important;
    color: white !important;
}
*/