body {
}

:root {
    --backgroundPage: #0264d6;
    --backgroundPage2: #1c2b5a;
    --AzulNAD: #00337f;
    --VerdeNAD: #7FBA00;
    --AzulNADR: rgba(51,122,183,1.0);
}

.bg-onelink {
    min-height: 100vh;
    background: radial-gradient( ellipse at center, var(--backgroundPage) 0%, var(--backgroundPage) 18%, var(--backgroundPage2) 100% );
}

.login-card {
    width: 100%;
    max-width: 750px;
}

.input-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 14px;
}

.form-control {
    border-radius: 8px;
    border: 1px solid #d6d9dc;
    transition: all .2s ease;
}

.form-control:focus {
    box-shadow: 0 0 0 0.15rem rgba(37,100,207,.25);
    border-color: #2564cf;
}

/*.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(31, 76, 143, 0.25);
    border-color: #1f4c8f;
}*/

.btn-primary {
    background-color: #2564cf;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all .2s ease;
}

.btn-primary:hover {
    background-color: #1f55b3;
    transform: translateY(-1px);
}

/* Línea divisoria solo en desktop */
@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid #e3e6ea;
    }
}

.logo-nad {
    max-width: 380px;
    transition: transform .3s ease;
}

.logo-nad:hover {
    transform: scale(1.03);
}

.card {
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.card-body {
    /*padding-top: 3rem !important;
    padding-bottom: 3rem !important;*/
    padding: 4rem 4rem !important;
}

.link-verde {
    color: var(--VerdeNAD);
    font-weight: 700; /* más fuerte que One */
}

.titulo-onelink {
    position: relative;
    text-align: center;
    padding: 40px 0;
    overflow: hidden;
}

.titulo-onelink::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px; /* tamaño del efecto */
    height: 300px;
    transform: translate(-50%, -50%);
    background: url('../css/Images/fondo-circulos.png') center no-repeat;
    background-size: contain;
    opacity: 0.30; /* MUY IMPORTANTE: sutil */
    z-index: 0;
    pointer-events: none;
}

/*.titulo-onelink h2,
.titulo-onelink small {
    position: relative;
    z-index: 1;
}*/

.titulo-onelink small {
    font-size: 0.85rem;
    letter-spacing: .5px;
}


/*font-weight: 600;*/ /* grosor medio-fuerte */