/* variables generales estilos globales */
:root {
    --color-primario: #008536;
    --color-secundario: #74a711;
    --color-terciario: #9CD829;
    --color-botones: #ffa800;
    --color-texto: #3a674e;
    --color-hover: #ffc554;
    --borde-noticias: 5px;
}

/* variables generales estilos globales */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

dody {
    background-color: white;
    color: darkgrey;
    box-sizing: border-box;
}

.container {
    font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--color-primario)
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 60px;
    font-weight: 300;
}

p {
    color: var(--color-texto);
}

/* header */


header {
    background-color: white;
    z-index: 20;
}

nav {
    z-index: 10;
}

.nav-mobile {
    display: none;
}

.banner-caja .banner p {
    cursor: pointer;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.logo-mobile {
    display: none;
}

.lupa {
    background: none;
    border: none;
    cursor: pointer;
    margin-top: -35px;

}

.navbar-nav .nav-item .nav-link:hover {
    color: #bd7d00;
}

.navbar-nav .nav-item .nav-link:before {
    position: relative;
    height: 4px;
    width: 0;
    bottom: -1px;
    top: 35px;
    right: 0;
    background: #bd7d00;
    content: "";
    display: block;
    transition: all 0.3s linear;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.navbar-nav .drop .nav-link:after {
    position: relative;
    height: 45px;
    background: #e9e9e9;
    width: 0;
    bottom: -1px;
    top: 11px;
    right: 0;
    content: "";
    display: block;
    z-index: 2;
}

.navbar-nav .drop .nav-link:hover:after {
    width: 100%;
}

.navbar-nav .nav-item .nav-link:hover:before {
    width: 100%;
    right: auto;
    left: 0;
}

.dropdown-options {
    list-style: none;
}

.dropdown-options li a {
    text-decoration: none;
    color: #333332;
    text-align: center;
}

.dropdown-options li {
    padding: 7px 10px;
    border-bottom: 1.5px solid #333332;
}

.dropdown-options li:hover {
    padding: 7px 10px;
    border-bottom: 1.5px solid #333332;
    background-color: #c8c7c7;
}

.dropdown-area {
    position: relative;
    background: #e9e9e9;
    text-align: left;
    border: none;
    position: absolute;
    display: none;
    flex-wrap: wrap;
    min-width: 460px;
    left: 6%;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 3.5px;
}

.navbar-nav .nav-item:hover div.dropdown-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.navbar-nav .nav-item .dropdown-area:hover ul.drop:after {
    width: 100%;
}

.container-buscador {
    background-color: #FFA800;
}

.form-box {
    background-color: #FFA800;
    width: 100%;
    height: auto;
    padding: 30px;
    position: absolute;
    margin-top: -999px;
    z-index: 1;
    transition: all 0.4s ease;
}

.form-box-show {
    margin-top: 0px;
}


.input-group-sm > .form-control {
    padding: 10px;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.lupa-buscar {
    background-color: white;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: none !important;
    border-bottom-left-radius: none !important;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: white;
    border: 1px solid white;
}

.hamburger:focus{
    box-shadow: none;
}

/*busqueda*/

.categoria{
    min-height: 20px;
}

/* Banner */

.mobile {
    display: none;
}

.banner {

    background-image: url(../img/banner1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--color-primario);
    height: 100%;
    background-color: aqua;
    box-sizing: border-box;
    flex-wrap: wrap;
    color: white;
    z-index: -999;
}

.banner1-contenedor {
    color: var(--color-primario);
    font-weight: 600;
    font-size: 32px;
    background-color: rgba(215, 215, 0, 0.9);
    top: 456px;
    position: absolute;
    max-width: calc(100% / 2);
}

.banner1-contenedor a p:hover{
    text-decoration: underline;
}

.banner1-contenedor img {
    margin-left: 39%;
}

.banner-titulo1 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%), url(../img/banner-titulo1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20% 59%;
}

.banner-titulo1:before {
    border-top: 3px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 168px;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 30px;
}

.banner-titulo2 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%), url(../img/banner-titulo2.jpg);
    background-color: var(--color-primario);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20% 59%;
}

.banner-titulo2:before {
    border-top: 3px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 325px;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 30px;
}

.banner-titulo3 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%), url(../img/banner-titulo3.jpg);
    background-color: var(--color-primario);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20% 80%;
}

.banner-titulo3:before {
    border-top: 3px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 483px;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 30px;
}

/* Fin Banner */


/* main */


.bg-1 {
    background: url(../img/bg-shape.png) no-repeat center top;
    background-size: cover;
}



