/* ==========================================
   CORRECCIONES ESPECÍFICAS PARA MODAL DE PERFIL
   ========================================== */

/* ==========================================
   CORRECCIÓN TIPOGRAFÍA DESFASADA - ESPECIFICIDAD ULTRA ALTA
   ========================================== */

/* Forzar tipografía específica para todos los elementos de texto del modal */
.profile-modal-overlay .profile-modal-content .profile-modal-header .profile-modal-title-section .profile-modal-title,
.profile-modal-overlay .profile-modal-title,
div[id="profileModal"] .profile-modal-title {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #111827 !important;
    line-height: 1.6 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

.profile-modal-overlay .profile-modal-content .profile-modal-header .profile-modal-title-section .profile-modal-subtitle,
.profile-modal-overlay .profile-modal-subtitle,
div[id="profileModal"] .profile-modal-subtitle {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    color: #6B7280 !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

.profile-modal-overlay .profile-modal-content .profile-options-grid .profile-option-card .profile-option-title,
.profile-modal-overlay .profile-option-title,
div[id="profileModal"] .profile-option-title {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    color: #111827 !important;
    line-height: 1.4 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

.profile-modal-overlay .profile-modal-content .profile-options-grid .profile-option-card .profile-option-description,
.profile-modal-overlay .profile-option-description,
div[id="profileModal"] .profile-option-description {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    color: #6B7280 !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

.profile-modal-overlay .profile-modal-content .profile-modal-footer .profile-modal-footer-text,
.profile-modal-overlay .profile-modal-footer-text,
div[id="profileModal"] .profile-modal-footer-text {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    color: #6B7280 !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* ==========================================
   CORRECCIÓN BOTÓN CERRAR - FUNCIONAMIENTO
   ========================================== */

.profile-modal-overlay .profile-modal-content .profile-modal-header .profile-modal-close,
.profile-modal-overlay .profile-modal-close,
div[id="profileModal"] .profile-modal-close {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    color: #9CA3AF !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.2s ease-in-out !important;
    z-index: 999 !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
}

.profile-modal-close:hover {
    color: #6B7280 !important;
    background-color: #F3F4F6 !important;
}

/* Mantener iconos MDI intactos */
.profile-modal-close i.mdi,
.profile-icon.mdi {
    font-family: 'Material Design Icons' !important;
}

/* ==========================================
   RESET COMPLETO DE TIPOGRAFÍA AL ABRIR MODAL
   ========================================== */

/* Reset global para modal cuando se abre */
.profile-modal-overlay:not(.hidden) * {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
}

/* Excepciones para iconos MDI */
.profile-modal-overlay:not(.hidden) .mdi,
.profile-modal-overlay:not(.hidden) .profile-icon {
    font-family: 'Material Design Icons' !important;
}