HTML {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #1D1D1B;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none
}

select::-ms-expand {
    display: none
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #254489;
    color: #fff;
    padding: 12px 40px;
    background: #254489;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    height: 50px;
    border-radius: 5px;
    border: none;
    padding: 15px;
    cursor: pointer;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

button svg {
    height: 17px;
    max-width: 20px;
    min-width: 16px;
    width: auto;
    margin-right: 10px;
}

button:hover {
    background: #F6FAFD;
    color: #254489;
    border: 1px solid #99A4BE;
    -webkit-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    -moz-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    cursor: pointer;
}

.container {
    margin-left: auto;
    margin-right: auto;
    background: 0 0;
    position: relative;
    min-height: 100%;
    z-index: 0;
    box-sizing: border-box;
}

.buscador p,
.container a {
    line-height: 18px;
    margin: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #384674;
    font-size: .875em;
    margin-top: 5px;
}

.container a {
    font-size: .9em
}

.oculto {
    display: none;
}

h2.titulo,
h2.titulo span,
h2.titulo2,
h2.titulo2 span {
    font-family: 'Open Sans', sans-serif !important;
    color: #1D1D1B !important;
    background: none;
    height: auto;
    margin: 0;
    font-size: 1.5rem;
    padding-bottom: 26px;
    font-weight: 700 !important;
    margin-top: 1px;
    margin-left: 4px;
    border: none;
}

h2.titulo,
h2.titulo span {
    text-transform: capitalize;
}

/*--CABECERA--*/

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .redesSociales {
        margin-top: 4px
    }
}

@media screen and (min-width: 1154px) and (max-width: 1296px) {

    .destacado,
    .central {
        margin: auto 5px !important;
    }
}

@media screen and (min-width: 1141px) and (max-width: 1153px) {}


@media screen and (min-width: 767px) and (max-width: 1140px) {}


/*--PARTE SUPERIOR--*/

.partesuperior {
    width: 100%;
    background: #F6FAFD;
    border-bottom: 1px solid #99A4BE;
    padding: 2.13vh 0 4.2vh 0;
    box-sizing: border-box;
}


/*-DESTACADO-*/

.destacado {
    /*width: 98vw;
    max-width: 1270px;*/
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}

/*Carrusel*/

.destacado .carrusel {
    border-top: none;
    padding: 0;
    height: auto;
    width: 100%;
    display: block;
    margin: 2.60vh 0.30vw 3.90vh 0.15vh;
}

.destacado .carrusel .carruselnoticias:has(.splide__list:not(li)) {
    /*display: none;*/
}

.destacado .carrusel .carruselnoticias .escritorio {
    display: block;
    width: 100%;
}

.destacado .carrusel .carruselnoticias .movil {
    display: none;
}


#splide-track ul li div {
    position: absolute;
    top: 320px;
    width: 100%;
    padding: 3px 10px;
    background: #254489 !important;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    height: 65px;
}

#splide-track ul li div p,
#splide-track ul li div span {
    padding-left: 1.6em;
    padding-right: 0.2em;
    text-align: left;
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    margin: 0;
    left: -10px;
    position: relative;
    top: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
}

.splide__arrows {
    width: 85px;
    position: absolute;
    top: 293px;
    left: 45px;
}

.splide__arrow {
    background: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    min-width: 8px !important;
}

.splide__arrow:focus {
    border: 0 !important;
}

button:hover.splide__arrow {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.splide__arrow--prev {
    background-image: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-izquierda.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 15px !important;
    left: 20px !important;
}

.splide__arrow--next {
    background-image: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-derecha.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 15px !important;
    right: 20px !important;
}

.splide__arrow svg {
    fill: none !important;
}

ul li.splide__slide {
    width: 100%;

}

ul li.splide__slide > a {
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    /* height: 380px; */
}

.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    left: 100%;
}

@supports not (aspect-ratio: 16 / 9) {
    ul li.splide__slide > a {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 36.25%;
    }
    .splide__slide img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.splide__optional-button-container {
    position: absolute;
    top: 278px;
    left: 25px;
    z-index: 10;
}

.splide__pagination {
    position: absolute;
    top: 195px;
    bottom: 0 !important;
    justify-content: flex-start !important;
    left: 100px !important;
}

.splide__pagination__page {
    background: #fff !important;
    opacity: 1 !important;
    min-width: 8px !important;
}

button.splide__pagination__page.is-active {
    background: #254489 !important;
    border: 2px solid #fff;
}

.splide__optional-button-container {
    position: absolute;
    top: 71.5%;
    left: 40px;
    z-index: 10;
}

input[type="button"].splide__play-pause,
input[type="button"].splide__play-pause:hover {
    background: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: url('/Style%20Library/MINHAC.SP.Portal/img/ico-pause.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 3px;
    width: 3px;
    text-indent: -9999px;
    min-width: 8px !important;
    margin-top: 8px;
    cursor: pointer;
    height: 15px;
}

input[type="button"].splide__play-pause.is-paused,
input[type="button"].splide__play-pause.is-paused:hover {
    background-image: url('/Style%20Library/MINHAC.SP.Portal/img/ico-play.svg');
}

input[type="button"].splide__play-pause:focus {
    border: 0 !important;
}

.splide__pagination {
    /*bottom: 0.3em !important;*/
}

.carruselnoticias .fondo_controles {
    position: absolute;
    top: 70%;
    left: calc(0% + 20px);
    height: auto;
    padding: 20px 130px;
    background: #254489;
    border-radius: 8px;
    box-sizing: border-box;
}

.carruselnoticias .mostrar {
    position: absolute;
    top: 273px;
    left: 320px;
}

.carruselnoticias .mostrar a {
    padding: 11px 10px 11px 40px;
    background: #254489;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    box-sizing: border-box;
    background-image: url(/Style%20Library/MINHAC.SP.Portal/img/ico-noticias.svg);
    background-repeat: no-repeat;
    background-position: 10% 52%;
    display: inline-block;
    margin: 0;
}

.carruselnoticias .mostrar a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 979px) and (max-width: 1140px) {
    ul li.splide__slide {
        /* height: 390px !important; */
    }
}

@media only screen and (min-width: 767px) and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    ul li.splide__slide {
        height: 450px !important;
    }
}

/*--CENTRAL--*/

.central {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-bottom: 170px;
    padding-bottom: 0;
    display: inline;
    box-sizing: border-box;
}

.central a img {
    border: 0
}

.migaimp {
    margin: auto;
    width: 98vw;
    max-width: 1270px;
    display: block;
}

.migas {
    float: left;
    font-size: .7em;
    font-family: Arial, Helvetica, sans-serif;
    color: #4a5f8a;
    margin-right: 5px;
    width: auto;
    min-height: 1em;
    max-width: 67%;
}

.migas ol {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 15px
}

.migas ol li {
    display: inline;
    list-style-type: none;
    background: url('../Imagenes/separamigas.png') no-repeat left;
    padding-left: 7px
}

.migas ol li a {
    color: #4a5f8a;
    text-decoration: none;
    font-size: 1em;
}

.migas ol li a:hover {
    text-decoration: underline
}

.migas ol li.primero {
    background: none;
    padding-left: 0
}

.impresion {
    float: right;
    width: 30%;
    position: relative;
    text-align: right;
    min-height: 1em;
    margin-right: 5px
}

.impresion a {
    background: url(/Style%20Library/MINHAC.SP.Portal/img/impresion.png) no-repeat left top;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .7em;
    margin-right: 3px;
    color: #384674 !important
}

.impresion p {
    margin-top: 15px;
    margin-bottom: 0
}

.contenedor {
    display: flex;
    flex-direction: column;
    width: auto;
    background: #fff;
    align-items: center;
}

/*-ACTUALIDAD-*/