.botones {
    -webkit-border-radius: 57px;
    -moz-border-radius: 57px;
    border-radius: 57px;
    color: white;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 100px;
    background-color: var(--color-botones);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.botones:hover {
    background-color: var(--color-hover);
    color: white;
}



.tractor {
    background-image: url(../img/img-tractor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

/* Detalles titulos*/

.titulos:before {
    border-top: 8px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    display: block;
}

.titulos-expo-novedades:after {
    border-top: 8px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 90%;
    left: 511px;
    right: 0;
    bottom: 0;
    width: 150px;
    display: block;
}


.titulos-expo-tv:after {
    border-top: 8px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 90%;
    left: 358px;
    right: 0;
    bottom: 0;
    width: 150px;
    display: block;
}

.titulos-expo-momentos:after {
    border-top: 8px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 90%;
    left: 960px;
    right: 0;
    bottom: 0;
    width: 150px;
    display: block;
}

.titulos-expo-gacetilla:after {
    border-top: 8px solid var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 90%;
    left: 610px;
    right: 0;
    bottom: 0;
    width: 150px;
    display: block;
}

/* Fin detalles titulos*/

.destacado1 {
    background-image: url(../img/banner-titulo3.jpg);
    background-color: var(--color-botones);
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 40%;
    height: 300px;
    border-radius: var(--borde-noticias);
}

.destacado2 {
    background-image: url(../img/destacado2.jpg);
    background-color: var(--color-secundario);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    border-radius: var(--borde-noticias);
}

.carousel .carousel-cell {
    cursor: pointer;
}

.carousel .carousel-cell h5:hover {
    text-decoration: underline;
    color: var(--color-primario);
}

.fecha {
    font-weight: 300;
    color: var(--color-terciario);
}

.fecha:before {
    background: rgba(156, 216, 41, 0.2);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 26px;
    display: block;
}

.card-img-top {
    border-radius: var(--borde-noticias);
}

.card {
    background: none;
}

.carousel {
    background: none;
}

.carousel-cell {
    height: auto;
    margin-right: 10px;
    border-radius: var(--borde-noticias);
    counter-increment: carousel-cell;
}

.flickity-page-dots {
    display: none;
}

.mapa {
    background-image: url(../img/mapa-bg.png), url(../img/mapa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 39% 3%;
    height: auto;
}

.expoagro-bg {
    background: url(../img/bg-shape-2.png) no-repeat center top;
    background-size: cover;
}

.videos-container {
    background-color: rgba(225, 238, 0, 0.21);
}

.scroll-videos {
    height: 450px;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--color-primario);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--color-primario);
}

.footer-nav {
    background-color: var(--color-primario);
}

.carrousel-texto li a {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #74a711;
    text-decoration: none !important;
}

.carrousel-texto li a:hover {
    border-bottom: 4px solid var(--color-primario);
    border-top: none;
    border-left: none;
    border-right: none;
    color: #008536;
    background-color: none !important;
}

.carrousel-texto li i {
    font-size: 45px;
    color: var(--color-primario);
    border: 4px solid var(--color-primario);
    cursor: pointer;
    padding: 8px 12px 7px 12px;
}

.imagen-tractor {
    background-image: url(../img/img-tractor2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 39% 99%;
}

.texto-carrousel {
    margin-top: -161px;
    padding-bottom: 92px;
}

.momentos-expoagro {

    background-color: rgba(225, 238, 0, 0.21);
}

/* Fin main*/

/* Gcetillas */

/* final header */

.video-mobile {
    display: none;
}

/* footer */


.texto-suscribir {
    color: white;
    text-shadow: 0 0 15px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 255, 255, .5), -1px 1px 12px rgba(0, 0, 0, 0.8);
}

.caja-suscribirse {
    height: 283px;
    background-image: url(../img/bg_suscribir.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #74a711;
}

.caja-suscribirse .btn,
.btn {
    background-color: var(--color-botones);
    border: 1px solid var(--color-botones);
}

.caja-suscribirse .btn:hover,
.btn:hover {
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}

.caja-logos {
    margin-top: -180px;
}

.bg_ilustracion {
    height: 540px;
    background-image: url(../img/ilustracion_expoagro.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: white;
}


footer {
    background-color: white;
    color: white;
    margin-top: 100px;
}

footer a {
    color: #fff;
    font-size: 18px;
    transition-duration: 0.2s;
    text-decoration: none;
}

footer a:hover {
    color: #FA944B;
    text-decoration: none;
}

.copyright {
    font-size: 12px;
    padding: 30px;
    background-color: #397a20;
    height: auto;
    color: white;
}

.footer-middle {
    padding-top: 1em;
    color: white;
    background-color: var(--color-secundario);
}



/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 20px;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i {
    color: var(--color-botones);
}

.social-circle i {
    color: white;

}

/* fin footer */

/* Header secciones */

.banner_busqueda {
    background-image: linear-gradient(180deg, rgba(0, 133, 54, 0.3) 0%, rgba(0, 133, 54, 0.5998774509803921) 50%, rgba(0, 133, 54, 0) 100%), url(../img/bg_busqueda.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-blend-mode: color-dodge;
    padding: 25px 25px;
}

.secciones {
    background-image: linear-gradient(180deg, rgba(0, 133, 54, 0.3) 0%, rgba(0, 133, 54, 0.5998774509803921) 50%, rgba(0, 133, 54, 0) 100%), url(../img/bg-secciones.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: color-dodge;
    padding: 25px 25px;
}

.secciones .caja-titulo-secciones {
    background-color: white;
    border-radius: var(--borde-noticias);
}

.comunicado {
    background-color: rgba(255, 168, 0, 0.2);
    border-radius: var(--borde-noticias);
    color: darkgray;
}

.bg-adds {
    background-color: rgba(220, 220, 220, 0.20);
}

.destacado-noticia:before {
    background: var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 49px;
    display: block;
}

.noticia {
    text-align: justify;
}

.descarga {
    color: var(--color-botones);
    cursor: pointer;
}

.detalle-descarga:before {
    background: var(--color-botones);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 49px;
    display: block;
}

.caja-compartir {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 150px;
    background-color: rgba(161, 197, 19, 0.10)
}

.compatir {
    margin-top: -56px;
}

.fecha-post-interes {
    color: var(--color-terciario);
}

.fecha-post-interes:before {
    background: rgba(156, 216, 41, 0.2);
    content: "";
    margin: 0px 0px;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 23px;
    display: block;
}

/* gacetillas listado */

.listado-gacetillas-mobile {
    display: none;
}

.buscador-gacetilla input,
.buscador-gacetilla button {
    background: rgba(255, 168, 0, 0.2);
}

.buscador-gacetilla .form-control:focus {
    color: #212529;
    background-color: rgba(255, 168, 0, 0.2);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

.buscador-gacetilla button:hover {
    background-color: rgba(255, 168, 0, 0.2);
}

.buscador-gacetilla i {
    font-size: 25px;
    color: var(--color-botones);
}

.buscador-gacetilla i:hover {
    font-size: 25px;
    color: #d88e00;
}

.nav-listado-gacetillas-mobile {
    display: none;
}

.nav-listado-gacetillas {
    border-bottom: 5px solid var(--color-botones);
}

.nav-listado-gacetillas ul {
    margin-bottom: 12px;
}

.nav-listado-gacetillas ul li a {
    color: dimgray;
}

.nav-listado-gacetillas ul li a:hover {
    background-color: var(--color-botones);
    color: white;
}

.nav-listado-gacetillas ul li a:active {
    background-color: var(--color-botones);
    color: white;
}

.row-gacetilla-img-dark {
    background-color: rgba(207, 238, 22, 0.20);
    margin-bottom: 4px;
}

.row-gacetilla-img-light {
    background-color: rgba(207, 238, 22, 0.10);
    margin-bottom: 4px;
}

.row-gacetilla-fecha-dark {
    background-color: rgba(207, 238, 22, 0.20);
    margin-bottom: 4px;
    padding: 22px;
    min-height: 132px;
    max-height: 132px;
}

.row-gacetilla-fecha-dark a p:hover {
    text-decoration: underline;
}

.row-gacetilla-fecha-light {
    background-color: rgba(207, 238, 22, 0.10);
    margin-bottom: 4px;
    padding: 22px;
    min-height: 132px;
    max-height: 132px;
}

.row-gacetilla-fecha-light a p:hover {
    text-decoration: underline;
}

.paginacion-gacetillas li i {
    font-size: 25px;
    color: var(--color-botones);
    cursor: pointer;
}

.paginacion-gacetillas li i:hover {
    font-size: 25px;
    color: var(--color-botones);
    cursor: pointer;
}

.paginacion-gacetillas li a {
    color: var(--color-primario);
}

.paginacion-gacetillas span {
    color: var(--color-primario);
}

.paginacion-gacetillas li a:hover {
    color: var(--color-botones);
    border-bottom: 6px solid var(--color-botones);
}

/* fin gacetillas listado */

.app-banner {
    background-image: url(../img/app_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
}

/* Mobile */

@media (max-width: 600px) {

    h2 {
        font-size: 35px;
        font-weight: 300;
    }

    .logo-mobile {
        display: block;
    }

    .expoagro-bg {
        background: none;
    }

    .banner-caja {
        display: none;
    }

    .mobile {
        display: block;
    }

    /* nav */

    .navbar-collapse {
        background-color: #E9E9E9;
    }

    .nav-mobile {
        display: block;
    }

    .navbar .hamburger {
        z-index: 2;
        width: 65px;
        height: 65px;
        padding: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .navbar .hamburger > .lineas-menu {
        position: relative;
        width: 100%;
        height: 3px;
        background-color: var(--color-secundario);
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    .navbar .hamburger > .lineas-menu:before,
    .navbar .hamburger > .lineas-menu:after {
        content: '';
        position: absolute;
        z-index: 100;
        top: -10px;
        width: 100%;
        height: 3px;
        background: inherit;
    }


    .navbar .hamburger > .lineas-menu:after {
        top: 10px;
    }

    /* dropdown */

    .dropdown-menu {
        background-color: #E2E1E0;
    }

    .dropdown-menu li a {
        border-bottom: 1px solid white;
        padding: 15px;
    }

    .navbar-nav .nav-item .nav-link:hover {
        background-color: #c8c7c7;
        text-decoration: none;
        color: black;

    }

    .navbar-nav .nav-item .nav-link:hover:before {
        width: 0%;
    }

    .dropdown-menu .dropdown-item:active {
        background-color: #c8c7c7;
    }

    .dropdown-menu .dropdown-item:active {
        background-color: #c8c7c7;
    }

    .lupa {
        margin-top: 0px;
    }



    .banner-mobile {
        background-image: url(../img/banner1.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: var(--color-primario);
        height: 350px;
    }

    .botones {
        -webkit-border-radius: 57px;
        -moz-border-radius: 57px;
        border-radius: 57px;
        color: white;
        font-size: 15px;
        font-weight: 600;
        padding: 10px 75px;
        background-color: var(--color-botones);
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        text-align: center;
    }

    .botones:hover {
        background-color: var(--color-hover);
        color: white;
    }

    .bg-mobile {
        background-color: rgba(215, 215, 0, 10);
    }

    .banner-titulo {
        background: none;
    }

    .banner-titulo:before {
        border-top: 5px solid var(--color-botones);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 197px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 20px;
    }

    .destacado1 img {
        width: 80px;
        height: 80px;
        padding: 0px;
    }

    .destacado1 br {
        display: none;
    }

    .tractor {
        background-image: url(../img/img-tractor.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 250px;
    }

    .titulos-expo-momentos:after {
        border-top: 8px solid var(--color-botones);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 90%;
        left: 273px;
        right: 0;
        bottom: 0;
        width: 65px;
        display: block;
    }

    .titulos-expo-novedades:after {
        border-top: 6px solid var(--color-botones);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 90%;
        left: 306px;
        right: 0;
        bottom: 0;
        width: 25px;
        display: block;
    }

    .titulos-expo-tv:after {
        border-top: 6px solid var(--color-botones);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 90%;
        left: 220px;
        right: 0;
        bottom: 0;
        width: 50px;
        display: block;
    }

    .mapa {
        background-image: url(../img/mapa-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .mapa-mb {
        background-image: url(../img/mapa.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: -780px;
        height: 250px;
    }

    .imagen-tractor {
        background-image: url(../img/img-tractor2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 250px;
    }

    .video-mobile {
        display: block;
    }

    .secciones {
        padding: 80px 0px 25px 0px;
    }

    /* footer */

    .footer-nav span {
        display: none;
    }

    .caja-logos {
        margin-top: -60px;
    }

    .bg_ilustracion {
        height: 200px;
        background-image: url(../img/ilustracion_expoagro.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-color: white;
    }

    /* Gacetilla */

    .titulos-expo-gacetilla:after {
        border-top: 8px solid var(--color-botones);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 90%;
        left: 288px;
        right: 0;
        bottom: 0;
        width: 50px;
        display: block;
    }

    .listado-gacetillas-mobile {
        display: block;
    }

    .nav-listado-gacetillas {
        display: none;
    }

    .nav-listado-gacetillas-mobile {
        display: block;
    }

    .nav-listado-gacetillas-mobile ul li a {
        background-color: #f3f3f3;
        color: var(--color-texto);

    }

    .nav-listado-gacetillas-mobile ul li a:active {
        background-color: var(--color-botones);
        color: white;

    }

    .fecha-mobile:before {
        background: rgba(156, 216, 41, 0.2);
        content: "";
        margin: 0px 0px;
        position: absolute;
        top: 14px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 26px;
        display: block;
    }

    .paginacion-gacetillas span {
        padding-top: 10px;
    }

    .app-banner {
        background-image: url(../img/app_banner.jpg);
        background-size: cover;
        background-position: -350px center;
        background-repeat: no-repeat;
        height: 250px;
    }


}