@charset "utf-8";
/* CSS Document */

.leg-log-page{
    background:#f4f7fb;
    min-height:100vh;
}

.leg-log-card{
    min-height:650px;
    height:100%;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.leg-log-brand{
   background-image: url("../assets/fds/fdo_verde.jpg");
	background-size: cover;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px;
}

.leg-log-brand-content{
    width:100%;
}

.leg-log-logo{
    margin-bottom:60px;
}

.leg-log-title{
    font-size:4rem;
    font-weight:300;
    line-height:1.1;
}

.leg-log-title span{
    display:block;
    font-weight:700;
}

.leg-log-description{
    margin-top:25px;
    font-size:1.8rem;
}

.leg-log-form{
    background-image: url("../assets/fds/fdo_plomo.jpg");
	background-size: cover;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px;
}

.leg-log-form-container{
    width:100%;
    max-width:420px;
}

.leg-log-user-ico{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #003710;
}
.leg-log-user-ico i{
	color:#FFFFFF;
	font-size:2.5rem;
}

.leg-log-form-title{
    text-align:center;
    margin-bottom:5px;
	font-size:1.3rem;
}

.leg-log-form-subtitle{
    text-align:center;
    color:#6c757d;
    margin-bottom:30px;
	font-size:0.9rem;
}
.leg-log-label{
	font-size:0.85rem;
	font-weight: 500;
}
.leg-log-icon {
    background-color: #006642 !important; /* Cambia este código por el color que desees */
    border: none; /* Opcional: para quitar el borde si lo prefieres más limpio */
    color: #ffffff; /* Opcional: cambia el color del icono interno */
}
.leg-log-icon i{
	font-size:1.2rem;
}

.leg-log-input::placeholder{
	font-size:0.95rem;
}
.form-check-label{
	font-size:0.9rem;
}
.leg-log-link{
	color:#198754;
	font-size:0.9rem;
	/*text-decoration: none;*/
}
.leg-log-link:hover{
	color:#003B13;
}
.leg-log-register{
    margin-top:30px;
    text-align:center;
    font-size:.95rem;
}

.leg-log-register-text{
    color:#667085;
}

.leg-log-register-link{
    color:#0b8bb3;
    text-decoration:none;
    font-weight:600;
}

.leg-log-register-link:hover{
    text-decoration:underline;
}

.leg-log-support{
    margin-top:25px;
    background:#f8fafc;
    border:1px solid #e4e7ec;
    border-radius:18px;
    padding:20px;
}

.leg-log-support-title{
    font-size:15px;
    font-weight:700;
    color:#344054;
    margin-bottom:10px;
}

.leg-log-support-body{
    font-size:14px;
    color:#667085;
    line-height:1.7;
}

.leg-log-support-body a{
    text-decoration:none;
    font-weight:600;
}

.leg-log-support-body a:hover{
    text-decoration:underline;
}

/* =====================================
   INPUTS
===================================== */

.leg-log-form .form-control{
    height:50px;
}

.leg-log-form .input-group-text{
    min-width:48px;
    justify-content:center;
}

.leg-log-form .btn{
    height:50px;
}

.faq-modal{
    border:none;
    border-radius:20px;
    overflow:hidden;
}

.faq-body{
    max-height:500px;
    overflow-y:auto;
    padding:10px 30px 20px;
}

.faq-icon{
    width:46px;
    height:46px;
    border-radius:12px;
    background:#e8f4f8;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#006642;
    font-size:1.4rem;
}

.faq-title{
    margin:0;
    font-size:2rem;
    font-weight:700;
    color:#006642;
}

.faq-subtitle{
    color:#64748b;
    font-size:1.15rem;
}

.faq-accordion .accordion-item{
    border:none;
    border-bottom:1px solid #eef2f7;
}

.faq-accordion .accordion-button{
    padding:22px 10px;
    font-size:1.15rem;
    font-weight:600;
    color:#334155;
    background:#fff;
    box-shadow:none;
}

.faq-accordion .accordion-button:not(.collapsed){
    background:#fff;
    color:#0f172a;
}

.faq-accordion .accordion-body{
    padding:0 10px 20px;
    color:#64748b;
    line-height:1.8;
    font-size:1rem;
}

.faq-footer{
    text-align:center;
    padding:20px;
    border-top:1px solid #eef2f7;
    color:#94a3b8;
}

.faq-footer a{
    color:#006642;
    text-decoration:none;
    font-weight:600;
}

/* =====================================
   RESPONSIVE
===================================== */

@media (max-width:991px){

    .leg-log-brand{
        padding:40px;
        text-align:center;
    }

    .leg-log-logo{
        margin-bottom:30px;
    }

    .leg-log-title{
        font-size:2.8rem;
    }

    .leg-log-description{
        font-size:1.2rem;
    }

    .leg-log-form{
        padding:35px;
    }

}

@media (max-width:576px){

    .leg-log-brand{
        padding:30px;
    }

    .leg-log-form{
        padding:25px;
    }

    .leg-log-title{
        font-size:2.2rem;
    }

    .leg-log-description{
        font-size:1rem;
    }

}