.actualidad {
    /* width: 98vw;
    max-width: 1270px;*/
    padding: 4.26vh 0 4.26vh 0;
    box-sizing: border-box;
}

.actualidad .grupo {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr 220px;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-auto-rows: 20px;
}

/*Noticias*/

.actualidad .grupo .bloquenoticias {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    grid-row: 1;
}

.actualidad .grupo .bloquenoticias .noticia {
    display: inline-flex;
    flex-direction: row;
    padding: 1.60vh 0.7vw;
    background-color: #F6FAFD;
    border-radius: 5px;
    margin-bottom: 2.60vh;
    /* min-height: 17.57vh; */
    height: auto;
    box-sizing: border-box;
}

.actualidad .grupo .bloquenoticias .noticia:hover {
    box-shadow: #99a4be 0px 15px 20px -20px;
    outline: solid 1px #99A4BE;
}

.actualidad .grupo .bloquenoticias .noticia .imagen-noticia {
    width: 100%;
    /*max-width: 12.39vw;*/
    max-width: 130px;
    /*min-width: 9.29vw;*/
    min-width: 130px;
    /*margin-right: 1.93vw;*/
    height: 98px;
    margin-right: 25px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.actualidad .grupo .bloquenoticias .noticia .imagen-noticia img {
    /* position: absolute; */
    /* min-width: 100%; */
    /* min-height: 100%; */
    /* width: auto; */
    /* object-fit: cover; */
    width: 100%;
    height: 100%;
}

.actualidad .grupo .bloquenoticias .noticia .texto {
    font-family: 'Open Sans', sans-serif !important;
    color: #1D1D1B !important;
    font-size: 1rem;
    font-weight: 400;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    max-height: 98px;
}

.actualidad .grupo .bloquenoticias .noticia .texto .fecha {
    font-size: 13px;
    text-align: left;
}

.actualidad .grupo .bloquenoticias .noticia .texto .titulo-noticia {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    /* margin: 8px 0; */
}

.actualidad .grupo .bloquenoticias .noticia .texto .titulo-noticia a {
    font-family: 'Open Sans', sans-serif;
    color: #1D1D1B;
    text-decoration: none;
    font-weight: 700;
}

.actualidad .grupo .bloquenoticias .noticia .texto .contenido {
    display: none;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
}

.actualidad .grupo .bloquenoticias .noticia .texto p {
    margin: 0;
    text-align: left;
    font-family: 'Open Sans', sans-serif !important;
}

.actualidad .grupo .bloquenoticias .botonera {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 10px;
}

.actualidad .grupo .bloquenoticias .botonera a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #254489;
    color: #fff;
    padding: 12px 40px;
    border: 1px solid #254489;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    /* height: 20px; */
    border-radius: 5px;
    padding: 18px 15px;
    cursor: pointer;
}

.actualidad .grupo .bloquenoticias .botonera a:hover {
    background: #F6FAFD;
    color: #254489;
    border: 1px solid #99A4BE;
    -webkit-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    -moz-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    cursor: pointer;
    text-decoration: none;
}



.actualidad .grupo .bloquenoticias .botonera button:before,
.actualidad .grupo .bloquenoticias .botonera a:before {
    content: url('/Style Library/MINHAC.SP.Portal/img/ico-ver-todas-noticias.svg');
    position: relative;
    top: 2px;
    margin-right: 10px
}

.actualidad .grupo .bloquenoticias .botonera button:hover:before,
.actualidad .grupo .bloquenoticias .botonera a:hover:before {
    filter: brightness(0) saturate(100%) invert(23%) sepia(31%) saturate(2311%) hue-rotate(196deg) brightness(94%) contrast(95%);
}

/*Bloque Lateral*/

.actualidad .bloquelateral {
    grid-column: 2;
    width: 100%;
}

/*Feed Twitter*/

.actualidad .bloquelateral .feed-twitter {
    padding: 20px 20px;
    background-color: #F6FAFD;
    border-radius: 5px;
    margin-bottom: 20px;
}

.actualidad .bloquelateral .feed-twitter img {
    width: 100%;
}

.actualidad .bloquelateral .feed-twitter .boton_seguir {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.actualidad .bloquelateral .feed-twitter .boton_seguir a {
    /* padding: 0.26vh 0.38vw 0.26vh 0.38vw; */
    padding: 0px 30px 0px 30px;
    /*background: #1DA1F2;*/
    background: #000;
    width: 100%;
    /* height: 6.20vh; */
    height: 55px;
    line-height: 55px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    /*border: 1px solid #1DA1F2;*/
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    white-space: pre;
}

.actualidad .bloquelateral .feed-twitter .boton_seguir a:before {
    /*content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-twitter.svg');*/
    content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-x.svg');
    position: relative;
    top: 0.28vh;
    margin-right: 0.37vw;
}

.actualidad .bloquelateral .feed-twitter .boton_seguir a:hover {
    background: #F6FAFD;
    color: #254489;
    /*border: 1px solid #99A4BE;*/
    border: 1px solid #000;
    color: #000;
    -webkit-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    -moz-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
    cursor: pointer;
}

.actualidad .bloquelateral .feed-twitter .boton_seguir a:hover:before {
    /*filter: brightness(0) saturate(100%) invert(23%) sepia(31%) saturate(2311%) hue-rotate(196deg) brightness(94%) contrast(95%);*/
    content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-x_back.svg');
}

.actualidad .bloquelateral .feed-twitter .timeline {
    max-height: 445px;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color ##000 #f3f3f3;
    scrollbar-width: thin;
    padding-right: 5px !important;
    position: relative;
}

.actualidad .bloquelateral .feed-twitter .timeline div {
    position: relative;
    left: -5px;
}

.actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
}

.actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar-thumb {
    background-color: #000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

.actualidad .bloquelateral .feed-twitter .timeline iframe {
    border: none;
}


/*Boton Suscribete*/

#subscribeButton {
    display: block;
    position: relative;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    min-width: 180px;
    background: #f6fafd;
    border-radius: 5px;
    padding: 8px 20px;
    box-sizing: border-box;
}

#subscribeButton p {
    margin: 0;
}

#subscribeButton button#btnSuscribete {
    padding: 5px 5px 5px 20px;
    background-color: #fabd00;
    background-image: none;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #1e1d19;
    width: 100%;
    height: 55px;
    transition: .2s ease;
    min-width: auto;
    margin-left: 0;
}

#subscribeButton button#btnSuscribete:before {
    content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-suscribete.svg');
    position: relative;
    top: 2px;
    margin-right: 8px;
}

#subscribeButton button#btnSuscribete:hover {
    background: linear-gradient(to top, #1e1d19 0%, #1e1d19 100%);
    color: #fff;
    /*border: 1px solid #fabd00;*/
    -webkit-box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
    -moz-box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
    box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
    cursor: pointer;
}

#subscribeButton button#btnSuscribete:hover:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(4325%) hue-rotate(298deg) brightness(129%) contrast(100%);
}

/*Calendario*/

.calendario {
    float: right;
    margin-bottom: 12px;
    min-width: 180px;
    width: 100%;
    background: #f6fafd;
    border-radius: 5px;
    padding: 10px 14px !important;
    box-sizing: border-box;
}

#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-left.rw-btn,
#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-right.rw-btn {
    background-image: none;
    background-size: auto;
}

#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-left.rw-btn:before,
#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-right.rw-btn:before {
    position: relative;
    top: 0px;
}

#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-left.rw-btn:before {
    content: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-izquierda.svg');
}

#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-right.rw-btn:before {
    content: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-derecha.svg');
}

#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-left.rw-btn:hover:before,
#div-calendarioAgenda-app .rw-calendar .rw-header .rw-btn-right.rw-btn:hover:before {
    filter: brightness(0) saturate(100%) invert(23%) sepia(31%) saturate(2311%) hue-rotate(196deg) brightness(94%) contrast(95%);
}


