.conocemas-articulos {
    width: 100%;
    height: auto;
    min-height: 12px;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin-top: 35px;
}

.conocemas-articulo {
    position: relative;
    height: 313px;
    background-color: #262729;
    border-radius: 0.3rem;
    -webkit-box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.1);
    transition: transform .2s;
    cursor: pointer;
    display: none;
    overflow: hidden;
}

.conocemas-articulo-bg {
    position: absolute;
    width: 100%;
    height: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.6;
    transition: all .8s;
}

#articulo-refugioreyes {
    background-image: url(../images/conoce-mas/refugio-reyes.jpg);
}

#articulo-historiaags {
    background-image: url(../images/conoce-mas/historia-aguascalientes.jpg);
}

#articulo-sanantonio {
    background-image: url(../images/conoce-mas/sanantonio.jpg);
}

#articulo-centro {
    background-image: url(../images/conoce-mas/centrohistorico.jpg);
}

#articulo-mayolica {
    background-image: url(../images/conoce-mas/mayolica.jpg);
}

#articulo-museoags {
    background-image: url(../images/conoce-mas/museoaguascalientes.jpg);
}

#articulo-elocote {
    background-image: url(../images/conoce-mas/elocote.jpg);
}

#articulo-callenieto {
    background-image: url(../images/conoce-mas/callenieto.jpg);
}

#articulo-calledelcodo {
    background-image: url(../images/conoce-mas/calle-del-codo.jpg);
}

#articulo-caminoreal {
    background-image: url(../images/conoce-mas/camino-real.jpg);
}

#articulo-penuelas {
    background-image: url(../images/conoce-mas/haciendapenuelas2.jpg);
}

#articulo-escudoags {
    background-image: url(../images/conoce-mas/escudoheraldico.jpg);
}

#articulo-leyendas {
    background-image: url(../images/conoce-mas/leyendas2.jpg);
}

#articulo-museoespacio {
    background-image: url(../images/conoce-mas/museoespacio.jpg);
}

#articulo-mac8 {
    background-image: url(../images/conoce-mas/mac8.jpg);
}

#articulo-bandasinfonica {
    background-image: url(../images/conoce-mas/bandasinfonica.jpg);
}

#articulo-museoposada {
    background-image: url(../images/conoce-mas/museoposada.jpg);
}

#articulo-elsabinal {
    background-image: url(../images/conoce-mas/elsabinal.jpg);
}

#articulo-bosquecobos {
    background-image: url(../images/conoce-mas/bosquecobos.jpg);
}

#articulo-cerrogallos {
    background-image: url(../images/conoce-mas/cerrogallos.jpg);
}

#articulo-lapona {
    background-image: url(../images/conoce-mas/lapona.jpg);
}

#articulo-parquemexico {
    background-image: url(../images/conoce-mas/parquemexico.jpg);
}

#articulo-3centurias {
    background-image: url(../images/conoce-mas/3centurias.jpg);
}

#articulo-plazatrescenturias {
    background-image: url(../images/conoce-mas/plazatrescenturas.jpeg);
}

#articulo-ojocaliente {
    background-image: url(../images/conoce-mas/banos-ojo-caliente.jpg);
}

#articulo-FNSM {
    background-image: url(../images/conoce-mas/fnsm.png);
}

#articulo-calaveras {
    background-image: url(../images/conoce-mas/calaveras.jpg);
}

#articulo-museojuguete {
    background-image: url(../images/conoce-mas/museojuguete.jpg);
}

#articulo-romeria {
    background-image: url(../images/conoce-mas/romeria.jpeg);
}

#articulo-trianada {
    background-image: url(../images/conoce-mas/trianada.jpg);
}

#articulo-museodelamuerte {
    background-image: url(../images/conoce-mas/museomuerte.jpg);
}

#articulo-museodelpueblo {
    background-image: url(../images/conoce-mas/museodelpueblo.jpg);
}

