:root {
    --ironbug-red: #e32626;
    --ironbug-red-dark: #c21f1f;
    --bs-primary: var(--ironbug-red);
    --bs-primary-rgb: 227, 38, 38;
}

.material-icons {
    vertical-align: middle;
}

.btn-primary {
    --bs-btn-bg: var(--ironbug-red);
    --bs-btn-border-color: var(--ironbug-red);
    --bs-btn-hover-bg: var(--ironbug-red-dark);
    --bs-btn-hover-border-color: var(--ironbug-red-dark);
    --bs-btn-active-bg: var(--ironbug-red-dark);
    --bs-btn-focus-shadow-rgb: 227, 38, 38;
}

.form-control:focus, .form-select:focus {
    border-color: rgba(227, 38, 38, 0.5);
    box-shadow: 0 0 0 0.25rem rgba(227, 38, 38, 0.25);
}

/* Ajustes de Layout */
.content-input-group {
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 8px;
}

.nav-pills .nav-link.active {
    background-color: white;
    color: black;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.subtitle-text {
    font-size: 0.85rem;
    color: #6c757d;
}