/*-BANNERS PRINCIPALES-*/

.banners-principales {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #F6FAFD;
    border-top: 1px solid #99A4BE;
    border-bottom: 1px solid #99A4BE;
    padding: 55px 0 55px 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.banners-principales .grupo {
    /*width: 98vw;
    max-width: 1270px;*/
    box-sizing: border-box;
    width: 980px;
    max-width: 980px;
}

.banners-principales .grupo ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    min-width: 100%;
}

.banners-principales .grupo ul:before {
    display: flex;
    justify-content: flex-start
}

.banners-principales .grupo li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    border: solid 1px #99A4BE;
    background: none;
    background-color: #fff;
    width: calc(24% - 1.3vw);
}

@media only screen and (min-width: 1387px) and (max-width: 1706px) {
    .banners-principales .grupo li {
        width: calc(24% - 1.6vw);
    }
}

@media only screen and (min-width: 1234px) and (max-width: 1386px) {
    .banners-principales .grupo li {
        width: calc(24% - 1.8vw);
    }
}

@media only screen and (min-width: 1057px) and (max-width: 1233px) {
    .banners-principales .grupo li {
        width: calc(24% - 2.1vw);
    }
}

@media only screen and (min-width: 980px) and (max-width: 1056px) {
    .banners-principales .grupo li {
        width: calc(24% - 2.8vw);
    }
}

}

.banners-principales .grupo li:hover {
    box-shadow: #99a4be 0px 15px 20px -20px;
}

.banners-principales .grupo li a {
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    text-decoration: none;
    justify-content: center;
    align-content: center;
}

.banners-principales .grupo li a:hover {
    text-decoration: underline;
}

.banners-principales .grupo li img {
    max-height: 88px;
    min-height: 88px;
}

.banners-principales .grupo li span {
    font-weight: 400;
    font-size: 1.20em;
    padding: 0 30px;
    text-align: center;
}

/*-DIRECTO A-*/

.directo-a {
    width: 98vw;
    max-width: 1270px;
    padding: 4.26vh 0 4.26vh 0;
    box-sizing: border-box;
}

.directo-a .grupo {
    /* width: 98vw; */
    /* max-width: 1270px; */
    /* padding: 4.26vh 0 3.20vh 0; */
    display: grid;
    grid-template-columns: 2fr 1.2fr;
    gap: 0 4%;
    box-sizing: border-box;
}

/*Banners*/

.directo-a .grupo .banners {
    display: grid;
    grid-column: 1;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 25px;
    float: none;
    margin: auto;
    background: none;
    border: none;
    width: auto;
}

.directo-a .grupo .banners .enlace {
    border-left: solid 2px #254489;
    padding-left: 15px;
    box-sizing: border-box;
}

.directo-a .grupo .banners .enlace a {
    display: flex;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    gap: 15px;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    color: #1D1D1B;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3rem;
    text-decoration: none;
}

.directo-a .grupo .banners .enlace a:hover {
    text-decoration: underline;
}

.directo-a .grupo .banners .enlace a img {
    width: auto;
    max-height: 40px;
}

/*Contacto*/

.directo-a .grupo .contacto {
    grid-column: 2;
    background-color: #FABD00;
    padding: 40px 50px;
    box-sizing: border-box;
    width: auto;
}

.directo-a .grupo .contacto ul li {
    width: 100%;
    padding: 10px 0px;
    background: none;
}

.directo-a .grupo .contacto ul li a {
    display: flex;
    text-align: left;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #1D1D1B;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-decoration: none;
}

.directo-a .grupo .contacto ul li a:hover {
    text-decoration: underline;
}

.directo-a .grupo .contacto ul li img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.3));
}

/*-BANNERS INSTITUCIONALES-*/

.banners-institucionales {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #F6FAFD;
    border-top: 1px solid #99A4BE;
    border-bottom: 1px solid #99A4BE;
    padding: 60px 0 60px 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.banners-institucionales .grupo {
    width: 980px;
    max-width: 980px;
    box-sizing: border-box;
}

.banners-institucionales .grupo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 100%;
}

.banners-institucionales .grupo ul li {
    width: calc(20% - 10px);
    /* width: 235px; */
    border: solid 1px #99A4BE;
    /* min-width: 165px; */
    background-color: #fff;
    box-sizing: border-box;
}

/*@media screen and (max-width: 1910px) {
    .banners-institucionales .grupo ul li {
        width: calc(15.5% - 0.95vw);
    }
}

@media screen and (max-width: 1510px) {
    .banners-institucionales .grupo ul li {
        width: calc(15% - 0.95vw);
    }
}*/

.banners-institucionales .grupo ul li:hover {
    box-shadow: #99a4be 0px 15px 20px -20px;
}

.banners-institucionales .grupo ul li a {
    display: flex;
    margin: 0;
}

.banners-institucionales .grupo ul li a img {
    width: 100%;
}

/*-DATOS Y PUBLICACIONES-*/

.datos-publicaciones {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #fff;
    padding: 20px 0 40px 0;
    box-sizing: border-box;
    justify-content: center;
}

.datos-publicaciones .grupo {
    width: 980px;
    max-width: 980px;
    margin: 40px 0 30px 0;
}

.datos-publicaciones .grupo > div {
    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 0 4%;
    max-height: 31vh;
    /* min-height: 30vh; */
    /* padding: 5px; */
    box-sizing: border-box;
}

/*Bloque Botones CDI */

.datos-publicaciones .grupo .bloque-botones-cdi {
    grid-column: 1;
}

.datos-publicaciones .grupo .bloque-botones-cdi ul li {
    width: auto;
    height: calc(10vw - 90px);
    border: solid 1px #99A4BE;
    margin-bottom: 1vw;
    /* height: auto; */
    /* min-height: 11.8vh; */
    display: flex;
    height: 105px;
    display: flex;
}

.datos-publicaciones .grupo .bloque-botones-cdi ul li:last-child {
    margin-bottom: 0;
}

.datos-publicaciones .grupo .bloque-botones-cdi ul li a {
    width: auto;
    height: auto;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    text-decoration: none;
    align-items: center;
}

.datos-publicaciones .grupo .bloque-botones-cdi ul li a img {
    /*width: calc(100% - 0.58vw);*/
    width: auto;
    /*height: calc(100% - 0.58vh);*/
    height: calc(100% - 11px);
    /*max-width: 9.5vh;*/
    max-height: 87px;
    /*padding-left: 1vw;*/
    padding-left: 5px;
    box-sizing: border-box;
    max-width: 100px;
}

.datos-publicaciones .grupo .bloque-botones-cdi ul li a span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    padding: 0 30px;
    text-align: left;
}

/*Bloque Graficas CDI*/

.datos-publicaciones .grupo .bloque-graficas-cdi {
    grid-column: 2;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.5vh;
    justify-content: center;
    height: auto;
}

.datos-publicaciones .grupo .bloque-graficas-cdi .grafica {
    border: solid 1px #99A4BE;
    height: 100%;
    /* min-width: 15vw; */
    min-height: auto;
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    /* max-height: 200px; */
    justify-content: center;
}

.datos-publicaciones .grupo .bloque-graficas-cdi .grafica a {
    margin: 0;
    padding: 0;
    max-width: 215px;
    max-height: 233px;
}

.datos-publicaciones .grupo .bloque-graficas-cdi .grafica img {
    width: 100%;
    height: auto;
    /* aspect-ratio: 1 / 1; */
    /* object-fit: cover; */
    padding: 0 9px;
    box-sizing: border-box;
}


/*--PIE--*/

/*top Boton*/

