/* Minification failed. Returning unminified contents.
(1104,23): run-time error CSS1063: Expected calculation unit, found 'calc('
(1104,23): run-time error CSS1064: Expected calculation product, found 'calc('
(1104,23): run-time error CSS1019: Unexpected token, found 'calc('
(1104,23): run-time error CSS1042: Expected function, found 'calc('
(1104,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1133,28): run-time error CSS1063: Expected calculation unit, found 'calc('
(1133,28): run-time error CSS1064: Expected calculation product, found 'calc('
(1133,28): run-time error CSS1019: Unexpected token, found 'calc('
(1133,28): run-time error CSS1042: Expected function, found 'calc('
(1133,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1634,24): run-time error CSS1063: Expected calculation unit, found 'calc('
(1634,24): run-time error CSS1064: Expected calculation product, found 'calc('
(1634,24): run-time error CSS1019: Unexpected token, found 'calc('
(1634,24): run-time error CSS1042: Expected function, found 'calc('
(1634,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1859,48): run-time error CSS1030: Expected identifier, found '>'
(1859,50): run-time error CSS1030: Expected identifier, found '.'
(1859,55): run-time error CSS1031: Expected selector, found ')'
(1859,55): run-time error CSS1025: Expected comma or open brace, found ')'
(1864,52): run-time error CSS1030: Expected identifier, found '>'
(1864,54): run-time error CSS1030: Expected identifier, found '.'
(1864,59): run-time error CSS1031: Expected selector, found ')'
(1864,59): run-time error CSS1025: Expected comma or open brace, found ')'
(1871,56): run-time error CSS1030: Expected identifier, found '>'
(1871,58): run-time error CSS1030: Expected identifier, found '.'
(1871,63): run-time error CSS1031: Expected selector, found ')'
(1871,63): run-time error CSS1025: Expected comma or open brace, found ')'
(2331,24): run-time error CSS1063: Expected calculation unit, found 'calc('
(2331,24): run-time error CSS1064: Expected calculation product, found 'calc('
(2331,24): run-time error CSS1019: Unexpected token, found 'calc('
(2331,24): run-time error CSS1042: Expected function, found 'calc('
(2331,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2356,24): run-time error CSS1063: Expected calculation unit, found 'calc('
(2356,24): run-time error CSS1064: Expected calculation product, found 'calc('
(2356,24): run-time error CSS1019: Unexpected token, found 'calc('
(2356,24): run-time error CSS1042: Expected function, found 'calc('
(2356,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*---------------------------------ANALISIS---------------------------------*/
/*==================================INDEX==================================*/
.content-busqueda{
    padding: 0px 100px;
    max-width: 1300px;
    margin: 0 auto;
}
.content-busqueda:after {
    content: '';
    display: table;
    clear: both;
}
.content-busqueda .titulo{
    font-weight:300;
    font-size:18px;
    padding:5px;
    border-radius:10px;
    text-align:center;
    margin-bottom:5px;
}
.content-busqueda .tituloSeccion{
    font-weight:300;
    font-size:18px;
    padding:5px;
    border-radius:10px;
    margin-bottom:5px;
}
.seccion-analisis {
    margin-bottom: 10px;
}
@media (max-width: 1750px){
    .seccion-analisis.col-xs-5 {
        width: 41.66666667% !important;
    }
    .seccion-analisis.col-xs-7 {
        width: 58.33333333% !important;
    }
}
.row .seccion{
    padding:5px;
}
.row .seccionDestacados{
    padding-right: 0px;
    padding-top: 5px;
    padding-left: 10px;
}
.row .seccion:nth-child(1) {
    padding-left: 0px;
}

.row .seccion:nth-child(2) {
    padding-right: 0px;
}
.content-busqueda .caja,
.content-busqueda .destacados {
    display: flex;
    justify-content: center;
    background-color: #d5d5d5;
    border-radius: 10px;
    border: 1px solid #b5b5b5;
}
.content-busqueda .caja {
    height: 200px;
    align-items: center;
    transition: all 0.4s ease-in-out;
}
.caja:hover .nombre {
    transform: scale(1);
}