#articulo-museoescarcega {
    background-image: url(../images/conoce-mas/museoescarcega.jpg);
}

#articulo-exescueladecristo {
    background-image: url(../images/conoce-mas/exescueladecristo.jpg);
}

#articulo-centrodeartesvisuales {
    background-image: url(../images/conoce-mas/centrodeartesvisuales.jpg);
}

#articulo-bobedajesusfcontreras {
    background-image: url(../images/conoce-mas/bobedajesusfcontreras.jpg);
}

#articulo-elobraje {
    background-image: url(../images/conoce-mas/elobraje.jpg);
}

#articulo-universidadartes {
    background-image: url(../images/conoce-mas/universidadartes.jpeg);
}

#articulo-losarquitos {
    background-image: url(../images/conoce-mas/losarquitos.jpg);
}

#articulo-casateran {
    background-image: url(../images/conoce-mas/casateran.jpg);
}

#articulo-casadelacultura {
    background-image: url(../images/conoce-mas/casadelacultura.jpg);
}

#articulo-casarefugioreyes {
    background-image: url(../images/conoce-mas/casarefugioreyes.jpg);
}

#articulo-callemadero {
    background-image: url(../images/conoce-mas/calle-madero.jpg);
}

#articulo-mercadojuarez {
    background-image: url(../images/conoce-mas/mercado-juarez.jpg);
}

#articulo-lamastranza {
    background-image: url(../images/conoce-mas/la-maestranza.jpg);
}

#articulo-callezaragoza {
    background-image: url(../images/conoce-mas/sanantonio.jpg);
}

#articulo-glorietapurisima {
    background-image: url(../images/conoce-mas/glorieta-puisima.jpg);
}

#articulo-lapurisima {
    background-image: url(../images/conoce-mas/la-purisima.jpg);
}

#articulo-hotelregis {
    background-image: url(../images/conoce-mas/centro-inah.jpg);
}

#articulo-archivoestatal {
    background-image: url(../images/conoce-mas/archivo-historico.jpg);
}

#articulo-temploavemaria {
    background-image: url(../images/conoce-mas/ave-maria.jpg);
}

#articulo-elconventito {
    background-image: url(../images/conoce-mas/el-conventito.jpg);
}

#articulo-lamerced {
    background-image: url(../images/conoce-mas/la-merced.jpg);
}

#articulo-religiosasanmarcos {
    background-image: url(../images/conoce-mas/templo-san-marcos2.jpg);
}

#articulo-temploguadalupe {
    background-image: url(../images/conoce-mas/templo-guadalupe.jpg);
}

#articulo-terceraorden {
    background-image: url(../images/conoce-mas/tercera-orden.jpg);
}

#articulo-templosandiego {
    background-image: url(../images/conoce-mas/san-diego.jpg);
}

#articulo-parroquiasanjose {
    background-image: url(../images/conoce-mas/san-jose.jpg);
}

#articulo-elencierro {
    background-image: url(../images/conoce-mas/el-encierro.png);
}

#articulo-plazasanmarcos {
    background-image: url(../images/conoce-mas/plaza-san-marcos.png);
}

#articulo-plazamonumental {
    background-image: url(../images/conoce-mas/plaza-monumental.png);
}

#articulo-mausoleotaurino {
    background-image: url(../images/conoce-mas/mausoleo-taurino.png);
}

#articulo-templodelencino {
    background-image: url(../images/conoce-mas/el-encino.jpg);
}

#articulo-colegioportugal {
    background-image: url(../images/conoce-mas/colegio-portugal.jpg);
}

/* Barrios */
#articulo-barriotriana {
    background-image: url(../images/conoce-mas/barrio-triana.jpg);
}

/* Ruta Refugio Reyes */
#articulo-cielafraguas {
    background-image: url(../images/conoce-mas/ciela.jpg);
}

#articulo-museoinah2 {
    background-image: url(../images/conoce-mas/museoinah.jpg);
}