.TopBoton {
    position: fixed;
    bottom: 12%;
    left: 95%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center
}

.TopBoton .scrollToTopBoton {
    opacity: 0;
    cursor: pointer;
    height: 60px;
    padding: 10px;
    width: 60px;
    min-width: 60px;
    box-shadow: rgba(99, 99, 99, .2);
    transition: all .5s ease;
    background-color: rgba(255, 0, 23, .55);
    box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px;
    border: none;
    border-radius: 30%;
    background-image: url("/Style Library/MINHAC.SP.Portal/img/FlechaArriba.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%
}

.TopBoton .scrollToTopBoton:hover {
    background-color: rgba(255, 0, 23, .55);
    box-shadow: none
}


/*Pagina de Error*/

.alert {
    width: 100%;
    min-height: 10em;
    padding-top: 5em
}

.alert p.iconalert {
    text-align: center
}

.alert p.titalert {
    color: #49659d;
    font-size: 1.2em;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center
}

.alerterror {
    border: 1px solid #dbdcde;
    background: #f5f5f5;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: #333;
    padding: 10px;
    margin-bottom: 20px
}

.alertline {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: #333;
    border-top: 1px solid #dbdcde;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding: 10px;
    padding-top: 0
}

.alertline a,
.alerterror a {
    font-size: 1em
}

.alertline a:hover {
    text-decoration: underline
}

/*Cookies*/

div.cookies {
    z-index: 999999;
    position: relative;
    height: 40px;
    position: fixed;
    bottom: 0%;
    width: 100%;
    opacity: 1;
}

.cookie-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: linear-gradient(#0167e7, #0155be);
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 0.9rem;
    font-family: "Lato", sans-serif;
    font-weight: 100;
    transition: 0.8s;
    -webkit-animation: slideIn 0.8s;
    animation: slideIn 0.8s;
    display: flex;
    flex-flow: column;
    height: 140px;
    padding-bottom: 10px;
}

.cookie-bar p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    gap: 10px;
    padding: 20px;
}

.cookie-bar div span {
    display: flex;
    align-items: center;
}

