/* Estilos para el menú en responsive */
        
        @media screen and (max-width: 1199px) {
            .contenido-portada .row.secciones .col .img-fondo-1,
            .contenido-portada .row.secciones .col .img-fondo-2,
            .contenido-portada .row.secciones .col .img-fondo-3,
            .contenido-portada .row.secciones .col .img-fondo-4 {
                height: 20em;
            }
            .contenido-portada .row.secciones .col .contenido {
                height: 18em;
            }
            .contenido-portada .row.secciones .col .contenido h3 {
                margin-top: 50px;
            }
            .contenido-portada .row.secciones .col .contenido p {
                width: 90%;
            }
            /* Alto para el carrousel */
            .carousel .carousel-item {
                height: 300px;
            }
            .carousel-item img {
                position: absolute;
                object-fit: cover;
                top: 0;
                left: 0;
                min-height: 300px;
            }
        }
        
        @media screen and (max-width: 991px) {
            header h1 img.logotipo {
                margin: 0 auto;
                margin-top: 80px;
            }
            nav.container.navbar.navbar-expand-lg.navbar-light {
                margin-top: 0px;
            }
            header {
                height: 160px;
            }
            #navbarNav {
                z-index: 150;
            }
            #navbarNav li {
                clear: both;
            }
            .navbar-light .navbar-toggler,
            .navbar-light .navbar-toggler:focus {
                border: 0px transparent;
            }
            ul.nav {
                margin-top: 14px;
                width: 250px;
                display: block;
                float: left;
                position: fixed;
                background-color: #814497;
                padding-bottom: 15px;
            }
            .navbar-light .navbar-nav .nav-link {
                color: #ffebfe;
                font-size: 20px;
                margin-left: 15px;
            }
            .navbar-light .navbar-nav .nav-item .nav-link:after {
                border-bottom: 2px dotted #ffffff;
                display: block;
                content: " ";
                width: 58px;
                margin-bottom: 0px;
                padding-bottom: 15px;
                margin-left: -10px;
                padding-left: 10px;
            }
            .navbar-light .navbar-nav .nav-item:last-child .nav-link:after {
                border-bottom: 0px solid transparent;
            }
            nav.container.navbar.navbar-expand-lg.navbar-light .nav-item:after {
                width: 30%;
                border-bottom: 2px dotted #ffffffaa;
                content: "";
                display: block;
                margin: 0 auto;
            }
            nav.container.navbar.navbar-expand-lg.navbar-light .nav-item:last-child:after {
                border: none;
            }
            .contenido-portada .row.secciones .col .img-fondo-1,
            .contenido-portada .row.secciones .col .img-fondo-2,
            .contenido-portada .row.secciones .col .img-fondo-3,
            .contenido-portada .row.secciones .col .img-fondo-4 {
                height: 19em;
            }
            .contenido-portada .row.secciones .col .contenido {
                height: 16.5em;
            }
            .contenido-portada .row.secciones .col .contenido h3 {
                margin-top: 0px;
            }
            .contenido-portada .row.secciones .col .contenido p {
                width: 100%;
            }
            .contenido-portada .row.secciones .col .contenido h3:after {
                width: 100px;
                margin: 10px auto;
            }
            /* Imagen portada */
            img.meli {
                width: 50%;
            }
            div#navbarSupportedContent ul {
                display: flex;
            }
            ul.menu-largo {
                display: none;
            }
        }
        
        @media screen and (max-width: 767px) {
            .contenido-portada .row.secciones .col .img-fondo-1,
            .contenido-portada .row.secciones .col .img-fondo-2,
            .contenido-portada .row.secciones .col .img-fondo-3,
            .contenido-portada .row.secciones .col .img-fondo-4 {
                height: 23em;
            }
            .contenido-portada .row.secciones .col .contenido {
                height: 20.5em;
            }
            .contenido-portada .row.secciones .col .contenido h3 {
                margin-top: 50px;
            }
            .contenido-portada .row.secciones .col .contenido p {
                width: 85%;
            }
            .img-container {
                margin-bottom: 10px;
            }
            .articulos-portada article {
                margin-bottom: 20px;
            }
            section.destacado-morado h2:before,
            section.destacado-morado h2:after,
            .container.articulos-portada h2:before,
            .container.articulos-portada h2:after {
                content: "";
            }
            section.destacado-verde .col-12 {
                padding-left: 0px;
                padding-right: 0px;
            }
            footer .logos {
                margin: 15px 0px;
                padding: 0px 20px;
            }
        }
        /* Resoluciones muy reducidas - movilidad */
        
        @media screen and (max-width: 473px) {
            .contenido-portada .row.secciones .col .img-fondo-1,
            .contenido-portada .row.secciones .col .img-fondo-2,
            .contenido-portada .row.secciones .col .img-fondo-3,
            .contenido-portada .row.secciones .col .img-fondo-4 {
                height: 23em;
            }
            .contenido-portada .row.secciones .col .contenido {
                height: 19.5em;
            }
            .contenido-portada .row.secciones .col .contenido h3 {
                margin-top: 0px;
            }
            .contenido-portada .row.secciones .col .contenido p {
                width: 100%;
            }
            .container.articulos-portada h2 {
                padding: 15px 0px;
                text-align: center;
                color: #961e92;
            }
            .articulos-portada article.container span {
                padding-left: 15px;
            }
            .container.articulos-portada .cuerpo-articulo {
                padding: 0px;
            }
            .container.articulos-portada .img-container {
                padding: 0px;
            }
            section.destacado-morado ul.bolas_rrss li {
                margin: 0px 5px;
            }
        }
        
        @media screen and (max-width: 440px) {
            .container-fluid,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl {
                padding-right: 0px;
                padding-left: 0px;
            }
            .contenido-portada .row.secciones .col .img-fondo-1,
            .contenido-portada .row.secciones .col .img-fondo-2,
            .contenido-portada .row.secciones .col .img-fondo-3,
            .contenido-portada .row.secciones .col .img-fondo-4 {
                display: flex;
            }
            .contenido-portada .row.secciones .col .contenido {
                margin: auto;
                text-align: center;
            }
            .contenido-portada .row.secciones .col .contenido h3 {
                margin-top: 0px;
            }
            .contenido-portada .row.secciones .col .contenido p {
                width: 95%;
            }
            .contenido-portada .row.secciones .col {
                margin: 10px 15px 15px 15px;
            }
            section.destacado-morado ul.bolas_rrss li {
                margin: 0px 5px;
            }
            section.testigos-portada article h3 {
                padding: 15px 0px;
            }
        }