#articulo-lasaturnina {
    background-image: url(../images/conoce-mas/la-saturnina.png);
}

#articulo-hotelfrancia {
    background-image: url(../images/conoce-mas/hotelfrancia.jpg);
}

#articulo-profeco {
    background-image: url(../images/conoce-mas/profeco.jpg);
}

#articulo-fundadores {
    background-image: url(../images/conoce-mas/fundadores.jpg);
}

#articulo-museoags2 {
    background-image: url(../images/conoce-mas/fundadores.jpg);
}


/*Fincas Patrimonio*/
#articulo-teatromorelos {
    background-image: url(../images/conoce-mas/teatromorelos.jpg);
}

#articulo-palaciodegobierno {
    background-image: url(../images/conoce-mas/palaciodegobierno.jpg);
}

#articulo-exedra {
    background-image: url(../images/conoce-mas/exedra.jpg);
}

#articulo-palaciolegislativo {
    background-image: url(../images/conoce-mas/palaciolegislativo.jpg);
}

#articulo-catedral {
    background-image: url(../images/conoce-mas/catedral.jpg);
}

#articulo-palaciomunicipal {
    background-image: url(../images/conoce-mas/palacio-municipal.jpg);
}

#articulo-hotelimperial {
    background-image: url(../images/conoce-mas/hotel-imperial.jpg);
}

#articulo-lamutualista {
    background-image: url(../images/conoce-mas/lamutualista.JPG);
}

#articulo-museoinah {
    background-image: url(../images/conoce-mas/museo-historia.png);
}

#articulo-columnaexedra {
    background-image: url(../images/conoce-mas/columnaexcedra.jpg);
}

#articulo-jardinsanmarcos {
    background-image: url(../images/conoce-mas/jardinsanmarcos.jpg);
}

#articulo-castilloortega {
    background-image: url(../images/conoce-mas/castilloortega.jpg);
}

#articulo-banosojocaliente {
    background-image: url(../images/conoce-mas/banos-ojocaliente.jpg);
}

#articulo-casaosornio {
    background-image: url(../images/conoce-mas/casa-osorinio-camarena.jpg);
}

#articulo-bancozacatecas {
    background-image: url(../images/conoce-mas/banco-de-zacatecas.jpg);
}

/* Ruta Religiosa */
#articulo-templosanmarcos {
    background-image: url(../images/conoce-mas/templo-san-marcos2.jpg);
}

#articulo-templodelasalud {
    background-image: url(../images/conoce-mas/templodelasalud.jpg);
}

/* Historia */
#articulo-historiaferrocarril {
    background-image: url(../images/conoce-mas/historia-ferrocarril.jpg);
}

#articulo-historiaferia {
    background-image: url(../images/conoce-mas/historia-feria.jpg);
}

#articulo-historiaestacion {
    background-image: url(../images/conoce-mas/historia-estacion.jpg);
}

#articulo-historiacentrohistorico {
    background-image: url(../images/conoce-mas/hisotira-centro-historico.jpg);
}

#articulo-convencion1914 {
    background-image: url(../images/conoce-mas/convencion1914.jpg);
}

#articulo-caminosanignacio {
    background-image: url(../images/conoce-mas/caminosanignacio.jpg);
}

#articulo-granfundidora {
    background-image: url(../images/conoce-mas/granfundidora.jpg);
}

#articulo-coloniaferronales {
    background-image: url(../images/conoce-mas/coloniaferronales.jpg);
}

#articulo-juanchavez {
    background-image: url(../images/conoce-mas/juanchavez.jpg);
}
#articulo-panteondelacruz {
    background-image: url(../images/conoce-mas/panteondelacruz.jpg);
}


/* Personajes Ilustres*/

#articulo-saturninoherran {
    background-image: url(../images/conoce-mas/Saturnino-herran.jpg);
}

#articulo-jesusfcontreras {
    background-image: url(../images/conoce-mas/jesus-f-contreras.jpg);
}