.cookie-bar .mensaje {
    /*white-space: nowrap;*/
    margin-left: 20px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.cookie-bar .mensaje a {
    font-size: 0.9rem;
    margin: 0px 0px 0px 5px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    top: 0.5px;
    position: relative;
    margin-right: 5px;
    color: #fce62d !important;
}

.cookie-bar .mensaje a:hover {
    border-bottom: 1px solid #fce62d;
}

@media (max-width: 767px) {

    div.cookies {
        z-index: 999999;
    }
}

@media (max-width: 767px) {
    .cookie-bar .mobile {
        display: inline-block;
    }
}

@-webkit-keyframes slideIn {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

.cookie-bar .cerrar-cb {
    padding: 10px;
    top: -20px;
    position: relative;
    font-size: 0.9rem;
    background-color: #ffffff;
    border: 0px;
    border-radius: 3px;
    color: #0d386e;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    border: none;
    display: inline-block;
    cursor: pointer;
}

.cookie-bar .cerrar-cb:hover {
    background-color: #000000;
    color: #ffffff;
}

.checkbox-cb {
    display: none;
}

.checkbox-cb:checked + .cookie-bar {
    transform: translateY(150px);
}

a {
    color: #254489;
}

@media only screen and (min-width: 0px) and (max-width: 340px) and (min-resolution: 1dppx),
only screen and (min-device-width: 0px) and (max-device-width: 340px) and (-webkit-min-device-pixel-ratio: 2) {
    .cookie-bar {
        height: 40%;
    }

    .cookie-bar p {
        text-align: left;
        HTML {
            height: 100%
        }

        body {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1rem;
            color: #1D1D1B;
        }

        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            outline: 0;
            box-shadow: none
        }

        select::-ms-expand {
            display: none
        }

        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        button {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #254489;
            color: #fff;
            padding: 12px 40px;
            background: #254489;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1rem;
            height: 50px;
            border-radius: 5px;
            border: none;
            padding: 15px;
            cursor: pointer;
        }

        .clear {
            clear: both;
            display: block;
            overflow: hidden;
            visibility: hidden;
            width: 0;
            height: 0
        }

        button svg {
            height: 17px;
            max-width: 20px;
            min-width: 16px;
            width: auto;
            margin-right: 10px;
        }

        button:hover {
            background: #F6FAFD;
            color: #254489;
            border: 1px solid #99A4BE;
            -webkit-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            -moz-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            cursor: pointer;
        }

        .container {
            margin-left: auto;
            margin-right: auto;
            background: 0 0;
            position: relative;
            min-height: 100%;
            z-index: 0;
            box-sizing: border-box;
        }

        .buscador p,
        .container a {
            line-height: 18px;
            margin: 0;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: none;
            color: #384674;
            font-size: .875em;
            margin-top: 5px;
        }

        .container a {
            font-size: .9em
        }

        .oculto {
            display: none;
        }

        h2.titulo2 {
            font-family: 'Open Sans', sans-serif !important;
            color: #1D1D1B !important;
            background: none;
            height: auto;
            margin: 0;
            font-size: 1.5rem;
            padding-bottom: 26px;
            font-weight: 700;
            margin-top: 1px;
            margin-left: 4px;
        }

        /*--CABECERA--*/
        @media screen and (-ms-high-contrast:active),
        screen and (-ms-high-contrast:none) {
            .redesSociales {
                margin-top: 4px
            }
        }

        @media screen and (min-width: 1154px) and (max-width: 1296px) {


            .destacado,
            .central {
                margin: auto 5px !important;
            }
        }

        @media screen and (min-width: 1141px) and (max-width: 1153px) {}


        @media screen and (min-width: 767px) and (max-width: 1140px) {}


        /*--PARTE SUPERIOR--*/
        .partesuperior {
            width: 100%;
            background: #F6FAFD;
            border-bottom: 1px solid #99A4BE;
            padding: 2.13vh 0 4.2vh 0;
            box-sizing: border-box;
        }


        /*-DESTACADO-*/
        .destacado {
            width: 98vw;
            max-width: 1270px;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
        }

        /*Carrusel*/
        .destacado .carrusel {
            border-top: none;
            padding: 0;
            height: auto;
            width: 100%;
            display: block;
            margin: 2.60vh 0.30vw 3.90vh 0.15vh;
        }

        .destacado .carrusel .carruselnoticias {}

        .destacado .carrusel .carruselnoticias .escritorio {
            display: block;
            width: 100%;
        }

        .destacado .carrusel .carruselnoticias .movil {
            display: none;
        }


        #splide-track ul li div {
            position: absolute;
            bottom: 0px;
            width: 100%;
            padding: 3px 10px;
            background: #254489 !important;
            font-family: 'Open Sans', sans-serif;
            color: #fff;
            font-weight: 700;
            font-size: 1.125rem;
        }

        #splide-track ul li div p {
            padding-left: 0.6em;
        }

        .splide__arrows {
            width: 85px;
            position: absolute;
            top: 75.3%;
            left: 35px;
        }

        .splide__arrow {
            background: none !important;
            border-radius: 0 !important;
            opacity: 1 !important;
        }

        .splide__arrow:focus {
            border: 0 !important;
        }

        button:hover.splide__arrow {
            border: 0 !important;
            outline: 0 !important;
            box-shadow: none !important;
        }

        .splide__arrow--prev {
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-izquierda.svg') !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
        }

        .splide__arrow--next {
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/chevron-derecha.svg') !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
        }

        .splide__arrow svg {
            fill: none !important;
        }

        .splide__pagination {
            position: absolute;
            top: 50.5%;
            bottom: 0 !important;
            justify-content: flex-start !important;
            left: 90px !important;
        }

        .splide__pagination__page {
            background: #fff !important;
            opacity: 1 !important;
        }

        button.splide__pagination__page.is-active {
            background: #254489 !important;
            border: 2px solid #fff;
        }

        .splide__optional-button-container {
            position: absolute;
            top: 71.5%;
            left: 25px;
            z-index: 10;
        }

        button.splide__play-pause,
        button.splide__play-pause:hover {
            background: none;
            border-radius: 0;
            border: none;
            box-shadow: none;
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/ico-pause.svg');
            background-repeat: no-repeat;
            background-position: center;
            height: 3px;
            width: 3px;
            text-indent: -9999px;
        }

        button.splide__play-pause.is-paused,
        button.splide__play-pause.is-paused:hover {
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/ico-play.svg');
        }

        button.splide__play-pause:focus {
            border: 0 !important;
        }

        .splide__pagination {
            bottom: 0.3em !important;
        }

        .carruselnoticias .fondo_controles {
            position: absolute;
            top: 70%;
            left: calc(0% + 20px);
            height: auto;
            padding: 20px 130px;
            background: #254489;
            border-radius: 8px;
            box-sizing: border-box;
        }

        .carruselnoticias .mostrar {
            position: absolute;
            top: 70%;
            left: 300px;
        }

        .carruselnoticias .mostrar a {
            padding: 11px 10px 11px 40px;
            background: #254489;
            border-radius: 8px;
            font-family: 'Open Sans', sans-serif;
            color: #fff;
            font-weight: 400;
            font-size: 0.875rem;
            box-sizing: border-box;
            background-image: url(/Style%20Library/MINHAC.SP.Portal/img/ico-noticias.svg);
            background-repeat: no-repeat;
            background-position: 10% 52%;
            display: inline-block;
            margin: 0;
        }

        .carruselnoticias .mostrar a:hover {
            text-decoration: underline;
        }


        /*--CENTRAL--*/
        .central {
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            /* padding-bottom: 170px; */
            padding-bottom: 0;
            display: inline;
            box-sizing: border-box;
        }

        .central a img {
            border: 0
        }

        .migaimp {
            margin: auto;
            width: 98vw;
            max-width: 1270px;
            display: block;
        }

        .migas {
            float: left;
            font-size: .7em;
            font-family: Arial, Helvetica, sans-serif;
            color: #4a5f8a;
            margin-right: 5px;
            width: auto;
            min-height: 1em;
            max-width: 67%;
        }

        .migas ol {
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 0;
            margin-top: 15px
        }

        .migas ol li {
            display: inline;
            list-style-type: none;
            background: url('../Imagenes/separamigas.png') no-repeat left;
            padding-left: 7px
        }

        .migas ol li a {
            color: #4a5f8a;
            text-decoration: none;
            font-size: 1em;
        }

        .migas ol li a:hover {
            text-decoration: underline
        }

        .migas ol li.primero {
            background: none;
            padding-left: 0
        }

        .impresion {
            float: right;
            width: 30%;
            position: relative;
            text-align: right;
            min-height: 1em;
            margin-right: 5px
        }

        .impresion a {
            background: url(/Style%20Library/MINHAC.SP.Portal/img/impresion.png) no-repeat left top;
            padding-left: 25px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: .7em;
            margin-right: 3px;
            color: #384674 !important
        }

        .impresion p {
            margin-top: 15px;
            margin-bottom: 0
        }

        .contenedor {
            display: flex;
            flex-direction: column;
            width: auto;
            background: #fff;
            align-items: center;
        }

        /*-ACTUALIDAD-*/
        .actualidad {
            width: 98vw;
            max-width: 1270px;
            padding: 4.26vh 0 4.26vh 0;
            box-sizing: border-box;
        }

        .actualidad .grupo {
            width: auto;
            margin-left: auto;
            margin-right: auto;
            display: grid;
            grid-template-columns: 1fr 280px;
            grid-template-rows: auto;
            grid-gap: 40px;
            grid-auto-rows: 20px;
        }

        /*Noticias*/
        .actualidad .grupo .bloquenoticias {
            grid-column: 1;
            display: flex;
            flex-direction: column;
            grid-row: 1;
        }

        .actualidad .grupo .bloquenoticias .noticia {
            display: inline-flex;
            flex-direction: row;
            padding: 2.60vh 0.7vw;
            background-color: #F6FAFD;
            border-radius: 5px;
            margin-bottom: 2.60vh;
            min-height: 17.57vh;
            height: auto;
            box-sizing: border-box;
        }

        .actualidad .grupo .bloquenoticias .noticia:hover {
            box-shadow: #99a4be 0px 15px 20px -20px;
            outline: solid 1px #99A4BE;
        }

        .actualidad .grupo .bloquenoticias .noticia .imagen-noticia {
            width: 100%;
            max-width: 12.39vw;
            min-width: 9.29vw;
            margin-right: 1.93vw;
            overflow: hidden;
            position: relative;
            border-radius: 5px;
        }

        .actualidad .grupo .bloquenoticias .noticia .imagen-noticia img {
            position: absolute;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            object-fit: cover;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto {
            font-family: 'Open Sans', sans-serif !important;
            color: #1D1D1B !important;
            font-size: 1rem;
            font-weight: 400;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto .fecha {
            font-size: 0.75rem;
            text-align: left;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto .titulo-noticia {
            font-weight: 700;
            font-size: 1.3rem;
            line-height: 1.6rem;
            text-align: left;
            margin: 8px 0;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto .titulo-noticia a {
            font-family: 'Open Sans', sans-serif;
            color: #1D1D1B;
            text-decoration: none;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto .contenido {
            display: none;
            width: 100%;
            margin-left: 0;
            margin-top: 5px;
        }

        .actualidad .grupo .bloquenoticias .noticia .texto p {
            margin: 0;
            text-align: left;
            font-family: 'Open Sans', sans-serif !important;
        }

        .actualidad .grupo .bloquenoticias .botonera {
            display: inline-flex;
            flex-direction: row;
            justify-content: flex-end;
            margin-top: 10px;
        }

        .actualidad .grupo .bloquenoticias .botonera button:before {
            content: url('../Imagenes/ico-ver-todas-noticias.svg');
            position: relative;
            top: 2px;
            margin-right: 10px
        }

        .actualidad .grupo .bloquenoticias .botonera button:hover:before {
            filter: brightness(0) saturate(100%) invert(23%) sepia(31%) saturate(2311%) hue-rotate(196deg) brightness(94%) contrast(95%);
        }

        /*Bloque Lateral*/
        .actualidad .bloquelateral {
            grid-column: 2;
            width: 100%;
        }

        /*Feed Twitter*/
        .actualidad .bloquelateral .feed-twitter {
            padding: 20px 20px;
            background-color: #F6FAFD;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .actualidad .bloquelateral .feed-twitter img {
            width: 100%;
        }

        .actualidad .bloquelateral .feed-twitter .boton_seguir {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .actualidad .bloquelateral .feed-twitter .boton_seguir a {
            padding: 0.26vh 0.38vw 0.26vh 0.38vw;
            /*background: #1DA1F2;*/
            background: #000;
            width: 100%;
            height: 6.20vh;
            line-height: 6.20vh;
            font-family: 'Open Sans', sans-serif;
            font-size: 1.1em;
            color: #fff;
            /*border: 1px solid #1DA1F2;*/
            border: 1px solid #fff;
            border-radius: 10px;
            text-align: center;
            text-decoration: none;
        }

        .actualidad .bloquelateral .feed-twitter .boton_seguir a:before {
            /*content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-twitter.svg');*/
            content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-x.svg');
            position: relative;
            top: 0.06vh;
            margin-right: 0.37vw;
        }

        .actualidad .bloquelateral .feed-twitter .boton_seguir a:hover {
            background: #F6FAFD;
            color: #254489;
            /*border: 1px solid #99A4BE;*/
            border: 1px solid #000;
            color: #000;
            -webkit-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            -moz-box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            box-shadow: 0px 5px 13px -7px rgba(153, 164, 190, 1);
            cursor: pointer;
        }

        .actualidad .bloquelateral .feed-twitter .boton_seguir a:hover:before {
            /*filter: brightness(0) saturate(100%) invert(23%) sepia(31%) saturate(2311%) hue-rotate(196deg) brightness(94%) contrast(95%);*/
            content: url('/Style%20Library/MINHAC.SP.Portal/img/ico-x_back.svg');
        }

        .actualidad .bloquelateral .feed-twitter .timeline {
            max-height: 445px;
            width: auto;
            overflow-y: auto;
            overflow-x: hidden;
            scrollbar-color: #1DA1F2 #f3f3f3;
            scrollbar-width: thin;
            padding-right: 5px !important;
            position: relative;
        }

        .actualidad .bloquelateral .feed-twitter .timeline div {
            position: relative;
            left: -5px;
        }

        .actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
            background-color: #F5F5F5;
        }

        .actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar {
            width: 3px;
            background-color: #F5F5F5;
        }

        .actualidad .bloquelateral .feed-twitter .timeline::-webkit-scrollbar-thumb {
            background-color: #1DA1F2;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
        }


        /*Boton Suscribete*/
        #subscribeButton {
            display: block;
            position: relative;
            height: auto;
            margin-bottom: 20px;
            width: 100%;
            min-width: 180px;
            background: #f6fafd;
            border-radius: 5px;
            padding: 8px 20px;
            box-sizing: border-box;
        }

        #subscribeButton p {
            margin: 0;
        }

        #subscribeButton button#btnSuscribete {
            padding: 5px 5px 5px 30px;
            background-color: #fabd00;
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/ico-suscribete.svg');
            background-repeat: no-repeat;
            background-position: 29% 52%;
            border: none;
            border-radius: 10px;
            box-shadow: none;
            font-family: 'Open Sans', sans-serif;
            font-size: 1.1em;
            color: #1e1d19;
            width: 100%;
            height: 55px;
            transition: .2s ease;
            min-width: auto
        }

        #subscribeButton button#btnSuscribete:hover {
            background-image: url('/Style%20Library/MINHAC.SP.Portal/img/ico-suscribete_b.svg'), linear-gradient(to top, #1e1d19 0%, #1e1d19 100%);
            background-repeat: no-repeat;
            background-position: 29% 52%;
            color: #fff;
            /*border: 1px solid #fabd00;*/
            -webkit-box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
            -moz-box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
            box-shadow: 0px 5px 13px -7px rgba(190, 181, 153, 1);
            cursor: pointer;
        }

        /*Calendario*/
        .calendario {
            float: right;
            margin-bottom: 12px;
            min-width: 180px;
            width: 100%;
            background: #f6fafd;
            border-radius: 5px;
            padding: 10px 20px;
            box-sizing: border-box;
        }


        /*-BANNERS PRINCIPALES-*/
        .banners-principales {
            width: 100%;
            display: flex;
            flex-direction: column;
            background: #F6FAFD;
            border-top: 1px solid #99A4BE;
            border-bottom: 1px solid #99A4BE;
            padding: 55px 0 55px 0;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
        }

        .banners-principales .grupo {
            width: 98vw;
            max-width: 1270px;
            box-sizing: border-box;
        }

        .banners-principales .grupo ul {
            display: flex;
            width: 100%;
            justify-content: space-between;
            gap: 20px;
        }

        .banners-principales .grupo li {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 400;
            border: solid 1px #99A4BE;
            background-color: #fff;
            width: 22.5vw;
        }

        .banners-principales .grupo li:hover {
            box-shadow: #99a4be 0px 15px 20px -20px;
        }

        .banners-principales .grupo li a {
            width: 100%;
            display: grid;
            align-items: center;
            grid-template-columns: auto 1fr;
            text-decoration: none;
        }

        .banners-principales .grupo li a:hover {
            text-decoration: underline;
        }

        .banners-principales .grupo li img {
            /* max-height: 85px; */
        }

        .banners-principales .grupo li span {
            font-weight: 400;
            font-size: 1.20em;
            padding: 0 30px;
            text-align: center;
        }

        /*-DIRECTO A-*/
        .directo-a {
            width: 98vw;
            max-width: 1270px;
            padding: 4.26vh 0 4.26vh 0;
            box-sizing: border-box;
        }

        .directo-a .grupo {
            /* width: 98vw; */
            /* max-width: 1270px; */
            /* padding: 4.26vh 0 3.20vh 0; */
            display: grid;
            grid-template-columns: 2fr 1.2fr;
            gap: 0 4%;
            box-sizing: border-box;
        }

        /*Banners*/
        .directo-a .grupo .banners {
            display: grid;
            grid-column: 1;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 40px 25px;
            float: none;
            margin: auto;
            background: none;
            border: none;
            width: auto;
        }

        .directo-a .grupo .banners .enlace {
            border-left: solid 2px #254489;
            padding-left: 15px;
            box-sizing: border-box;
        }

        .directo-a .grupo .banners .enlace a {
            display: flex;
            text-align: left;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap;
            margin: 0;
            gap: 15px;
            width: auto;
            font-family: 'Open Sans', sans-serif;
            color: #1D1D1B;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.3rem;
            text-decoration: none;
        }

        .directo-a .grupo .banners .enlace a:hover {
            text-decoration: underline;
        }

        .directo-a .grupo .banners .enlace a img {
            width: auto;
            max-height: 40px;
        }

        /*Contacto*/
        .directo-a .grupo .contacto {
            grid-column: 2;
            background-color: #FABD00;
            padding: 40px 50px;
            box-sizing: border-box;
            width: auto;
        }

        .directo-a .grupo .contacto ul li {
            width: 100%;
            padding: 10px 0px;
        }

        .directo-a .grupo .contacto ul li a {
            display: flex;
            text-align: left;
            align-items: center;
            font-family: 'Open Sans', sans-serif;
            color: #1D1D1B;
            font-weight: 400;
            font-size: 1.125rem;
            line-height: 1.5rem;
            text-decoration: none;
        }

        .directo-a .grupo .contacto ul li a:hover {
            text-decoration: underline;
        }

        .directo-a .grupo .contacto ul li img {
            width: 40px;
            height: 40px;
            margin-right: 20px;
            filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.3));
        }

        /*-BANNERS INSTITUCIONALES-*/
        .banners-institucionales {
            width: 100%;
            display: flex;
            flex-direction: column;
            background: #F6FAFD;
            border-top: 1px solid #99A4BE;
            border-bottom: 1px solid #99A4BE;
            padding: 60px 0 60px 0;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
        }

        .banners-institucionales .grupo {
            width: 98vw;
            max-width: 1270px;
            box-sizing: border-box;
        }

        .banners-institucionales .grupo ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }

        .banners-institucionales .grupo ul li {
            width: calc(20.5% - 0.75vw);
            /* width: 235px; */
            border: solid 1px #99A4BE;
            /* min-width: 165px; */
            background-color: #fff;
            box-sizing: border-box;
        }

        /*@media screen and (max-width: 1910px) {
    .banners-institucionales .grupo ul li {
        width: calc(20.5% - 0.95vw);
    }
}

/*@media screen and (max-width: 1510px) {
    .banners-institucionales .grupo ul li {
        width: calc(20% - 0.95vw);
    }
}*/
        .banners-institucionales .grupo ul li:hover {
            box-shadow: #99a4be 0px 15px 20px -20px;
        }

        .banners-institucionales .grupo ul li a {
            display: flex;
            margin: 0;
        }

        .banners-institucionales .grupo ul li a img {
            width: 100%;
        }

        /*-DATOS Y PUBLICACIONES-*/
        .datos-publicaciones {
            width: 100%;
            display: flex;
            flex-direction: row;
            background: #fff;
            padding: 20px 0 40px 0;
            box-sizing: border-box;
            justify-content: center;
        }

        .datos-publicaciones .grupo {
            width: 98vw;
            max-width: 1270px;
            margin: 40px 0 30px 0;
        }

        .datos-publicaciones .grupo > div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0 4%;
            max-height: 31vh;
            /* min-height: 30vh; */
            padding: 5px;
            box-sizing: border-box;
        }

        /*Bloque Botones CDI */
        .datos-publicaciones .grupo .bloque-botones-cdi {
            grid-column: 1;
        }

        .datos-publicaciones .grupo .bloque-botones-cdi ul li {
            width: auto;
            height: calc(10vw - 90px);
            border: solid 1px #99A4BE;
            margin-bottom: 1vw;
            /* height: auto; */
            min-height: 11.8vh;
            display: flex;
        }

        .datos-publicaciones .grupo .bloque-botones-cdi ul li:last-child {
            margin-bottom: 0;
        }

        .datos-publicaciones .grupo .bloque-botones-cdi ul li a {
            width: auto;
            height: auto;
            display: -ms-grid;
            display: grid;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-grid-columns: auto 1fr;
            grid-template-columns: auto 1fr;
            text-decoration: none;
        }

        .datos-publicaciones .grupo .bloque-botones-cdi ul li a img {
            width: calc(100% - 0.58vw);
            height: calc(100% - 0.58vh);
            max-width: 11vh;
            padding-left: 1vw;
            box-sizing: border-box;
        }

        .datos-publicaciones .grupo .bloque-botones-cdi ul li a span {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1.3rem;
            padding: 0 30px;
            text-align: left;
        }

        /*Bloque Gráficas CDI*/
        .datos-publicaciones .grupo .bloque-graficas-cdi {
            grid-column: 2;
            width: 100%;
            display: grid;
            grid-template-columns: auto auto auto;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 0 1.5vh;
            justify-content: center;
            height: auto;
        }

        .datos-publicaciones .grupo .bloque-graficas-cdi .grafica {
            border: solid 1px #99A4BE;
            height: 100%;
            min-width: 15vw;
            min-height: auto;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0;
            box-sizing: border-box;
        }

        .datos-publicaciones .grupo .bloque-graficas-cdi .grafica a {
            margin: 0;
            padding: 0;
        }

        .datos-publicaciones .grupo .bloque-graficas-cdi .grafica img {
            width: 100%;
            height: auto;
        }


        /*--PIE--*/
        /*top Botón*/
        .TopBoton {
            position: fixed;
            bottom: 12%;
            left: 95%;
            z-index: 999999;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .TopBoton .scrollToTopBoton {
            opacity: 0;
            cursor: pointer;
            height: 60px;
            padding: 10px;
            width: 60px;
            min-width: 60px;
            box-shadow: rgba(99, 99, 99, .2);
            transition: all .5s ease;
            background-color: rgba(255, 0, 23, .55);
            box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px;
            border: none;
            border-radius: 30%;
            background-image: url("/Style Library/MINHAC.SP.Portal/img/FlechaArriba.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 65%
        }

        .TopBoton .scrollToTopBoton:hover {
            background-color: rgba(255, 0, 23, .55);
            box-shadow: none
        }


        /*Pagina de Error*/
        .alert {
            width: 100%;
            min-height: 10em;
            padding-top: 5em
        }

        .alert p.iconalert {
            text-align: center
        }

        .alert p.titalert {
            color: #49659d;
            font-size: 1.2em;
            font-weight: 700;
            font-family: Arial, Helvetica, sans-serif;
            text-align: center
        }

        .alerterror {
            border: 1px solid #dbdcde;
            background: #f5f5f5;
            width: 800px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: .75em;
            color: #333;
            padding: 10px;
            margin-bottom: 20px
        }

        .alertline {
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: .75em;
            color: #333;
            border-top: 1px solid #dbdcde;
            margin-left: auto;
            margin-right: auto;
            width: 800px;
            padding: 10px;
            padding-top: 0
        }

        .alertline a,
        .alerterror a {
            font-size: 1em
        }

        .alertline a:hover {
            text-decoration: underline
        }

        /*Cookies*/
        div.cookies {
            z-index: 999999;
            position: relative;
            height: 40px;
            position: fixed;
            bottom: 0%;
            width: 100%;
            opacity: 1;
        }

        .cookie-bar {
            position: fixed;
            width: 100%;
            bottom: 0;
            right: 0;
            left: 0;
            text-align: center;
            background: linear-gradient(#0167e7, #0155be);
            box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.3);
            color: white;
            font-size: 0.9rem;
            font-family: "Lato", sans-serif;
            font-weight: 100;
            transition: 0.8s;
            -webkit-animation: slideIn 0.8s;
            animation: slideIn 0.8s;
            display: flex;
            flex-flow: column;
            height: 140px;
            padding-bottom: 10px;
        }

        .cookie-bar p {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 20px;
            gap: 10px;
            padding: 20px;
        }

        .cookie-bar div span {
            display: flex;
            align-items: center;
        }

        .cookie-bar .mensaje {
            /*white-space: nowrap;*/
            margin-left: 20px;
            text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
        }

        .cookie-bar .mensaje a {
            font-size: 0.9rem;
            margin: 0px 0px 0px 5px;
            font-weight: 500;
            border-bottom: 1px solid transparent;
            top: 0.5px;
            position: relative;
            margin-right: 5px;
            color: #fce62d !important;
        }

        .cookie-bar .mensaje a:hover {
            border-bottom: 1px solid #fce62d;
        }

        @media (max-width: 767px) {

            div.cookies {
                z-index: 999999;
            }
        }

        @media (max-width: 767px) {
            .cookie-bar .mobile {
                display: inline-block;
            }
        }

        @-webkit-keyframes slideIn {
            0% {
                transform: translateY(50px);
            }

            100% {
                transform: translateY(0);
            }
        }

        @keyframes slideIn {
            0% {
                transform: translateY(50px);
            }

            100% {
                transform: translateY(0);
            }
        }

        .cookie-bar .cerrar-cb {
            padding: 10px;
            top: -20px;
            position: relative;
            font-size: 0.9rem;
            background-color: #ffffff;
            border: 0px;
            border-radius: 3px;
            color: #0d386e;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
            border: none;
            display: inline-block;
            cursor: pointer;
        }

        .cookie-bar .cerrar-cb:hover {
            background-color: #000000;
            color: #ffffff;
        }

        .checkbox-cb {
            display: none;
        }

        .checkbox-cb:checked + .cookie-bar {
            transform: translateY(150px);
        }

        a {
            color: #254489;
        }

        @media only screen and (min-width: 0px) and (max-width: 340px) and (min-resolution: 1dppx),
        only screen and (min-device-width: 0px) and (max-device-width: 340px) and (-webkit-min-device-pixel-ratio: 2) {
            .cookie-bar {
                height: 40%;
            }

            .cookie-bar p {
                text-align: left;
            }
        }

        @media only screen and (min-width: 341px) and (max-width: 410px) and (min-resolution: 1dppx),
        only screen and (min-device-width: 341px) and (max-device-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
            .cookie-bar {
                height: 35%;
            }

            .cookie-bar p {
                text-align: left;
            }
        }

        @media only screen and (min-width: 411px) and (max-width: 650px) and (min-resolution: 1dppx),
        only screen and (min-device-width: 411px) and (max-device-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
            .cookie-bar {
                height: 30%;
            }

            .cookie-bar p {
                text-align: left;
            }
        }

        @media only screen and (min-width: 651px) and (max-width: 850px) and (min-resolution: 1dppx),
        only screen and (min-device-width: 651px) and (max-device-width: 850px) and (-webkit-min-device-pixel-ratio: 2) {
            .cookie-bar {
                height: 25%;
            }

            .cookie-bar p {
                text-align: left;
            }
        }

    }
}

