body{
    background:#f5f6f8;
}

.menu-lateral{
    /* position:sticky; */
    top:20px;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.10);
}

.titulo-menu{
    background:#C90166;
    color:#fff;
    padding:18px;
    margin:0;
    font-weight:600;
}

.menu,
.submenu{
    list-style:none;
    margin:0;
    padding:0;
}

.menu>li{
    border-bottom:1px solid #ececec;
}

.menu a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    text-decoration:none;
    color:#444;
    transition:.9s;
}

.menu a:hover{
    background:#f8f9fa;
    color:#8C1D40;
}

.submenu{
    background:#fafafa;
}

.submenu a{
    padding-left:25px;
    display:block;
}

.submenu a:hover{
    padding-left:31px;
}

.contenido{
    background:#fff;
    border-radius:12px;
    padding:35px;
    min-height:650px;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.10);
}

.breadcrumb{
    background:none;
}



.contenido-seccion{

    background:#fff;
    padding:40px;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.titulo-seccion{

    font-size:1.8rem;
    font-weight:600;
    margin-bottom:35px;

}

.documento{

    border:none;
    border-left:6px solid #C8105A;
    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.pdf-icon{

    font-size:42px;
    color:#C8105A;

}

.galeria{

    width:100%;
    height:260px;

    object-fit:cover;

    border-radius:15px;

    transition:.35s;

    cursor:pointer;

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

}

.galeria:hover{

    transform:scale(1.03);

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

}


.galeria{

    width:100%;
    height:250px;
    object-fit:cover;

    border-radius:15px;

    cursor:pointer;

    transition:.3s;

    box-shadow:0 5px 20px rgba(0,0,0,.15);

}

.galeria:hover{

    transform:scale(1.03);

}

#modalImagen .modal-content{

    background:transparent;
    width:100%;

}
.modal-dialog{
    max-width:1000px;
}

#imagenModal{

    width:100%;

    max-height:105vh;

    object-fit:contain;

}

.seccion{
    display:none;
}

.seccion.activa{
    display:block;
}




/*ESTILO DE DIRECTORIO*/

/* TARJETAS */
.card-directivo{
    border:none;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
    transition:all .3s ease;
}

.card-directivo:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.card-header-custom{
    background:#009887 !important;
    color:#fff;
    font-weight:400;
    font-size:14px;
    letter-spacing:1px;
}

.card-body h5{
    font-weight:600;
    margin-bottom:5px;
}

.card-body p{
    margin:0;
    font-size:14px;
    color:#6c757d;
}

/* LÍNEAS JERÁRQUICAS */
.line-down{
    width:2px;
    height:40px;
    background:#8e1538;
    margin:0 auto;
}

.line-horizontal{
    height:2px;
    background:#8e1538;
    width:60%;
    margin:0 auto;
}

/* Responsive ajustes */
@media(max-width:768px){

    .line-horizontal{
        display:none;
    }

}

.submenu-scroll{
    max-height:280px;
    overflow-y:auto;
    overflow-x:hidden;

}

.rosa
{
    color:#C8105A !important;
}


.card{
    background:#fff;
}

.icon-circle{
    width:55px;
    height:55px;
    min-width:55px;
    border-radius:50%;
    background:#fdeef4;
    color:#c3006a;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.info-item{
    display:flex;
    gap:20px;
    padding:22px 0;
    border-bottom:1px solid #ececec;
    line-height:1.8;
    color:#444;
    font-size:16px;
}

.text-justify{
    text-align:justify;
}

.alert{
    background:#fff8fa;
    border-color:#f3d7e5 !important;
}

h1{
    color:#222;
}

a{
    color:#c3006a;
}

a:hover{
    color:#8d004c;
}








/* CONTENEDOR */

.documentos{
    max-width:900px;
    margin:auto;
    background:#fff;
    border:1px solid #d9d9d9;
}

/* ENCABEZADO */

.encabezado{
    background:#D3C2B4;   /* vino institucional */
    color:#311313;
    padding:18px 25px;
    border-bottom:4px solid #C90166; /* dorado */
}

.encabezado h2{
    margin:0;
    font-size:26px;
    font-weight:normal;
}

.encabezado p{
    margin-top:8px;
    font-size:14px;
    color:#ececec;
}

/* LISTA */
.documentos-privacidad {
    width: 100%;
    margin: 30px 0;
}

.grupo-documentos {
    margin-bottom: 30px;
}

/* ENCABEZADO DE CADA LISTA */

.titulo-grupo {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 0 0 14px 0;
    margin-bottom: 10px;

    border-bottom: 2px solid #e7e7e7;
}

.icono-grupo {
    width: 42px;
    height: 42px;

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

    color: #691c32;
    background: #f7f0f2;

    border-radius: 6px;
}

.icono-grupo svg {
    width: 22px;
    height: 22px;
}

.titulo-grupo h4 {
    margin: 0;

    color: #c90166;

    font-size: 18px;

    letter-spacing: .3px;
}

.titulo-grupo p {
    margin: 4px 0 0;
font-weight: normal !important;
    color: #888;

    font-size: 12px;
}


/* LISTA */

.lista-documentos {
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}


/* DOCUMENTO */

.documento {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 10px;
    padding: 7px 18px;

    border-bottom: 1px solid #ededed;

    transition: background .2s ease;
}

.documento:last-child {
    border-bottom: none;
}

.documento:hover {
    background: #faf8f9;
}

.nombre-documento {
    color: #444;

    font-size: 14px;
    font-weight: normal;
}


/* BOTÓN */

.btn-descargar {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 7px 13px;

    color: #691c32;
    background: #fff;

    border: 1px solid #691c32;
    border-radius: 4px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 400;

    transition: all .2s ease;
}

.btn-descargar svg {
    width: 15px;
    height: 15px;
}

.btn-descargar:hover {
    color: #fff;
    background: #691c32;
    text-decoration: none;
}


/* CELULAR */

@media (max-width: 600px) {

    .titulo-grupo h4 {
        font-size: 14px;
    }

    .titulo-grupo p {
        display: none;
    }

    .documento {
        padding: 12px;
    }

    .btn-descargar {
        padding: 7px 9px;
    }
}