#articulo-anitabrenner {
    background-image: url(../images/conoce-mas/Anita-Brenner.jpg);
}

#articulo-refugioreyes {
    background-image: url(../images/conoce-mas/refugio-reyes.jpg);
}

#articulo-doloresjimenezymuro {
    background-image: url(../images/conoce-mas/dolores-jimenez-y-muro.jpg);
}

#articulo-guadalupeposada {
    background-image: url(../images/conoce-mas/guadalupe-posada.jpg);
}

#articulo-gabrielfernandezledesma {
    background-image: url(../images/conoce-mas/gabriel-fernandez-ledesma.jpg);
}

#articulo-enriquefernandezledesma {
    background-image: url(../images/conoce-mas/enrique-fernandez-ledesma.jpg);
}

#articulo-dolorescastro {
    background-image: url(../images/conoce-mas/dolores-castro.png);
}

#articulo-jaimehumbertohermosillo {
    background-image: url(../images/conoce-mas/jaime-humberto-hermosillo.png);
}

#articulo-alfonsoesparzaoteo {
    background-image: url(../images/conoce-mas/alfonsoesparzaoteo.jpg);
}

#articulo-antonioacevedo {
    background-image: url(../images/conoce-mas/antonioacevedo.jpg);
}

#articulo-lasalud {
    background-image: url(../images/conoce-mas/templo-la-salud.jpg);
}

#articulo-federicomendez {
    background-image: url(../images/conoce-mas/federicomendez.jpg);
}

#articulo-albertojpani {
    background-image: url(../images/conoce-mas/albertojpani.jpg);
}

#articulo-alejandrotopetedelvalle {
    background-image: url(../images/conoce-mas/alejandrotopetedelvalle.png);
}

#articulo-alejandrovazquezdelmercado {
    background-image: url(../images/conoce-mas/alejandrovazquezdelmercado.png);
}

#articulo-candelariorivas {
    background-image: url(../images/conoce-mas/candelariorivas.png);
}

#articulo-eduardojcorrea {
    background-image: url(../images/conoce-mas/eduardojcorrea.png);
}

#articulo-ezequielachavez {
    background-image: url(../images/conoce-mas/ezequielachavez.jpg);
}

#articulo-franciscodiazdeleon {
    background-image: url(../images/conoce-mas/franciscodiazdeleon.jpg);
}

#articulo-jesusteranperedo {
    background-image: url(../images/conoce-mas/jesusteranperedo.png);
}

#articulo-josemariabocanegra {
    background-image: url(../images/conoce-mas/josemariabocanegra.png);
}

#articulo-josemariachavezalonso {
    background-image: url(../images/conoce-mas/josemariachavezalonso.jpeg);
}

#articulo-manuelmariaponcecuellar {
    background-image: url(../images/conoce-mas/manuelmariaponcecuellar.jpg);
}

#articulo-ramonlopezvelarde {
    background-image: url(../images/conoce-mas/ramonlopezvelarde.jpg);
}

/* GASTRONOMÍA */
#articulo-enchiladas {
    background-image: url(../gastronomia/images/temas-enchiladas.jpg);
}

#articulo-chileags {
    background-image: url(../gastronomia/images/temas-chileags.jpg);
}

#articulo-condoches {
    background-image: url(../gastronomia/images/temas-condoches.jpg);
}

#articulo-moleguayaba {
    background-image: url(../gastronomia/images/temas-moleguayaba.jpg);
}

#articulo-tortaalbanil {
    background-image: url(../gastronomia/images/temas-tortaalbanil.jpg);
}

#articulo-chamucos {
    background-image: url(../gastronomia/images/temas-chamucos.jpg);
}

#articulo-chaska {
    background-image: url(../gastronomia/images/temas-chaska.jpg);
}


.conocemas-articulo:hover .conocemas-articulo-bg {
    opacity: 0.3;
}