.caja:hover {
    box-shadow: inset 0 0 0 110px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.content-busqueda .caja.reportes,
.content-busqueda .caja.boletines,
.content-busqueda .caja.infografias,
.content-busqueda .caja.publicaciones{
    background-size: 240px 180px;
    background-repeat: no-repeat;
    background-position: center;
}
.content-busqueda .caja.reportes{
    background-image: url(/Images/reportes.png);
}
.content-busqueda .caja.boletines{
    background-image: url(/Images/boletines.png);
}
.content-busqueda .caja.infografias{
    background-image: url(/Images/infografias.png);
}
.content-busqueda .caja.publicaciones{
    background-image: url(/Images/publicaciones.png);
}
.content-busqueda .destacados {
    height: 410px;
    position: relative;
    overflow: hidden;
}
.titulo-destacado {
    position: absolute;
    bottom: 25px;
    width: 100%;
    height: 45px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.titulo-destacado>div {
    background-color: #2d2d2d;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
}
.caja .nombre{
    background-color:#2d2d2d;
    border-radius: 8px;
    padding:3px 10px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}
.destacados .nombre{
    position: absolute;
    left: calc((50%) - 50px);
    top: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.caja .nombre i,
.destacados .nombre i{
    margin-right:5px;
}
.iconReportes,
.iconBoletines,
.iconInfografias,
.iconPublicaciones,
.iconDestacados{
    width: 21px;
    height: 22px;
    background-image: url(/Images/sprite_iconmini_analisis.png);
    background-repeat: no-repeat;
    background-size:105px 22px;
    display: inline-block;
    vertical-align: sub;
}
.iconReportes{
    background-position: 0px 0px;
}
.iconBoletines{
    background-position: -21px 0px;
}
.iconInfografias{
    background-position: -42px 0px;
}
.iconPublicaciones{
    background-position: -63px 0px;
}
.iconDestacados{
    background-position: -84px 0px;
}
/*=====================GENERAL======================*/
.subMenu{
    float: right;
    margin-top: 20px;
    margin-right:100px;
}
.item1,.item2,.item3,.item4{
    background-color: #d5d5d5;
    border-radius: 8px;
    padding: 3px 10px;
    color: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    float: left;
    margin-left:5px;
}
.subMenu i{
    margin-right:5px;
}
.modal-open .modal,
.modal-body {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.imgModal{
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}
#ifDownload{
    background-color:#525659;
}

/*=====================REPORTES======================*/
.reporte{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.content-reporte {
    height: 210px;
    background-color: #d5d5d5;
    border-radius: 10px;
    padding-top: 10px;
}
/*@media (max-width: 1670px){
    .content-reporte {
        height: 180px;
    }
}*/
.content-reporte img {
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    width: 75%;
}
.nombre-reporte {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    background-color: #ccc;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 600;
}
.lista-reporte {
    margin-top: 10px;
    overflow: hidden;
    min-height: 45px;
}
.lista-reporte ul{
    overflow: hidden;
    height: 20px;
    margin-bottom: 5px;
    transition: height .4s ease-in-out;
}
.lista-reporte ul.active{
    height: auto;
}
.lista-reporte ul li {
    font-size: 12px;
}
.lista-reporte ul li i {
    margin-right: 5px;
}
.lista-reporte ul li span {
    width: calc((100%) - 10px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.lista-reporte ul li span:hover{
    text-decoration: underline !important;
}
.lista-reporte .verMas,
.lista-reporte .verMenos {
    font-size: 12px;
    background-color: #2d2d2d;
    border-radius: 5px;
    color: #fff;
    padding: 2px 5px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/*===================BOLETINES===================*/
.content-busqueda .separador-boletines:nth-child(2) {
    clear: both;
    padding-top: 10px;
}
.row>.boletines {
    /*height: auto;
    overflow: hidden;*/
    width: 100%;
    margin-bottom: 10px;
}

.row>.boletines.active {
    height: auto;
}

.row>.verMas {
    width: 170px;
    background-color: #2d2d2d;
    border-radius: 5px;
    padding: 2px 4px;
    color: #FFF;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
}

.row>.boletines.active~.verMas {
    display: none;
}
@media (max-width: 1670px){
.boletin.col-md-3{
    width: 20%;
    float:left;
}
}
@media (min-width: 1670px){
.boletin.col-lg-2 {
    width: 16.66666667%;
}
}
.boletin {
    height: 230px;
    padding: 5px 10px 0px;
    margin-top:10px;
}
.boletin .nuevo {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 2px;
}
@media (max-width: 1670px) {
    .boletin {
        height: 210px;
        padding: 5px 5px 0px;
    }
}
.content-boletin {
    height: 160px;
    background: radial-gradient(#fff,#d5d5d5 90%);
    /*border-radius: 10px;*/
    overflow: hidden;
    border: 1px solid #b5b5b5;
}
.text-boletin{
    height: 170px;
    background-color: #745c28;
    color: #fff;
    /*border-radius: 10px;*/
    padding: 10px;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    /*border: 1px solid #d5d5d5;*/
}
.text-boletin i{
    margin-top:5px;
}
.nombre-boletin {
    background-color: #5d5d5d;
    color: #fff;
    height: 35px;
    border-radius: 10px;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 5px;
}
.edicion-boletin {
    font-size: 11px;
    text-align: center;
}
.localidad-boletin {
    background-color: #2d2d2d;
    border-radius: 5px;
    text-align: center;
    font-size: 11.3px;
    font-weight: 600;
    padding: 1px 5px;
    margin: 0 auto;
    display: table;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	height: 175px;
	max-width: 150px;
    margin: 0 auto;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
/* flip speed goes here */
.flipper {
	transition: 1.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	/*backface-visibility: hidden;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/* front pane, placed above back */
.front {
	height: 172px;
	width: 152px;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	transition: transform 0.5s;
	/* transform: translate3d(0,0,8px); */
	z-index: 11;
	left: -2px;
}
/* back, initially hidden pane */
.back {
	transform: rotate3d(0,1,0,-172deg) translate3d(0,0,22px);
	box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
}
.lomo {
    width: 12px;
    height: 171px;
    position: absolute;
    left: -8px;
    background-color: #4c3d16;
    transform: rotate3d(0,1,0,-90deg) translate3d(-6px,0px,0px);
    display: block;
    /*background-image: url(/Images/b_lomo.png);*/
}
.lomo>h2 {
    position: absolute;
    left: 9px;
    bottom: -19px;
    transform-origin: left;
    transform: rotate(-90deg);
    height: 18px;
    width: 170px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 3px 0px;
}
/*===================INFOGRAFIAS===================*/

/*===================PUBLICACIONES===================*/
.publicacion{
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 410px;
    height: 470px;
}
.content-publicacion a{
    height: 360px;
    max-width: 300px;
    background: radial-gradient(#eee, #c5c5c5);
    border-radius: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
@media (min-width: 1670px) {
    .publicacionDetalle .publicacion.col-xs-4{
        width:25% !important;
    }
}
.publicacionDetalle {
    margin: 0;
    border-radius: 10px;
    margin-bottom: 15px;
}
.nombre-publicacion {
    text-align: center;
    margin-top: 5px;
    line-height: 1.2;
    font-size: 15px;
    color: #2d2d2d;
    width: 100%;
}
.nombre-publicacion img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.nombre-publicacion span {
    padding: 0px 15px;
    display:block;
    font-size:14px;
}
.resena-publicacion {
    font-size: 12px;
    text-align: center;
    padding: 0px 20px;
    margin-top: 10px;
    color: #2d2d2d;
}
.content-publicacion{
    position:relative;
}
.content-publicacion a:hover /*, .boton-publicacion:hover~a */
{
    box-shadow: 0px 0px 6px #2d2d2d;
}
.content-publicacion a:hover:after /*, .boton-publicacion:hover~a:after*/
{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: 0.5;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.boton-publicacion {
    background-color: #2d2d2d;
    color: #fff;
    align-self: flex-end;
    width: 65%;
    height: 26px;
    text-align: center;
    padding: 3px;
    position: absolute;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 12px;
    bottom: 0px;
    z-index: 2;
    left: 17%;
    cursor: pointer;
}
    .boton-publicacion:after {
        content: '';
        border-style: solid;
        border-width: 21px;
        border-color: transparent transparent #2d2d2d transparent;
        position: absolute;
        top: -16px;
        right: -14px;
    }
    .boton-publicacion:before {
        content: '';
        border-style: solid;
        border-width: 21px;
        border-color: transparent transparent #2d2d2d transparent;
        position: absolute;
        top: -16px;
        left: -14px;
    }
.fondo-Publicacion12{
    background-color: #e8ce34 !important;
}
.fondo-Publicacion12:before,
.fondo-Publicacion12:after
{
    border-color: transparent transparent #e8ce34 transparent;
}
.fondo-Publicacion13{
    background-color: #CA262C !important;
}
.fondo-Publicacion13:before,
.fondo-Publicacion13:after
{
    border-color: transparent transparent #CA262C transparent;
}
.fondo-Publicacion14{
    background-color: #A59A64 !important;
}
.fondo-Publicacion14:before,
.fondo-Publicacion14:after
{
    border-color: transparent transparent #A59A64 transparent;
}
.fondo-Publicacion32{
    background-color: #F15D42 !important;
}
.fondo-Publicacion32:before,
.fondo-Publicacion32:after
{
    border-color: transparent transparent #F15D42 transparent;
}
.content-busqueda .tituloPublicacion{
    font-weight:600;
    font-size:18px;
    padding:5px;
    border-radius:10px;
    margin-bottom:5px;
    text-align:center;
    background-color: #2d2d2d;
}
.etiqueta {
    background-color: #f2f2f2;
    width: 250px;
    padding: 5px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 11px;
    margin: 0 auto;
    text-align: center;
}

.imagen-publicacion {
    height: 250px;
    width: 200px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.imagen-publicacion a:before {
    content: '';
    width: 80%;
    height: 20px;
    position: absolute;
    bottom: 13px;
    left: 10%;
    border-radius: 50%;
    box-shadow: 0px 0px 20px #040404, inset 0px 0px 81px #444;
    z-index: 0;
}
.imagen-publicacion img {
    position: absolute;
}
.fondo-descarga {
    width: 200px;
    height: 250px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    border-radius: 10px;
    transition: opacity 0.4s ease-in-out;
}
.descarga-publicacion:hover .fondo-descarga {
    opacity: 0.5;
}
.tomo-publicacion {
    background-color: #2d2d2d;
    color: #fff;
    padding: 2px 20px;
    border-radius: 5px;
    margin: 0 auto;
    width: 100px;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

.contenido-publicacion {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

.contenido-publicacion i {
    font-style: italic;
}
.imagen-publicacion>.descarga-publicacion {
    margin-top: 0px;
    padding-top: 250px;
    height: 390px;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100%;
}
.imagen-publicacion>.descarga-publicacion:hover .boton-descarga {
    margin-top: -150px !important;
    transform: scale(1);
}

.imagen-publicacion>.descarga-publicacion .boton-descarga {
    background-color: #B12009;
    width: 70%;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}


/*========================*/

.content-infografia {
    /*width: 100%;*/
    height: 180px;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

.content-infografia>.prev,.content-infografia>.next {
    float: left;
    height: 180px;
    display: flex;
    width: 30px;
    align-items: center;
    justify-content: flex-start;
}

.content-infografia .infografia {
    float: left;
    /*width: calc((100%) - 60px) !important;*/
    margin-bottom: 20px;
}

.content-infografia .next {
    justify-content: flex-end;
}

.infografia ul li {
    width: 220px !important;
}
.imagen-infografia {
    width: 210px;
    height: 160px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #ccc;
    cursor:pointer;
}
.imagen-infografia img {
    margin-left: 0;
}
.imagen-infografia img:hover {
    margin-left: -210px;
}
.titulo-infografia {
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    width: 210px;
}
.content-busqueda .division{
    position:relative;
    height:40px;
    opacity:0.99;
}
.content-busqueda .division hr{
    position: absolute;
    left: 0px;
    z-index: 999;
    width: 100%;
    border-top: 1px solid #B12009;
}
.separador-infografias {
    margin: 15px 0px;
    max-height: 300px;
    overflow:hidden;
}
.separador-infografias:after {
    content: '';
    display: table;
    clear: both;
}
.indicador-infografia {
    background-color: #2d2d2d;
    height: 30px;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -5px;
}

.indicador-infografia>a {
    color: #fff;
    padding: 1px 3px;
    margin: 0;
    border: 0;
    flex-wrap: wrap;
}

.indicador-infografia>.go:hover {
    background-color: #000;
    border-radius: 7px;
    position: relative;
}

.indicador-infografia>.go:hover:before {
    content: '';
    border-style: solid;
    border-color: #B12009 transparent transparent transparent;
    border-width: 10px;
    position: absolute;
    top: -15px;
    left: 10px;
}
/* ================================
   ANÁLISIS - RESPONSIVE
   Debe cargar DESPUÉS de Analisis.css
================================ */

/* ================================
   BASE
================================ */

@media (max-width: 1024px) {
    #AnalisisView.page-title {
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    .content-busqueda {
        padding: 0 32px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {
    #AnalisisView.page-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

        #AnalisisView.page-title h1 {
            font-size: 30px !important;
            line-height: 1.15 !important;
        }

    .content-busqueda {
        padding: 0 16px !important;
    }
}

/* ================================
   ANÁLISIS - SUBMENÚ
================================ */

@media (max-width: 1024px) {
    #AnalisisView .subMenu {
        float: none !important;
        width: 100% !important;
        margin: 12px 0 0 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

        #AnalisisView .subMenu a {
            display: block !important;
            text-decoration: none !important;
        }

        #AnalisisView .subMenu .item1,
        #AnalisisView .subMenu .item2,
        #AnalisisView .subMenu .item3,
        #AnalisisView .subMenu .item4 {
            float: none !important;
            margin-left: 0 !important;
            min-height: 32px;
            padding: 6px 10px !important;
            box-sizing: border-box !important;
            text-align: center !important;
            line-height: 1.2 !important;
        }
}

@media (max-width: 480px) {
    #AnalisisView .subMenu {
        flex-direction: column !important;
    }

        #AnalisisView .subMenu a,
        #AnalisisView .subMenu .item1,
        #AnalisisView .subMenu .item2,
        #AnalisisView .subMenu .item3,
        #AnalisisView .subMenu .item4 {
            width: 100% !important;
        }
}

/* ================================
   ANÁLISIS - TÍTULOS
================================ */

@media (max-width: 768px) {
    .content-busqueda .titulo,
    .content-busqueda .tituloSeccion,
    .content-busqueda .tituloPublicacion {
        font-size: 16px !important;
        line-height: 1.3 !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

        .content-busqueda .tituloSeccion .iconReportes,
        .content-busqueda .tituloSeccion .iconBoletines,
        .content-busqueda .tituloSeccion .iconInfografias,
        .content-busqueda .tituloSeccion .iconPublicaciones {
            vertical-align: middle !important;
        }
}

/* ================================
   REPORTES - GRILLA RESPONSIVE
================================ */

.content-busqueda > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

    .content-busqueda > .row > .clear {
        display: none !important;
    }

.content-busqueda .reporte {
    float: none !important;
    width: 25% !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1100px) {
    .content-busqueda .reporte {
        width: 33.333% !important;
    }
}

@media (max-width: 768px) {
    .content-busqueda .reporte {
        width: 50% !important;
    }
}

@media (max-width: 520px) {
    .content-busqueda .reporte {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ================================
   REPORTES - TARJETAS
================================ */

.content-busqueda .content-reporte {
    width: 100% !important;
    height: auto !important;
    min-height: 210px;
    padding: 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.content-busqueda .nombre-reporte {
    width: 100% !important;
    min-height: 44px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    box-sizing: border-box !important;
}

.content-busqueda .content-reporte img {
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 15px auto 0 !important;
    display: block !important;
}

@media (max-width: 520px) {
    .content-busqueda .content-reporte {
        min-height: 190px;
    }

        .content-busqueda .content-reporte img {
            max-width: 240px !important;
        }
}

/* ================================
   REPORTES - LISTA
================================ */

.content-busqueda .lista-reporte {
    width: 100% !important;
    margin-top: 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

    .content-busqueda .lista-reporte ul {
        width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

        .content-busqueda .lista-reporte ul.active {
            height: auto !important;
        }

        .content-busqueda .lista-reporte ul li {
            width: 100% !important;
            min-height: 22px;
            margin-bottom: 4px !important;
            font-size: 12px !important;
            line-height: 1.25 !important;
            box-sizing: border-box !important;
        }

            .content-busqueda .lista-reporte ul li a {
                display: flex !important;
                align-items: flex-start !important;
                width: 100% !important;
                min-width: 0 !important;
                line-height: 1.25 !important;
                box-sizing: border-box !important;
            }

            .content-busqueda .lista-reporte ul li i {
                float: none !important;
                flex: 0 0 auto !important;
                margin-top: 2px !important;
                margin-right: 6px !important;
            }

            .content-busqueda .lista-reporte ul li span {
                float: none !important;
                width: auto !important;
                min-width: 0 !important;
                flex: 1 1 auto !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
            }

    .content-busqueda .lista-reporte .verMas,
    .content-busqueda .lista-reporte .verMenos {
        display: inline-block !important;
        margin-top: 4px !important;
        line-height: 1.25 !important;
    }

/* ================================
   REPORTES - MÓVIL LECTURA
================================ */

@media (max-width: 520px) {
    .content-busqueda .lista-reporte ul li span {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: initial !important;
    }

    .content-busqueda .lista-reporte ul {
        height: auto !important;
    }

    .content-busqueda .lista-reporte .verMas,
    .content-busqueda .lista-reporte .verMenos {
        display: none !important;
    }
}

/* ================================
   ANÁLISIS - MODALES RESPONSIVE
================================ */

.modal-dialog {
    width: min(920px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
}

.modal-content {
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

.modal-body {
    max-height: calc(100vh - 110px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

    .modal-body iframe,
    .modal-body object,
    .modal-body embed,
    .modal-body img {
        width: 100% !important;
        max-width: 100% !important;
    }

    .modal-body iframe,
    .modal-body object,
    .modal-body embed,
    #ifDownload {
        height: min(700px, calc(100vh - 150px)) !important;
    }

.imgModal {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 600px) {
    .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    .modal-content {
        max-height: calc(100vh - 20px) !important;
    }

    .modal-body {
        max-height: calc(100vh - 90px) !important;
        padding: 10px !important;
    }

        .modal-body iframe,
        .modal-body object,
        .modal-body embed,
        #ifDownload {
            height: calc(100vh - 120px) !important;
        }
}

/* ================================
   ANÁLISIS - ANTIDESBORDE
================================ */

#AnalisisView,
.content-busqueda,
.content-busqueda * {
    box-sizing: border-box;
}

    .content-busqueda img {
        max-width: 100%;
    }

@media (max-width: 768px) {
    .content-busqueda .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ================================
   ANÁLISIS - BOLETINES RESPONSIVE
   Debe cargar DESPUÉS de Analisis.css
================================ */

/* Contenedor de secciones */
.content-busqueda .separador-boletines {
    width: 100% !important;
    box-sizing: border-box !important;
}

    .content-busqueda .separador-boletines h5 {
        line-height: 1.3 !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
    }

    /* Evita márgenes raros de Bootstrap */
    .content-busqueda .separador-boletines > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

/* Grilla real de boletines */
    .content-busqueda .separador-boletines .boletines {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 24px 16px !important;
        box-sizing: border-box !important;
    }

/* Neutraliza col-md / col-lg legacy */
.content-busqueda .boletin,
.content-busqueda .boletin.col-md-3,
.content-busqueda .boletin.col-lg-2 {
    float: none !important;
    width: calc(100% / 6) !important;
    height: auto !important;
    min-height: 230px !important;
    padding: 5px 8px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

    /* Link de cada boletín */
    .content-busqueda .boletin > a {
        display: block !important;
        width: 100% !important;
        max-width: 170px !important;
        margin: 0 auto !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

/* Mantener el libro centrado */
.content-busqueda .flip-container {
    width: 150px !important;
    max-width: 100% !important;
    height: 175px !important;
    margin: 0 auto !important;
}

.content-busqueda .flipper {
    width: 150px !important;
    max-width: 100% !important;
    height: 175px !important;
}

/* Caras del libro */
.content-busqueda .front,
.content-busqueda .back {
    width: 150px !important;
    max-width: 100% !important;
    height: 172px !important;
    box-sizing: border-box !important;
}

.content-busqueda .content-boletin {
    width: 150px !important;
    max-width: 100% !important;
    height: 160px !important;
    box-sizing: border-box !important;
}

    .content-busqueda .content-boletin img:not(.nuevo) {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

/* Texto posterior del flip */
.content-busqueda .text-boletin {
    width: 150px !important;
    max-width: 100% !important;
    height: 170px !important;
    padding: 10px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Lomo */
.content-busqueda .lomo {
    height: 171px !important;
}

/* Nombre inferior */
.content-busqueda .nombre-boletin {
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
    min-height: 35px;
    margin: 6px auto 0 !important;
    padding: 3px 5px !important;
    box-sizing: border-box !important;
    line-height: 1.15 !important;
}

.content-busqueda .edicion-boletin {
    font-size: 11px !important;
    line-height: 1.1 !important;
}

.content-busqueda .localidad-boletin {
    max-width: 100% !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Separadores */
.content-busqueda .division {
    width: 100% !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

    .content-busqueda .division hr {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

/* 5 columnas */
@media (max-width: 1400px) {
    .content-busqueda .boletin,
    .content-busqueda .boletin.col-md-3,
    .content-busqueda .boletin.col-lg-2 {
        width: 20% !important;
    }
}

/* 4 columnas */
@media (max-width: 1100px) {
    .content-busqueda .boletin,
    .content-busqueda .boletin.col-md-3,
    .content-busqueda .boletin.col-lg-2 {
        width: 25% !important;
    }
}

/* 3 columnas */
@media (max-width: 850px) {
    .content-busqueda .boletin,
    .content-busqueda .boletin.col-md-3,
    .content-busqueda .boletin.col-lg-2 {
        width: 33.333% !important;
    }
}

/* 2 columnas */
@media (max-width: 640px) {
    .content-busqueda .boletin,
    .content-busqueda .boletin.col-md-3,
    .content-busqueda .boletin.col-lg-2 {
        width: 50% !important;
        min-height: 225px !important;
    }

    .content-busqueda .separador-boletines h5 {
        font-size: 14px !important;
        text-align: left !important;
    }
}

/* 1 columna */
@media (max-width: 420px) {
    .content-busqueda .separador-boletines .boletines {
        gap: 22px 0 !important;
    }

    .content-busqueda .boletin,
    .content-busqueda .boletin.col-md-3,
    .content-busqueda .boletin.col-lg-2 {
        width: 100% !important;
        min-height: 225px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .content-busqueda .boletin > a {
            max-width: 180px !important;
        }

    .content-busqueda .separador-boletines h5 {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}

/* ================================
   BOLETINES - ANTIDESBORDE
================================ */

.content-busqueda .separador-boletines .boletines *,
.content-busqueda .separador-boletines .boletin * {
    box-sizing: border-box;
}

.content-busqueda .boletin img {
    max-width: 100%;
}

/* ================================
   ANÁLISIS - INFOGRAFÍAS RESPONSIVE
   Debe cargar DESPUÉS de Analisis.css
================================ */

/* Secciones */
.content-busqueda .separador-infografias {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 15px 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

    .content-busqueda .separador-infografias h5 {
        line-height: 1.3 !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
    }

/* Contenedor principal */
.content-busqueda .content-infografia {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 210px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

    /* Flechas */
    .content-busqueda .content-infografia > .prev,
    .content-busqueda .content-infografia > .next {
        float: none !important;
        flex: 0 0 32px !important;
        width: 32px !important;
        height: 190px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }

        .content-busqueda .content-infografia > .prev i,
        .content-busqueda .content-infografia > .next i {
            font-size: 42px !important;
        }

    /* Caja visible del carrusel */
    .content-busqueda .content-infografia .infografia {
        float: none !important;
        width: calc(100% - 64px) !important;
        max-width: 880px !important;
        height: auto !important;
        min-height: 205px;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

        /* Lista interna generada por jCarouselLite */
        .content-busqueda .content-infografia .infografia ul {
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
            box-sizing: border-box !important;
        }

            /* Item */
            .content-busqueda .content-infografia .infografia ul li {
                width: 220px !important;
                height: auto !important;
                min-height: 202px !important;
                padding: 0 5px !important;
                box-sizing: border-box !important;
            }

/* Imagen */
.content-busqueda .imagen-infografia {
    width: 210px !important;
    height: 160px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

    /*
   Ojo: NO poner width:100% a esta imagen.
   Algunas infografías parecen usar sprite doble:
   normal + hover desplazado con margin-left:-210px.
*/
    .content-busqueda .imagen-infografia img {
        width: auto !important;
        max-width: none !important;
        height: 160px !important;
        display: block !important;
        margin-left: 0 !important;
    }

        .content-busqueda .imagen-infografia img:hover {
            margin-left: -210px !important;
        }

/* Título */
.content-busqueda .titulo-infografia {
    width: 210px !important;
    max-width: 100% !important;
    min-height: 32px;
    margin: 6px auto 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

/* ================================
   INFOGRAFÍAS - BREAKPOINTS
================================ */

/* Tablet */
@media (max-width: 900px) {
    .content-busqueda .content-infografia {
        justify-content: flex-start !important;
        min-height: 215px;
    }

        .content-busqueda .content-infografia > .prev,
        .content-busqueda .content-infografia > .next {
            display: none !important;
        }

        .content-busqueda .content-infografia .infografia {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            -webkit-overflow-scrolling: touch;
        }

            .content-busqueda .content-infografia .infografia ul {
                display: flex !important;
                flex-wrap: nowrap !important;
                width: max-content !important;
                max-width: none !important;
                left: 0 !important;
                transform: none !important;
            }

                .content-busqueda .content-infografia .infografia ul li {
                    float: none !important;
                    flex: 0 0 220px !important;
                }
}

/* Celular */
@media (max-width: 520px) {
    .content-busqueda .separador-infografias h5 {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .content-busqueda .content-infografia {
        min-height: 210px;
        padding-bottom: 6px !important;
    }

        .content-busqueda .content-infografia .infografia {
            padding-bottom: 8px !important;
        }

            .content-busqueda .content-infografia .infografia ul li {
                flex: 0 0 220px !important;
                width: 220px !important;
            }
}

/* Celular muy angosto */
@media (max-width: 360px) {
    .content-busqueda .content-infografia .infografia ul li {
        flex: 0 0 210px !important;
        width: 210px !important;
        padding: 0 4px !important;
    }

    .content-busqueda .imagen-infografia,
    .content-busqueda .titulo-infografia {
        width: 200px !important;
    }

    .content-busqueda .imagen-infografia {
        height: 153px !important;
    }

        .content-busqueda .imagen-infografia img {
            height: 153px !important;
        }

            .content-busqueda .imagen-infografia img:hover {
                margin-left: -200px !important;
            }
}

/* ================================
   INFOGRAFÍAS - MODAL RESPONSIVE
================================ */

#mdInfografia .modal-dialog {
    width: min(1100px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
}

#mdInfografia .modal-content {
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

#mdInfografia .modal-body {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 90px) !important;
    padding: 12px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

    #mdInfografia .modal-body > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

#mdInfografia .content-tableau {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
}

    #mdInfografia .content-tableau iframe,
    #mdInfografia .content-tableau object,
    #mdInfografia .content-tableau embed,
    #mdInfografia .content-tableau > div {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

@media (max-width: 600px) {
    #mdInfografia .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    #mdInfografia .modal-content {
        max-height: calc(100vh - 20px) !important;
    }

    #mdInfografia .modal-body {
        max-height: calc(100vh - 70px) !important;
        padding: 8px !important;
    }
}

/* ================================
   INFOGRAFÍAS - ANTIDESBORDE
================================ */

.content-busqueda .separador-infografias *,
.content-busqueda .content-infografia *,
#mdInfografia * {
    box-sizing: border-box;
}

.content-busqueda .division {
    width: 100% !important;
    height: 32px !important;
}

    .content-busqueda .division hr {
        left: 0 !important;
        width: 100% !important;
    }

/* ================================
   INFOGRAFÍAS - CARRUSEL CENTRADO FIX
================================ */

.content-busqueda .content-infografia {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

    /* Orden visual */
    .content-busqueda .content-infografia > .prev {
        order: 1 !important;
    }

    .content-busqueda .content-infografia > .infografia {
        order: 2 !important;
    }

    .content-busqueda .content-infografia > .next {
        order: 3 !important;
    }

    /* El indicador debe ir debajo, no al costado */
    .content-busqueda .content-infografia > .indicador-infografia {
        order: 4 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 880px !important;
        float: none !important;
        clear: none !important;
        margin: 14px auto 0 !important;
        padding: 5px 8px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        background-color: #2d2d2d !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

        /* Links de años */
        .content-busqueda .content-infografia > .indicador-infografia a {
            display: inline-block !important;
            color: #fff !important;
            font-size: 12px !important;
            line-height: 1.2 !important;
            text-decoration: none !important;
            padding: 0 1px !important;
            white-space: nowrap !important;
        }

/* ================================
   INFOGRAFÍAS - ANCHOS RESPONSIVE
================================ */

/* 4 elementos visibles */
@media (min-width: 981px) {
    .content-busqueda .content-infografia > .infografia {
        width: 880px !important;
        max-width: 880px !important;
    }
}

/* 3 elementos visibles */
@media (max-width: 980px) {
    .content-busqueda .content-infografia > .infografia {
        width: 660px !important;
        max-width: calc(100% - 80px) !important;
    }

    .content-busqueda .content-infografia > .indicador-infografia {
        max-width: 660px !important;
    }
}

/* 2 elementos visibles */
@media (max-width: 760px) {
    .content-busqueda .content-infografia > .infografia {
        width: 440px !important;
        max-width: calc(100% - 70px) !important;
    }

    .content-busqueda .content-infografia > .indicador-infografia {
        max-width: 440px !important;
    }

    .content-busqueda .content-infografia > .prev,
    .content-busqueda .content-infografia > .next {
        flex-basis: 28px !important;
        width: 28px !important;
    }

        .content-busqueda .content-infografia > .prev i,
        .content-busqueda .content-infografia > .next i {
            font-size: 34px !important;
        }
}

/* 1 elemento visible */
@media (max-width: 520px) {
    .content-busqueda .content-infografia > .infografia {
        width: 220px !important;
        max-width: 220px !important;
    }

    .content-busqueda .content-infografia > .indicador-infografia {
        max-width: 220px !important;
        padding: 6px !important;
    }

        .content-busqueda .content-infografia > .indicador-infografia a {
            font-size: 11px !important;
        }
}

/* ================================
   INFOGRAFÍAS - CENTRADO DE FILAS
================================ */

/* Centra la lista interna cuando hay pocas infografías */
.content-busqueda .content-infografia .infografia ul {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Asegura que el visor del carrusel no empuje hacia la izquierda */
.content-busqueda .content-infografia > .infografia {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mantiene centradas las secciones sin flechas */
.content-busqueda .content-infografia:not(:has(> .prev)):not(:has(> .next)) {
    justify-content: center !important;
}

    /* Para secciones sin flechas: centra exactamente el contenido visible */
    .content-busqueda .content-infografia:not(:has(> .prev)):not(:has(> .next)) > .infografia {
        width: auto !important;
        max-width: 100% !important;
        flex: 0 1 auto !important;
    }

        /* Para secciones sin flechas: evita que el ul se estire innecesariamente */
        .content-busqueda .content-infografia:not(:has(> .prev)):not(:has(> .next)) > .infografia ul {
            width: auto !important;
            max-width: 100% !important;
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            left: 0 !important;
        }

@media (max-width: 900px) {
    .content-busqueda .content-infografia {
        justify-content: center !important;
    }

        .content-busqueda .content-infografia > .infografia {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .content-busqueda .content-infografia .infografia ul {
            justify-content: center !important;
        }
}

/* ================================
   ANÁLISIS - PUBLICACIONES RESPONSIVE
   Debe cargar DESPUÉS de Analisis.css
================================ */

/* Contenedor de publicaciones */
.content-busqueda > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    box-sizing: border-box !important;
}

/* Neutraliza col-xs-4 */
.content-busqueda .publicacion,
.content-busqueda .publicacion.col-xs-4 {
    float: none !important;
    width: 33.333% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    margin: 0 0 24px 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ================================
   PUBLICACIONES - TARJETA
================================ */

.content-busqueda .content-publicacion {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    position: relative !important;
    box-sizing: border-box !important;
}

    .content-busqueda .content-publicacion a {
        width: 100% !important;
        max-width: 300px !important;
        height: 360px !important;
        min-height: 360px !important;
        margin: 0 auto !important;
        padding-top: 10px !important;
        display: flex !important;
        flex-flow: row wrap !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

/* Título interno */
.content-busqueda .nombre-publicacion {
    width: 100% !important;
    height: auto !important;
    min-height: 60px !important;
    margin-top: 5px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

    .content-busqueda .nombre-publicacion span {
        width: 100% !important;
        display: block !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    /* Imagen inferior */
    .content-busqueda .nombre-publicacion img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: absolute !important;
        left: 0 !important;
        bottom: -15px !important;
        display: block !important;
    }

/* ================================
   PUBLICACIONES - BOTÓN
================================ */

.content-busqueda .boton-publicacion {
    width: 65% !important;
    max-width: 200px !important;
    height: 28px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

    .content-busqueda .boton-publicacion::before,
    .content-busqueda .boton-publicacion::after {
        top: -16px !important;
    }

/* ================================
   PUBLICACIONES - RESEÑA
================================ */

.content-busqueda .resena-publicacion {
    width: 100% !important;
    max-width: 300px !important;
    margin: 10px auto 0 !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
}

/* ================================
   PUBLICACIONES - BREAKPOINTS
================================ */

/* 2 columnas */
@media (max-width: 980px) {
    .content-busqueda .publicacion,
    .content-busqueda .publicacion.col-xs-4 {
        width: 50% !important;
    }
}

/* 1 columna */
@media (max-width: 620px) {
    .content-busqueda > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .content-busqueda .publicacion,
    .content-busqueda .publicacion.col-xs-4 {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 28px !important;
    }

    .content-busqueda .content-publicacion,
    .content-busqueda .content-publicacion a,
    .content-busqueda .resena-publicacion {
        max-width: 320px !important;
    }

        .content-busqueda .content-publicacion a {
            height: 365px !important;
            min-height: 365px !important;
        }
}

/* Celular angosto */
@media (max-width: 380px) {
    .content-busqueda .content-publicacion,
    .content-busqueda .content-publicacion a,
    .content-busqueda .resena-publicacion {
        max-width: 280px !important;
    }

        .content-busqueda .content-publicacion a {
            height: 340px !important;
            min-height: 340px !important;
        }

    .content-busqueda .nombre-publicacion span {
        font-size: 12px !important;
        padding: 0 10px !important;
    }

    .content-busqueda .boton-publicacion {
        width: 72% !important;
        font-size: 11px !important;
    }

    .content-busqueda .resena-publicacion {
        font-size: 11px !important;
    }
}

/* ================================
   PUBLICACIONES - ANTIDESBORDE
================================ */

.content-busqueda .publicacion *,
.content-busqueda .content-publicacion * {
    box-sizing: border-box;
}

.content-busqueda .publicacion img {
    max-width: 100%;
}

/* ================================
   ANÁLISIS - DETALLE PUBLICACIÓN RESPONSIVE
   Debe cargar DESPUÉS de Analisis.css
================================ */

/* Cabecera de la sección PUBLICACIONES */
.content-busqueda > a .tituloSeccion {
    width: 100% !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}

    /* Botón Ver todas las publicaciones */
    .content-busqueda > a .tituloSeccion .float-right {
        float: none !important;
        margin-left: auto !important;
    }

    .content-busqueda > a .tituloSeccion #btnRegresar {
        float: none !important;
        height: auto !important;
        min-height: 24px;
        margin: 0 !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

/* Título principal de la publicación */
.content-busqueda .tituloPublicacion {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 34px;
    margin: 5px 0 0 0 !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* ================================
   PUBLICACIÓN DETALLE - CONTENEDOR
================================ */

.content-busqueda .publicacionDetalle {
    width: 100% !important;
    margin: 5px 0 20px 0 !important;
    padding: 25px 16px 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

    .content-busqueda .publicacionDetalle > div[style*="height"] {
        display: none !important;
    }

    .content-busqueda .publicacionDetalle .publicacion,
    .content-busqueda .publicacionDetalle .publicacion.col-xs-12 {
        float: none !important;
        width: 100% !important;
        max-width: 420px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    /* ================================
   PUBLICACIÓN DETALLE - IMAGEN
================================ */

    .content-busqueda .publicacionDetalle .imagen-publicacion {
        width: 200px !important;
        height: 250px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

        .content-busqueda .publicacionDetalle .imagen-publicacion > img {
            width: 100% !important;
            height: 100% !important;
            position: static !important;
            object-fit: cover !important;
            display: block !important;
        }

    /* Capa de descarga */
    .content-busqueda .publicacionDetalle .descarga-publicacion {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

        .content-busqueda .publicacionDetalle .descarga-publicacion > a {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            position: relative !important;
            box-sizing: border-box !important;
        }

    .content-busqueda .publicacionDetalle .fondo-descarga {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 10px !important;
    }

/* ================================
   PUBLICACIÓN DETALLE - CONTENIDO
================================ */

    .content-busqueda .publicacionDetalle .contenido-publicacion {
        width: 100% !important;
        max-width: 360px !important;
        margin: 10px auto 0 !important;
        padding: 0 8px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

/* ================================
   PUBLICACIÓN DETALLE - MÓVIL
================================ */

@media (max-width: 768px) {
    .content-busqueda > a .tituloSeccion {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 8px !important;
    }

        .content-busqueda > a .tituloSeccion .float-right {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .content-busqueda > a .tituloSeccion #btnRegresar {
            width: 100% !important;
            max-width: 280px !important;
            display: block !important;
            margin: 0 auto !important;
        }

    .content-busqueda .tituloPublicacion {
        font-size: 14px !important;
        padding: 8px 10px !important;
    }

    .content-busqueda .publicacionDetalle {
        padding: 22px 12px 26px !important;
    }
}

@media (max-width: 420px) {
    .content-busqueda .publicacionDetalle .imagen-publicacion {
        width: 180px !important;
        height: 225px !important;
    }

    .content-busqueda .publicacionDetalle .contenido-publicacion {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .content-busqueda .publicacionDetalle .boton-descarga {
        font-size: 10px !important;
        width: 82% !important;
    }

    .content-busqueda .publicacionDetalle .imagen-publicacion > .descarga-publicacion {
        height: 360px !important;
        padding-top: 225px !important;
    }

    .content-busqueda .publicacionDetalle .fondo-descarga {
        height: 225px !important;
    }

    .content-busqueda .publicacionDetalle .descarga-publicacion:hover .boton-descarga,
    .content-busqueda .publicacionDetalle .imagen-publicacion:hover .boton-descarga {
        margin-top: -135px !important;
    }
}

/* ================================
   PUBLICACIÓN DETALLE - MODAL PDF
================================ */

#mdViewPdf .modal-dialog {
    width: min(1100px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
}

#mdViewPdf .modal-content {
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

#mdViewPdf .modal-body {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 100px) !important;
    padding: 10px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

#mdViewPdf iframe,
#mdViewPdf #ifDownload {
    width: 100% !important;
    max-width: 100% !important;
    height: min(700px, calc(100vh - 140px)) !important;
    box-sizing: border-box !important;
}

@media (max-width: 600px) {
    #mdViewPdf .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    #mdViewPdf .modal-content {
        max-height: calc(100vh - 20px) !important;
    }

    #mdViewPdf .modal-body {
        max-height: calc(100vh - 80px) !important;
        padding: 8px !important;
    }

    #mdViewPdf iframe,
    #mdViewPdf #ifDownload {
        height: calc(100vh - 110px) !important;
    }
}

/* ================================
   PUBLICACIÓN DETALLE - RESTAURAR HOVER DESCARGA
================================ */

.content-busqueda .publicacionDetalle .imagen-publicacion {
    position: relative !important;
    overflow: hidden !important;
}

    /* Recupera el comportamiento original: el botón nace debajo */
    .content-busqueda .publicacionDetalle .imagen-publicacion > .descarga-publicacion {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 390px !important;
        margin-top: 0 !important;
        padding-top: 250px !important;
        cursor: pointer !important;
        box-sizing: content-box !important;
    }

/* El enlace no debe forzar al botón a quedarse centrado visible */
.content-busqueda .publicacionDetalle .descarga-publicacion > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
}

/* Capa blanca sobre la portada */
.content-busqueda .publicacionDetalle .fondo-descarga {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 250px !important;
    opacity: 0 !important;
    border-radius: 10px !important;
    transition: opacity 0.4s ease-in-out !important;
}

/* Botón oculto inicialmente */
.content-busqueda .publicacionDetalle .boton-descarga {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 70% !important;
    margin: 0 auto !important;
    padding: 5px 10px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    border-radius: 10px !important;
    transform: scale(0) !important;
    transition: all 0.4s ease-in-out !important;
    box-sizing: border-box !important;
}

/* Hover: aparece desde abajo y se ubica sobre la portada */
.content-busqueda .publicacionDetalle .descarga-publicacion:hover .fondo-descarga,
.content-busqueda .publicacionDetalle .imagen-publicacion:hover .fondo-descarga {
    opacity: 0.5 !important;
}

.content-busqueda .publicacionDetalle .descarga-publicacion:hover .boton-descarga,
.content-busqueda .publicacionDetalle .imagen-publicacion:hover .boton-descarga {
    margin-top: -150px !important;
    transform: scale(1) !important;
}
