
/*==================================================
 SUBTÍTULOS ADMINISTRACIÓN DOCUMENTAL
==================================================*/

.titulo-seccion{

    grid-column:1 / -1;
    margin-top:10px;
    margin-bottom:-5px;
    padding-bottom:8px;
    border-bottom:1px solid #E5E5E5;

    font-size:16px;
    font-weight:700;
    color:#1F5F2C;
    text-transform:uppercase;
    letter-spacing:.8px;

}

.grid-control{

    row-gap:26px;

}

.grid-control input::placeholder,
.grid-control textarea::placeholder{

    color:#A5A5A5;
    font-style:italic;

}

.grid-control select:hover,
.grid-control input:hover,
.grid-control textarea:hover{

    border-color:#56AB0E;

}

.boton-curso{

    transition:.25s;

}

.boton-curso:hover{

    transform:translateY(-2px);

}

/*==================================================*
*FILTROS - LISTA MAESTRA
*==================================================*/

.filtros-documentos{

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:14px;

    padding:24px;

    margin:25px 0;

    box-shadow:0 4px 12px rgba(0,0,0,.06);

}

.filtros-documentos .row{

    display:grid;

    grid-template-columns:
        170px
        260px
        180px
        160px
        160px
        60px;

    gap:18px;

    align-items:end;

}

.filtros-documentos label{

    display:block;

    margin-bottom:6px;

    font-size:13px;

    font-weight:700;

    color:#145A32;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.filtros-documentos input,

.filtros-documentos select{

    width:100%;

    height:42px;

    border:1px solid #D8D8D8;

    border-radius:8px;

    padding:0 12px;

    background:#FFFFFF;

    box-sizing:border-box;

    transition:.20s;

}

.filtros-documentos input:focus,

.filtros-documentos select:focus{

    border-color:#56AB0E;

    outline:none;

    box-shadow:0 0 0 3px rgba(86,171,14,.15);

}

.filtros-documentos button{

    width:100%;

    height:42px;

}

.filtros-documentos .mt-3{

    display:flex;

    justify-content:flex-end;

    margin-top:20px !important;

}

/*==================================================*
* FILTROS - LISTA MAESTRA
*==================================================*/

.filtros-grid{

    display:grid;

    grid-template-columns:
        170px
        280px
        180px
        170px
        170px
        60px;

    gap:18px;

    align-items:end;

    margin:25px 0;

    padding:24px;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:14px;

    box-shadow:0 4px 12px rgba(0,0,0,.06);

}

.filtro{

    display:flex;

    flex-direction:column;

}

.filtro label{

    margin-bottom:6px;

    font-size:13px;

    font-weight:700;

    color:#145A32;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.filtro input,
.filtro select{

    width:100%;

    height:42px;

    padding:0 12px;

    border:1px solid #D8D8D8;

    border-radius:8px;

    background:#FFFFFF;

    box-sizing:border-box;

    transition:.20s;

}

.filtro input:focus,
.filtro select:focus{

    border-color:#56AB0E;

    outline:none;

    box-shadow:0 0 0 3px rgba(86,171,14,.15);

}

.filtro-boton{

    display:flex;

    align-items:flex-end;

}

.filtro-boton .boton-curso{

    width:100%;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:0;

}

/*==================================================*
*=              MI PERFIL
*==================================================*/

.mensaje-informativo{

    background:#F2F8F1;

    border-left:6px solid #56AB0E;

    border-radius:12px;

    padding:18px 22px;

    margin-bottom:30px;

    box-shadow:0 3px 10px rgba(0,0,0,.05);

}

.mensaje-informativo strong{

    display:flex;

    align-items:center;

    gap:10px;

    color:#145A32;

    font-size:18px;

    margin-bottom:10px;

}

.mensaje-informativo p{

    margin:0;

    color:#555;

    line-height:1.7;

    font-size:15px;

}

.formulario{

    background:#FFFFFF;

    border-radius:16px;

    padding:35px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.grupo-formulario{

    margin-bottom:22px;

}

.grupo-formulario label{

    display:block;

    margin-bottom:8px;

    font-weight:700;

    color:#145A32;

}

.grupo-formulario input{

    width:100%;

    padding:14px 16px;

    border:1px solid #D8D8D8;

    border-radius:10px;

    background:#FAFAFA;

    color:#555;

    font-size:15px;

}

.grupo-formulario input:read-only{

    background:#F7F7F7;

    cursor:default;

}

.boton-verde{

    background:#1F5F2C;

    color:#FFFFFF;

    border:none;

    border-radius:10px;

    padding:14px 28px;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.boton-verde:hover{

    background:#56AB0E;

}