/*==================================================
=         EXPEDIENTE DEL DOCUMENTO
==================================================*/

.expediente-barra{

    background:#FFFFFF;
    border-radius:14px;
    padding:22px 28px;
    margin-bottom:25px;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    border-left:6px solid #1F5F2C;

}

.expediente-codigo{

    font-size:28px;
    font-weight:800;
    color:#145A32;
    letter-spacing:1px;

}

.expediente-nombre{

    font-size:24px;
    font-weight:700;
    margin-top:6px;
    color:#333;

}

.expediente-detalle{

    margin-top:10px;
    color:#777;
    font-size:15px;

}

.expediente-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;

}

.tarjeta-expediente{

    background:#FFFFFF;
    border-radius:14px;
    padding:25px;
    box-shadow:0 4px 14px rgba(0,0,0,.08);

}

.tarjeta-expediente h3{

    color:#145A32;
    font-size:22px;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;

}

.tarjeta-expediente hr{

    border:none;
    border-top:1px solid #E5E5E5;
    margin-bottom:20px;

}

.documento-vacio{

    height:420px;
    border:2px dashed #D7D7D7;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#999;
    font-size:18px;
    background:#FAFAFA;

}
/*==================================================
=          DOCUMENTO ELECTRÓNICO
==================================================*/

.visor-documento{

    height:420px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F5F5F5;

    border:1px solid #E3E3E3;

    border-radius:12px;

    margin-bottom:20px;

}

.pagina-pdf{

    width:230px;

    height:310px;

    background:#FFFFFF;

    border:1px solid #D9D9D9;

    border-radius:6px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    transition:.25s;

}

.pagina-pdf:hover{

    transform:scale(1.02);

}

.pagina-pdf i{

    font-size:72px;

    color:#D32F2F;

    margin-bottom:18px;

}

.pagina-pdf span{

    font-size:17px;

    font-weight:600;

    color:#666;

}

.pdf-mensaje{

    text-align:center;

    color:#666;

    font-size:15px;

    margin-bottom:20px;

}

.pdf-boton{

    text-align:center;

    margin-bottom:20px;

}

.pdf-links{

    display:flex;

    justify-content:center;

    gap:35px;

}

.pdf-links a{

    color:#145A32;

    text-decoration:none;

    font-weight:600;

    transition:.20s;

}

.pdf-links a:hover{

    color:#56AB0E;

}
/*======================================
  MINIATURA PDF
======================================*/

.miniatura-pdf{

    width:100%;

    min-height:430px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    background:#8F8F8F;

    border:1px solid #D9D9D9;

    border-radius:10px;

    overflow:auto;
    padding:25px;

    box-sizing:border-box;

    text-decoration:none;

}
#miniaturaPDF{

    display:block;

    background:#FFF;

    margin:auto;

    cursor:pointer;

    box-shadow:0 8px 25px rgba(0,0,0,.25);

    transition:.20s;

}

.miniatura-pdf:hover #miniaturaPDF{

    transform:scale(1.02);

    box-shadow:0 14px 35px rgba(0,0,0,.35);

}

/*==================================================
CABECERA - INFORMACIÓN BÁSICA
==================================================*/

.cabecera-edicion{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

}

.cabecera-formulario{

    flex:1;

}

.cabecera-formulario .grid-control{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px 28px;

}

.cabecera-formulario label{

    display:block;

    margin-bottom:6px;

    font-weight:600;

    color:#1F5F2C;

}

.cabecera-formulario input[type="checkbox"]{

    width:18px;

    height:18px;

    margin-right:10px;

    vertical-align:middle;

}
.cabecera-formulario input,

.cabecera-formulario select{

    width:100%;

    height:42px;

    border:1px solid #D9D9D9;

    border-radius:8px;

    padding:0 12px;

    font-size:15px;

    background:#FFFFFF;

}

.cabecera-formulario input[readonly]{

    background:#F5F5F5;

    color:#666666;

    font-weight:600;

}

.cabecera-formulario .campo-completo{

    grid-column:1 / -1;

}