.conocemas-articulo-cont {
    position: relative;
    width: 100%;
    height: inherit;
    display: flex;
    align-items: end;
    justify-content: start;
    padding: 12px;
    color: #fff;
    text-shadow: 1px 1px 2px black;
}

.conocemas-articulo-cont div h2 {
    font-size: 1.5rem;
}

.conocemas-articulo-cont h3 {
    font-size: 1.2rem;
}

.conocemas-articulo-cont-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: all 0.8s;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conocemas-articulo-cont:hover .conocemas-articulo-cont-hidden {
    visibility: visible;
    height: 100px;
    opacity: 1;
}

.conocemas-articulo-cont-mas {
    position: absolute;
    bottom: 12px;
    right: 12px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ff7979;
}

.conocemas-articulo-cont-mas img {
    width: 32px;
}

.articulos-rutas {
    display: inline-flex;
    column-gap: 12px;
    align-items: center;
}

.articulos-rutas img {
    width: 38px;
}

.rutas-introsuccion {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 25px;
}

.rutas-introsuccion i {
    font-size: 17pt;
}

/* Filtro activo */
.filtro-activo {
    display: block;
}

@media screen and (min-width: 900px) and (orientation: portrait) {
    .conocemas-articulos {
        grid-template-columns: repeat(2, 1fr) !important;
        padding-left: 25px;
    }
}

@media (min-width: 600px) {
    .conocemas-articulos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1020px) {
    .conocemas-articulos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@keyframes slideaway {
    from {
        display: block;
    }

    to {
        transform: translateY(40px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1080px) {
    .conocemas-articulo-bg {
        opacity: 0.3;
    }

    .conocemas-articulo-cont-hidden {
        visibility: visible;
        height: 130px;
        opacity: 1;
    }

    .conocemas-articulo-cont:hover .conocemas-articulo-cont-hidden {
        height: 130px;
    }

    .conocemas-articulo:hover .conocemas-articulo-bg {
        opacity: 0.2;
    }
}

@media only screen and (max-width: 600px) {
    .conocemas-articulos {
        margin-top: 0px;
        grid-template-columns: repeat(1, 1fr) !important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .rutas-introsuccion {
        font-size: 14px;
        margin-top: 12px;
    }
    .conocemas-articulo-cont div h2 {
        font-size: 1.3rem !important;
        line-height: 1.2;
        margin-bottom: 8px;
    }
    .conocemas-articulo-cont h3,
    .conocemas-articulo-cont p {
        font-size: 1.1rem !important;
        line-height: 1.4;
    }

}

@media screen and (max-width: 900px) {
    .conocemas-articulos {
        grid-template-columns: repeat(3, 1fr);
        padding-left: 10px;
        padding-right: 10px;
        gap: 10px;
    }

    .conocemas-articulo-cont:hover .conocemas-articulo-cont-hidden {
        height: 160px;
        visibility: visible;
        opacity: 1;
    }

    .conocemas-articulo-cont-hidden {
        padding-bottom: 24px;
        flex-direction: column;
    }

    .conocemas-articulo-cont div h2 {
        font-size: 1.1rem;
        line-height: 1.1;
        margin-bottom: 4px;
    }

    .conocemas-articulo-cont h3 {
        font-size: 0.85rem;
        line-height: 1.2;
    }

    .conocemas-articulo-cont p {
        font-size: 0.85rem;
        line-height: 1.2;
    }

    .conocemas-articulo-cont-mas {
        bottom: 8px;
        right: 8px;
    }

    .conocemas-articulo-cont-mas img {
        width: 24px;
    }

    .conocemas-articulo-cont {
        padding: 10px;
    }
}
  @media screen and (max-width: 600px) and (min-height: 1100px) and (max-height: 1300px) {
    .conocemas-articulo-bg {
        opacity: 0.6;
    }
    .conocemas-articulo-cont-hidden {
    visibility: visible;
    height: 130px;
    opacity: 1;
  }
  
}