@media only screen and (min-width: 341px) and (max-width: 410px) and (min-resolution: 1dppx),
only screen and (min-device-width: 341px) and (max-device-width: 410px) and (-webkit-min-device-pixel-ratio: 2) {
    .cookie-bar {
        height: 35%;
    }

    .cookie-bar p {
        text-align: left;
    }
}

@media only screen and (min-width: 411px) and (max-width: 650px) and (min-resolution: 1dppx),
only screen and (min-device-width: 411px) and (max-device-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
    .cookie-bar {
        height: 30%;
    }

    .cookie-bar p {
        text-align: left;
    }
}

@media only screen and (min-width: 651px) and (max-width: 850px) and (min-resolution: 1dppx),
only screen and (min-device-width: 651px) and (max-device-width: 850px) and (-webkit-min-device-pixel-ratio: 2) {
    .cookie-bar {
        height: 25%;
    }

    .cookie-bar p {
        text-align: left;
    }
}

.central {
    max-width: 100%;
    width: 100%;
}

.contenido {
    width: 100%;
    display: flex;
    float: none;
    margin: 0;
    max-width: 100%;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.destacado {
    width: 99%;
    display: flex;
    text-align: center;
    justify-content: center;
    width: auto;
    /*max-width: 980px;*/
}

.bloquebanners {
    /* max-width: 1270px; */
}

.migaimp {
    width: auto;
    max-width: 980px;
    width: 975px;
}

.directo-a {
    width: auto;
    max-width: 980px;
    width: 980px;
}

.banners-principales {
    width: 100%;
    max-width: 100%;
}

.carrusel {
    width: 980px !important;
    max-width: 980px;
}

.destacado ~ .central {
    padding-bottom: 0px;
}

section.actualidad {
    margin-bottom: 0px !important;
}

@media only screen and (min-width: 0px) and (max-width:767px) and (min-resolution: 1dppx),
only screen and (min-device-width: 0px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
    .pie {
        grid-row: 7 / 8 !important;
    }

    .bloquebanners {
        grid-row: 6 / 7;
    }

    .directo-a {
        width: auto !important;
    }

    .banners-principales {
        width: auto !important;
        max-width: auto !important;
    }

    .carrusel {
        width: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) and (min-resolution: 1dppx),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    section.actualidad {
        min-width: 100%;
        display: list-item;
        position: relative;
    }

    .banners-principales {
        width: auto;
    }

    .directo-a {
        width: auto !important;
    }

    .carrusel {
        width: auto !important;
        max-width: 980px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1141px) and (min-resolution: 1dppx),
only screen and (min-device-width: 768px) and (max-device-width: 1141px) and (-webkit-min-device-pixel-ratio: 2) {
    .contenido {
        /*display: grid;*/
    }

    .destacado {
        position: relative;
        grid-row: 3 / 4;
        /* justify-content: left; */
        /* width: 94%!important; */
    }

    .carrusel {
        border: 1px solid transparent;
        /*width: 100% !important;*/
    }

    .banners-institucionales {
        width: auto;
        grid-column: 1 / span 5;
    }

    .contenido .actualidad {
        grid-column: 1 / span 5;
        grid-row: 2 / 3 !important;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 5;
        -ms-grid-row-span: 1;
        margin: 0;
        padding: 0 30px;
        box-sizing: border-box;
        width: 100%;
    }

    .actualidad::marker {
        color: white;
    }

    .actualidad .grupo .bloquenoticias {
        margin: 0px 15px;
    }

    .actualidad .bloquelateral {
        grid-template-columns: 60% 1fr !important;
    }

    .contenido .banners-principales {
        grid-column: 1 / span 5;
        grid-row: 4 / 4;
        width: auto;
        margin: 0;
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }

    .directo-a {
        grid-row: 5 / 6;
        grid-column: 1 / span 6;
        display: flex;
        flex-direction: column;
        align-content: center;
        width: 100%;
        max-width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

    .bloquebanners {
        width: auto;
        grid-column: 1 / span 4;
        grid-row: 7 / 8;
    }

    .datos-publicaciones {
        padding: 0 15px 0 5px;
        box-sizing: border-box;
    }

    .pie {
        grid-row: 9 / 10 !important;
    }

    .contenido {
        width: auto;
        float: none;
        font-family: Arial;
        font-size: .9rem;
        margin-left: 0;
        margin-bottom: 0;
        line-height: 18px;
        color: #000;
        display: grid;
        display: -ms-grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-column: 1 / span 1;
        grid-row: 1 / 2;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 1;
        line-height: 1.5em;
    }

    .migaimp {
        width: 100%;
        text-align: left;
        margin-left: 2% !important;
    }

    .feed-twitter {
        grid-column: 1 / span 1 !important;
    }

    .directo-a .grupo .contacto ul li {
        background-image: none;
    }
}

@media only screen and (min-width: 1024px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    section.actualidad {
        min-width: 980px;
        width: 980px;
        display: inline-flex;
        justify-content: center;
        flex-direction: column;
    }
}

@media only screen and (min-width: 1154px) and (max-width:1297px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1154px) and (max-device-width: 1297px) and (-webkit-min-device-pixel-ratio: 2) {
    .contenido {
        /* display: block; */
    }
}

@media only screen and (min-width: 768px) and (max-width:928px) and (min-resolution: 1dppx),
only screen and (min-device-width: 768px) and (max-device-width: 928px) and (-webkit-min-device-pixel-ratio: 2) {
    .destacado,
    .central {
        margin-left: 3% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:1141px) and (min-resolution: 1dppx),
only screen and (min-device-width: 768px) and (max-device-width: 1141px) and (-webkit-min-device-pixel-ratio: 2) {
    section.actualidad h2.titulo {
        height: auto !important
    }
}

@media only screen and (min-width: 929px) and (max-width:1008px) and (min-resolution: 1dppx),
only screen and (min-device-width: 929px) and (max-device-width: 1008px) and (-webkit-min-device-pixel-ratio: 2) {
    section.actualidad,
    .banners-principales,
    .directo-a,
    .destacado {
        margin-left: 10px !important;
        /*left: 50px;*/
    }
}

@media only screen and (min-width: 767px) and (max-width:930px) and (min-resolution: 1dppx),
only screen and (min-device-width: 767px) and (max-device-width: 930px) and (-webkit-min-device-pixel-ratio: 2) {
    .destacado {
        width: 96% !important;
    }
}


@media only screen and (min-width: 1007px) and (max-width:1140px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1007px) and (max-device-width: 1140px) and (-webkit-min-device-pixel-ratio: 2) {
    .destacado,
    .central {
        /* margin-left: 3.5%!important; */
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1154px) and (max-width:1200px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1154px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {


    .central {
        margin-left: -3% !important;
    }
}

@media only screen and (min-width: 1201px) and (max-width:1250px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1201px) and (max-device-width: 1250px) and (-webkit-min-device-pixel-ratio: 2) {

    .central {
        margin-left: -1.5% !important;
    }
}

@media only screen and (min-width: 1040px) and (min-resolution: 1dppx),
only screen and (min-device-width: 1040px) and (-webkit-min-device-pixel-ratio: 2) {

    .bloquebanners {
        width: 100%;
        grid-column: 1 / span 4;
        grid-row: 6 / 7;
        /* max-width: 980px; */
    }

    .pie {
        grid-row: 7 / 8 !important;
    }
}