.Nomovil{
    display: block;
}

.Simovil{
    display: none;
}

body {
  overflow-x: hidden;
}
.fondoPatron {
    background-image: url("../../img/fondo_gris.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: max-content;
}


.itemDestacado{
    width: 100%;
    height: max-content;

}

.itemDestacado .contenido{
    background-color: #ffffff !important;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);

}

.itemDestacado .contenidoPrincipal{
 background-image: url("../../img/FotosInforme/morales.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: max-content;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);

}

.contenidoLinks{
    background: hsla(203, 93%, 23%, 0.6);
    align-items: center;
    align-content: center;
    text-align: center;
}

.linkPrincipal{
    background-color: #044973 !important;
    padding: 15px;
    cursor: pointer;
}

.linkPrincipal a{
    color: #FFFFFF !important;
    font-size: 18px;
    font-family: 'CarmenSans-Bold';
    padding: 15px;
     text-align: start;
     cursor: pointer;
     margin-top: 10px;
     width: 100%;
     text-decoration: none !important;
}


.linkPrincipal:hover{
    background-color: #b2881e9c !important;
    color: #F3F3F3 !important;
     font-size: 20px;
}

.tituloTopico{
    font-family: 'CarmenSans-Heavy';
    text-transform: uppercase;
    font-size: 25px;
    line-height: 27px;
}

.tituloTopico span{
    font-family: 'CarmenSans-Regular';
    text-transform: lowercase;

}

.fotoCarrusel1{

    height: 500px;
    object-fit: cover;
    object-position: bottom;
border-radius: 0 25px 25px 0 !important;

    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
}

.carousel-btn{
    width: 100%;
    font-size: 85px;
    color: currentColor;
    background-color: transparent;
    border: 0px solid transparent;
}





.textoLibre{
    font-family: 'CarmenSans-SemiBold';
    font-size: 20px;
    line-height: 25px;
}

.resaltar{
    font-family: 'CarmenSans-Heavy';
    font-size: 23px;
}

.logoPrograma{
    width: 80% !important;
    text-align: center !important;
    align-items: center;

}

.mensajePresidente{
    background-color: #F3F3F3;
    height: max-content;
}

.mensajePresidente .titulo{
    font-family: 'CarmenSans-Heavy';
    text-transform: uppercase;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: 5px;
    color: #044973;
}


.mensajePresidente .subtitulo{
    font-family: 'CarmenSans-Bold';
    text-transform: uppercase;
    font-size: 25px;
    line-height: 26px;
    letter-spacing: 5px;
    color: #b2871e;
}

.mensajePresidente .subtitulo span{
    font-family: 'CarmenSans-Regular';
    text-transform: capitalize;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 5px;
    color: #b2871e;
}


.textoMensaje{
    font-family: 'CarmenSans-Regular';
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    text-align: justify;
}





.cardVideo{
    border-radius: 25px;
    width: 100%;
    height: 550px;
}

.divSeccionTitulo{
   background: #FFFFFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 39%, rgba(16, 51, 81, 1) 35%);
}

.divSeccionContentTitulo{
    background-color: #103351;
    border-radius: 25px;
}
.seccionTitulo1{
    font-family: 'CarmenSans-Heavy';
    text-transform: uppercase;
    font-size: 25px;
    color: #FFF;
    letter-spacing: 15px;
    display: inline-block;
}
.itemTemaBtn{
    width:  100%;
    height: 170px;
    align-items: center;
    align-content: center;
    text-align: start;
    padding: 20px;
    position: relative;
    border-radius: 10px;
    background-color: #FFFFFF;

    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);

}
.temaTitulo{
    font-family: 'CarmenSans-Heavy';
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.temaTitulo span{
    font-family: 'CarmenSans-Regular';
    font-size: 20px;
}

.logros{
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 8px;
    font-family: 'CarmenSans-Regular';
    font-size: 16px;
    background-color: #FFF;
    border-radius: 15px;

    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);

}

.iconNext{
    cursor: pointer;
}



.itemTemaBtn:hover .logros{
     font-family: 'CarmenSans-Heavy';
}

.iconNext {
    transition: transform 0.3s ease;
}

.itemTemaBtn:hover .iconNext {
      zoom: 1.1;
}

.itemDocumento{

    text-decoration: none !important;
    cursor: pointer;
     align-items: center;
    align-content: center;
    text-align: start;
    padding: 20px;
    position: relative;
    height: max-content;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);

}

