h1 {
    color: rgb(30, 48, 71) !important;
}

.dark h1 {
    color: #fffbe6 !important;
}


.quick-registration-modal.fi-modal-window {
    max-width: 800px !important; /* Ajusta el ancho */              /* Espaciado interno */
}


[readonly] {
    /* Tus estilos aquí */
    background-color: rgb(244, 245, 246) !important;
  }

.border-primary {
    border-left: 4px solid #ffd65b !important;
}

.fi-topbar .fi-topbar-item .fi-topbar-item-icon, 
.fi-topbar .fi-topbar-item .fi-topbar-item-label, 
.fi-dropdown-panel  .fi-dropdown-list .fi-dropdown-list-item-icon,
.fi-dropdown-panel  .fi-dropdown-list .fi-dropdown-list-item-label {
    color: rgb(30, 48, 71) !important;
}

.fi-logo {
    color: rgb(30, 48, 71) !important;
    border-bottom: 3px solid #ffd65b !important;
}

.dark .fi-topbar .fi-topbar-item .fi-topbar-item-icon,
.dark .fi-topbar .fi-topbar-item .fi-topbar-item-label,
.dark .fi-dropdown-panel  .fi-dropdown-list .fi-dropdown-list-item-icon,
.dark .fi-dropdown-panel  .fi-dropdown-list .fi-dropdown-list-item-label {
    color: #fffbe6 !important; /* Color claro para iconos y texto */
}

.dark .fi-logo {
    color: #fffbe6 !important;
    border-bottom: 3px solid #fbbf24 !important;
}

.fi-topbar .fi-topbar-item {
    position: relative;
    overflow: hidden;
}


.fi-topbar .fi-topbar-item::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;           
    width: 0;            
    height: 3px;         
    background: #ffd65b;
    transition: width 0.3s;
    z-index: 1;
}

/* Al hacer hover, el borde crece al 100% */
.fi-topbar .fi-topbar-item:hover::before,
.fi-topbar .fi-topbar-item:focus::before,
.fi-topbar .fi-topbar-item.fi-active::before {
    width: 100%;
}