/* ── Inputs ── */
.contenedor_inicia_sesion input#user_login,
.contenedor_inicia_sesion input#user_pass {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 10%;
}

/* ── Labels ── */
.contenedor_inicia_sesion #cendis-login-form label {
    font-family: 'Karla-Bold';
}

/* ── Wrapper del botón — se encoge al tamaño del input ── */
.cendis-submit-wrapper {
    position: relative;
    display: inline-block;
}

/* ── Botón activo ── */
#cendis-login-btn {
    border-radius: 5px;
    background: #031130;
    height: 48px;
    display: block;
}

/* ── Botón deshabilitado ── */
#cendis-login-btn:disabled {
    background: #70747f;
}

/* ── Loader spinner ── */
.contenedor_inicia_sesion .cendis-btn-loader,
.cendis-btn-loader {
    margin-top: 0;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #031130;
    border-radius: 5px;
    pointer-events: none;
}

.cendis-btn-loader::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cendis-spin 0.7s linear infinite;
}

@keyframes cendis-spin {
    to { transform: rotate(360deg); }
}