.cabecera-botones{

    width:240px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:stretch;

    gap:18px;

    padding-top:35px;

}

.cabecera-botones .boton-curso{

    width:100%;

}

.cabecera-botones a{

    text-align:center;

    text-decoration:none;

}

/*==================================================
FORMULARIOS - ADMINISTRACIÓN DOCUMENTAL
==================================================*/

.tarjeta-expediente input,
.tarjeta-expediente select,
.tarjeta-expediente textarea{

    width:100%;

    border:1px solid #D9D9D9 !important;

    border-radius:8px !important;

    background:#FFFFFF !important;

    font-size:15px;

    box-sizing:border-box;

    outline:none;

}

.tarjeta-expediente input,
.tarjeta-expediente select{

    height:42px;

    padding:0 12px;

}

.tarjeta-expediente textarea{

    min-height:90px;

    padding:10px 12px;

    resize:vertical;

}

.tarjeta-expediente input[type="checkbox"]{

    width:18px !important;

    height:18px !important;

    margin-right:10px;

    vertical-align:middle;

}

/*==================================================
CONTROL DE VERSIONES
==================================================*/

.titulo-seccion-control-versiones{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    margin-bottom:24px;

}

.subtitulo-seccion{

    margin-top:6px;

    color:#666666;

    font-size:15px;

}

.boton-nueva-version{

    background:#1F5F2C;

    color:#FFFFFF;

    border:none;

    border-radius:8px;

    padding:10px 18px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.25s;

}

.boton-nueva-version:hover{

    background:#2E7D32;

}

/*==================================================
VERSIÓN VIGENTE
==================================================*/

.version-vigente-card{

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-left:6px solid #1F5F2C;

    border-radius:10px;

    padding:24px;

    margin-bottom:30px;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

}

.version-vigente-titulo{

    font-size:14px;

    font-weight:700;

    color:#666666;

    text-transform:uppercase;

    letter-spacing:.8px;

    margin-bottom:10px;

}

.version-vigente-numero{

    font-size:42px;

    font-weight:700;

    color:#1F5F2C;

    margin-bottom:18px;

}

.version-vigente-info{

    margin-bottom:10px;

    color:#444444;

    line-height:1.6;

}

.version-vigente-info strong{

    color:#1F5F2C;

}

/*==================================================*
*HISTORIAL DE VERSIONES*
*==================================================*/

.tabla-versiones{

    margin-top:30px;

}

.tabla-versiones .table{

    width:100%;

    margin-bottom:0;

    border-radius:10px;

    overflow:hidden;

    background:#FFFFFF;

}

.tabla-versiones thead{

    background:#1F5F2C;

}

.tabla-versiones thead th{

    color:#FFFFFF;

    font-weight:600;

    text-transform:uppercase;

    font-size:13px;

    letter-spacing:.5px;

    border:none;

    vertical-align:middle;

}

.tabla-versiones tbody tr{

    transition:.20s;

}

.tabla-versiones tbody tr:hover{

    background:#F5FAF5;

}

.tabla-versiones tbody td{

    vertical-align:middle;

}

.tabla-versiones .badge{

    font-size:12px;

    padding:8px 14px;

}

/*==================================================*
*PANEL NUEVA VERSIÓN*
*==================================================*/

#panelNuevaVersion{

    margin-top:25px;

}

#panelNuevaVersion .card{

    border:none;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

}

#panelNuevaVersion .card-header{

    background:#1F5F2C !important;

    color:#FFFFFF;

    font-size:18px;

    font-weight:700;

    padding:16px 22px;

}

#panelNuevaVersion .card-body{

    background:#FAFAFA;

    padding:24px;

}

#panelNuevaVersion .card-footer{

    background:#FFFFFF;

    padding:18px 24px;

    border-top:1px solid #E5E5E5;

}

#panelNuevaVersion label{

    font-weight:600;

    color:#145A32;

    margin-bottom:8px;

}

#panelNuevaVersion textarea{

    min-height:110px;

}

#panelNuevaVersion .btn-success{

    min-width:220px;

}