/* Colores personalizados basados en el logo rojo */
:root {
    --primary: #DC2626;
    --primary-hover: #B91C1C;
    --primary-light: #FEE2E2;
    --primary-dark: #991B1B;
    --primary-inverse: #FFFFFF;
}

/* Botones primarios */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary-inverse) !important;
}

.btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-primary:focus {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25) !important;
}

/* Texto primario */
.text-primary {
    color: var(--primary) !important;
}

/* Fondo primario */
.bg-primary {
    background-color: var(--primary) !important;
}

/* Texto inverso primario */
.text-primary-inverse {
    color: var(--primary-inverse) !important;
}

/* Bordes primarios */
.border-primary {
    border-color: var(--primary) !important;
}

.border-primary-clarity {
    border-color: var(--primary-light) !important;
}

/* Fondos primarios claros */
.bg-primary-light {
    background-color: var(--primary-light) !important;
}

/* Badges primarios */
.badge-primary {
    background-color: var(--primary) !important;
    color: var(--primary-inverse) !important;
}

/* Links activos en sidebar */
.menu-item-active .text-primary,
.menu-link-hover\:\!text-primary:hover {
    color: var(--primary) !important;
}

/* Input focus */
.input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25) !important;
}

/* Alertas primarias */
.alert-primary {
    background-color: var(--primary-light) !important;
    border-color: var(--primary) !important;
    color: var(--primary-dark) !important;
}

/* Símbolos con fondo primario */
.symbol-label.bg-primary {
    background-color: var(--primary) !important;
    color: var(--primary-inverse) !important;
}

/* Logo - limitar tamaño máximo */
img.default-logo,
img.small-logo,
.login-background::before {
    max-width: 50% !important;
}

/* Imágenes y videos generales */
img {
    max-width: 50%;
    height: auto;
}