.tituloItemDocumento{
    font-family: 'CarmenSans-SemiBold';
    font-size: 18px;
    color: #044973;
}

.tituloItemDocumento span{
    font-family: 'CarmenSans-Regular';
    font-size: 15px;
    color: #b2871e;
}

.iconoDocumento{
    width: 100%;
}

.itemDocumento:hover .tituloItemDocumento{
    text-decoration: underline;
    text-underline-offset: 5px;
}

.itemDocumento:hover .tituloItemDocumento span{
    text-decoration: none !important;
    text-underline-offset: 5px;
    text-decoration-color: red !important;
}



.itemSitio{

    text-decoration: none !important;
    cursor: pointer;
     align-items: center;
    align-content: center;
    text-align: center;
    position: relative;
    height: max-content;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.1);

}

.tituloitemSitio{
    font-family: 'CarmenSans-SemiBold';
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    color: #044973;
    padding: 10px;

}

.itemSitio:hover .tituloitemSitio{
    font-family: 'CarmenSans-Bold';
text-decoration: underline;
    text-underline-offset: 6px;}

    .itemSitio:hover img{
   zoom: 1.2;}



@media (max-width: 768px) {
body {
  overflow-x: hidden !important;
}
  .Nomovil{
    display: none;
}

.Simovil{
    display: block;
}
.fondoPatron {
    height: max-content
}




    .divfotoCarrusel1{
background: #ffffff00;
}
.fotoCarrusel1{

    height:  200px;
    object-fit: cover;
    object-position: bottom;
border-radius: 0px !important;
}
.tituloTopico{

    font-size: 22px;
    line-height: 25px;
}


.textoLibre{
    font-family: 'CarmenSans-SemiBold';
    font-size: 16px;
    line-height: 20px;
}

.resaltar{
    font-family: 'CarmenSans-Heavy';
    font-size: 28px;
}



.mensajePresidente .titulo{
    font-size: 23px;
    line-height: 24px;
    letter-spacing: 0px;
}


.mensajePresidente .subtitulo{
    font-family: 'CarmenSans-Bold';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 5px;
    color: #b2871e;
}

.mensajePresidente .subtitulo span{
    font-family: 'CarmenSans-Regular';
    text-transform: capitalize;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 5px;
    color: #b2871e;
}


.textoMensaje{
    font-size: 15px;
    line-height: 18px;
}

.cardVideo{
    height: 350px;
}

.itemTemaBtn{
    width:  100%;
    height: max-content;
     padding: 10px;

}
.temaTitulo{
    font-family: 'CarmenSans-Heavy';
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
}

.temaTitulo span{
    font-family: 'CarmenSans-Regular';
    font-size: 18px;
}

.logros{
    font-size: 15px;

    position: relative;
    width: max-content;
    text-align: end;
    border-radius: 0 15px 15px 0;
}

.divSeccionTitulo{
   background: #103351;
}



.seccionTitulo1{
    font-family: 'CarmenSans-Heavy';
    text-transform: uppercase;
    font-size: 20px;
    color: #FFF;
    letter-spacing: 15px;
    display: inline-block;
}

.itemDestacado .contenido{
    background-color: #ffffff !important;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);

}

.itemDestacado .contenidoPrincipal{
 background-image: url("../../img/FotosInforme/morales.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: max-content;
    box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 1px 14px -3px rgba(0,0,0,0.75);

}

.contenidoLinks{
    background: hsla(203, 93%, 23%, 0.1);
    align-items: center;
    align-content: center;
    text-align: center;
}
}