:root {
    --main-yellow: rgb(232,178,90);
}

.backgroundLogoImage {
    background-image: url("/images/marca/icono.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.functionalitiesList {
    height: 60vh;
    width: 100%;
    border: 5px solid var(--main-yellow);
    background-color: #FFF;
}

.functionalitiesList li{
    text-decoration: none;
    list-style: none;
    margin: 10px 0
}

/* ===== Paleta de marca NECbookings (extraída del logo) ===== */
:root {
    --nec-navy: #1D2A5C;    /* azul marino del texto "bookings" y casco del barco */
    --nec-navy-dark: #151F45;
    --nec-orange: #E8B25A;  /* naranja del recuadro NEC y el sol */
    --nec-blue: #4A82C2;    /* azul medio de los anillos */
    --nec-sky: #7FB0E0;     /* celeste del anillo interior */
}

/* Título y separador */
.nec-title { color: var(--nec-navy); }
.nec-divider {
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--nec-orange) 0 50%, var(--nec-sky) 50% 100%);
}

/* Botón principal con colores de marca */
.btn-nec {
    background-color: var(--nec-navy);
    border: 1px solid var(--nec-navy);
    color: #fff;
    transition: background-color .15s ease-in-out;
}
.btn-nec:hover, .btn-nec:focus {
    background-color: var(--nec-navy-dark);
    border-color: var(--nec-navy-dark);
    color: #fff;
}
.btn-nec:focus-visible {
    outline: 3px solid rgba(232, 178, 90, .45);
    outline-offset: 1px;
}

/* Inputs: foco con acento de marca */
.loginwrapper .form-control:focus {
    border-color: var(--nec-blue);
    box-shadow: 0 0 0 .2rem rgba(127, 176, 224, .25);
}

/* Checkbox "Mantenerme registrado" */
.loginwrapper input[type="checkbox"] { accent-color: var(--nec-orange); }

/* Columna izquierda: fondo suave celeste, evoca mar/cielo del logo */
.loginwrapper .left-column {
    background: linear-gradient(180deg, #ffffff 0%, #eaf6fd 55%, #d9eefb 100%);
}

/* Campo de contraseña con botón para mostrar/ocultar */
.nec-password-wrap { position: relative; }
.nec-password-input { padding-right: 2.75rem !important; }
.nec-password-toggle {
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: .25rem;
    line-height: 0;
    color: #64748b;
    cursor: pointer;
}
.nec-password-toggle:hover { color: var(--nec-navy); }

/* Pie de página */
.nec-footer { color: var(--nec-navy); }