/*  <========== Fuentes importadas para usar ==========>  */

@font-face {
    font-family: 'Addington CF';
    src: url(../fonts/AddingtonCF-DemiBold.ttf);
}
@font-face {
    font-family: 'RNS Camelia Light';
    src: url(../fonts/RNSCamelia-Family/RNSCamelia-Light.otf);
}
@font-face {
    font-family: 'RNS Camelia Regular';
    src: url(../fonts/RNS_Camelia_Regular.otf);
}
@font-face {
    font-family: 'RNS Camelia Medium';
    src: url(../fonts/RNSCamelia-Medium.otf);
}
@font-face {
    font-family: 'RNS Camelia Bold';
    src: url(../fonts/RNSCamelia-Family/RNSCamelia-Bold.otf);
}
@font-face {
    font-family: 'RNS Camelia ExtraBold';
    src: url(../fonts/RNSCamelia-Family/RNSCamelia-ExtraBold.otf);
}
@font-face {
    font-family: 'RNS Camelia Black';
    src: url(../fonts/RNS_Camelia_Black.ttf);
}

/*  <========== Estilos generales ==========>  */

html{
    scroll-snap-type: y mandatory;
    font-size: 62.5%;
}

body{
    background-image: url("../img/FONDO.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 16px;
}

.section_noticias, .section_presidente, .section_sindicos, .section_regidores1,
.section_regidores2, .section_sare1, .section_sare2, .section_sare3, .sectionetica,
.sectiondifusionetica, .sectionprogramaanual, .ventanaemergente{
    width: 100vw;
    height: 100vh;
}

.div_noticias, .div_noticias2, .div_conocer, .div_municipio, 
.section_contacto .div_contacto, .section_sindicos .div_sindicos, 
.section_regidores1 .div_regidores, .section_regidores2 .div_regidores{
    display: grid;
    grid-template-columns: 35% 65%;
    padding-top: 7.5vh;
}

.section_noticias .div_titulo, .section_noticias2 .div_titulo, 
.section_sindicos .div_titulo, .section_regidores1 .div_titulo, 
.section_regidores2 .div_titulo{
    padding-left: 5%;
}

.section_conoce_mas .div_titulo, 
.section_tu_municipio .div_titulo, 
.section_contacto .div_titulo{
    padding-left: 10%;
}

.section_noticias .div_titulo h2, .section_noticias2 .div_titulo h2, 
.section_conoce_mas .div_titulo h2, .section_tu_municipio .div_titulo h2, 
.section_contacto .div_titulo h2{
    font-size: 3.3vw;
    padding-left: 4%;
    height: 2vh;
    font-family: 'RNS Camelia Black';
}

.section_noticias .div_titulo img, 
.section_noticias2 .div_titulo img{
    width: 50%;
}

.section_presidente .div_fecha p, 
.section_sare1 .div_fecha p{
    padding-top: 10vh;
    font-size: 1vw;
    font-family: 'RNS Camelia Light';
    position: fixed;
    right: 2%;
    z-index: -1;
}

.section_video, .section_noticias, .section_noticias2, .section_conoce_mas, .section_tu_municipio, .section_contacto,
.section_sindicos, .section_regidores1, .section_regidores2, .section_turista, .opciones_turista, .section_presidente,
.section_video_movil, .section_noticias_movil, .section_noticias2_movil, .section_conoce_mas_movil, .section_tu_municipio_movil, .section_contacto_movil,
.modal_movil, .section_presidente_movil, .section_sindicos_movil, .section_regidores1_movil, .section_regidores2_movil,
.sectionetica, .sectionprogramaanual, .sectiondifusionetica, .ventanaemergente{
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.section_sare1, .section_sare2, .section_sare3, .section_sare1_movil, .section_sare2_movil, .section_sare3_movil{
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.contenedor_principal_moviles, .menu_moviles, .section_contacto_movil, .section_video_movil, .cabecera_turista1_movil, .section_turista_movil, .container_directorio_movil, .contenedor_sare_moviles,
.ocultar_modal, .tramites_servicios_movil, .sectionopcionesmovil, .sectioneticamovil, .sectiongraficasmovil{
    display: none;
}


@media (max-width: 767px) {
    .contenedor_principal, .section_contacto, .cabecera1 .container, .container_directorio, .cabecera_turista1, .tramites_servicios, .section_turista, #opciones_turista, .contenedor_sare_principal, .anuncio_veda{
        display: none;
    }

    .contenedor_principal_moviles, .menu_moviles, .section_contacto_movil, .section_video_movil, .cabecera_turista1_movil, .tramites_servicios_movil, .section_turista_movil, .container_directorio_movil, .contenedor_sare_moviles, .anuncio_veda_movil{
        display: block;
    }
}

/*  <========== Estilos de Video de Bienvenida ==========>  */

.section_video{
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    position: relative;
    z-index: 5;
}

.section_video .video_bienvenida{
    height: 100vh;
    display: block;
    margin: auto;
}

/*  <========== Estilos de los botones flotantes ==========>  */

.float_1{
    background-color: #792f35;
    margin-top: 16vh;
    margin-left: 96%;
}

.float_2{
    height: auto;
    background-color: #626262;
    margin-top: 57vh;
    margin-left: 96%;
}

.float_1, .float_2{
    position: fixed;
    width: 4vw;
    border-top-left-radius: 2vw;
    border-bottom-left-radius: 2vw;
    z-index: 2;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.float_1 img, .float_2 img{
    display: block;
    margin-left: 0.6vw;
    padding-top: 2vh;
    width: 3vw;
}

.float_1 .texto_vertical, .float_2 .texto_vertical{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: block;
    margin: auto;
    font-family: 'RNS Camelia Black';
    font-size: 1.2vw;
    color: white;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

/*  <========== Estilos de ventana en construccion ==========>  */

.anuncio_construccion{
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    background-image: url("../img/construccion.png");
    background-repeat: no-repeat;
    background-size: 110%;
    background-position-x: center;
    background-position-y: 80%;
    z-index: 2;
}

.anuncio_construccion .icono_cerrar img{
    position: absolute; 
    top: 15%;
    left: 70%;
    cursor: pointer;
}

.anuncio_veda{
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    z-index: 2;
}

.texto_veda{
    position: absolute;
    width: 50vw;
    height: 35vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    border-radius: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.texto_veda p{
    font-family: 'RNS Camelia Medium';
    font-size: 1.5vw;
    color: black;
    text-align: center;
}

.texto_veda p b{
    font-family: 'RNS Camelia Black';
}

.texto_veda a{
    position: absolute;
    top: 32vh;
    background-color: #9D9D9C;
    border-radius: 1vw;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1.5vw;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 8vw;
    height: 5vh;
    padding-top: 0.8vh;
}

/*  <========== Estilos de ventana modal o emergente ==========>  */

.modal{
    position: absolute;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(10px);
    display: none;
    z-index: 2;
}

.modal .contenido_modal{
    position: absolute;
    top: 25%;
    left: 30%;
    display: grid;
    grid-template-rows: auto auto;
    width: 40vw;
    height: 50%;
}

.modal .banner_modal{
    display: flex;
    flex-direction: row;
    background-image: url(../img/barra_emergente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    align-items: center;
}

.modal .banner_modal .campana{
    padding-left: 6%;
}

.modal .banner_modal .cerrar{
    position: absolute;
    top: -4%;
    right: -2%;
    cursor: pointer;
}

.modal .banner_modal h2{
    color: white;
    font-family: 'RNS Camelia Black';
    font-size: 2vw;
    padding-left: 5%;
}

.modal .texto_modal{
    background-color: white;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: 10px solid #100504;
    border-right: 10px solid #100504;
    border-bottom: 10px solid #100504;
}

.modal .texto_modal p{
    text-align: center;
    font-family: 'RNS Camelia Medium';
    font-size: 1.5vw;
}

.modal .texto_modal strong{
    font-family: 'RNS Camelia Black';
    font-size: 2.5vw;
}

.modal .texto_modal b{
    color: #be924b;
}

/*  <========== Estilos de la barra de navegación ==========>  */

.cabecera1{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 3;
}

.cabecera1 a{
    text-decoration: none;
    color: white;
}

.cabecera .logo_mun{
    margin-left: 2vw;
    width: 12vw;
}

.menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to right, #792f35,#461b1f);
    width: 100vw;
    height: 9vh;
    border-bottom: solid 1vh rgba(205, 205, 205, 0.9);
}

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

.navbar ul li{
    display: inline-block;
    padding-right: 0rem;
}

.navbar ul li a{
    display: block;
    padding: 0.5rem 0.5rem;
    margin-right: 3rem;
    border-radius: 5rem;
    font-size: clamp(8px,.8vw,12px);
    font-family: 'RNS Camelia Light';
}

.navbar .nav-link:hover{
    font-family: 'RNS Camelia Black';
    background-color: #be924b;
}

.navbar .nav-link-vert{
    position: absolute;
    display: none;
    list-style: none;
    background-color: #792f35;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    width: 13rem;
}

.navbar .nav-link-vert p{
    padding-left: 1rem;
    color: #c9c9c9;
    font-family: 'RNS Camelia Light';
    font-size: clamp(8px,.8vw,12px);
    width: 13rem;
}

.navbar .nav-link-vert li{
    width: 13rem;
}

.navbar .nav-link-hor li:hover .nav-link-vert{
    display: block;
}

.navbar .nav-link-vert li:hover{
    background-color: #be924b;
}

@media (min-width:767px) and (max-width: 1024px) {
    .navbar ul li{
        padding-right: 0px;
    }
    .navbar .nav-link-vert, .navbar .nav-link-vert p, .navbar .nav-link-vert li{
        width: 10rem;
    }
}

/*  <========== Estilos de la sección de Noticias ==========>  */

.section_noticias .div_fecha p,
.section_conoce_mas .div_fecha p{
    padding-top: 1%;
    font-size: 1vw;
    font-family: 'RNS Camelia Light';
    position: fixed;
    right: 2%;
    z-index: -1;
}

.banner_noticias{
    padding-left: 2%;
    padding-top: 1%;
}

.banner_noticias .contenedores_noticias{
    display: grid;
    grid-template-columns: 16% 16% 45% 23%;
    grid-template-rows: 50% 50%;
    width: 88%;
    height: 65vh;
    padding-top: 3.5vh;
    padding-right: 4vh;
    padding-bottom: 3.5vh;
    padding-left: 4vh;
    background-color: white;
    box-shadow: 5px 5px 5px #626262;
}

.banner_noticias .contenedores_noticias .noticia_1, .banner_noticias .contenedores_noticias .noticia_1_detalles{
    background-color: #be924b;
}

.banner_noticias .contenedores_noticias .noticia_1 .texto_1 p{
    font-size: 1.1vw;
    font-family: 'RNS Camelia Light';
    color: white;
    padding-left: 0.5vw;
    text-align: center;
}

.banner_noticias .contenedores_noticias .noticia_1 .texto_2 p{ 
    font-size: 2.6vw;
    font-family: 'RNS Camelia Black';
    color: white;
    padding-left: 1vw;
    margin-top: 0vh;
}

.banner_noticias .contenedores_noticias .noticia_1 .texto_3 p{
    font-size: 0.7vw;
    font-family: 'RNS Camelia Medium';
    color: white;
    padding-left: 1vw;
    margin-top: -10vh;
}

.banner_noticias .contenedores_noticias .noticia_1 .texto_4 p{
    font-size: 0.7vw;
    font-family: 'RNS Camelia Light';
    color: white;
    padding-left: 1vw;
    margin-top: 6vh;
}

.banner_noticias .contenedores_noticias .noticia_1_detalles .etiqueta_superior{
    background-color: white;
    width: 10vw;
    height: 8vh;
    margin-left: 2.5vw;
    border-radius: 0px 0px 0px 30px;
    margin-top: -2.2vh;
    box-shadow: 3px 3px 3px #626262;
}

.banner_noticias .contenedores_noticias .noticia_1_detalles .etiqueta_superior .parte_1{
    font-size: 1vw;
    font-family: 'RNS Camelia Bold';
    color: black;
    text-align: center;
    padding-top: 1vh;
}

.banner_noticias .contenedores_noticias .noticia_1_detalles .etiqueta_superior .parte_2_1{
    font-size: 1.3vw;
    font-family: 'RNS Camelia Black';
    color: black;
    text-align: center;
    margin-top: -2vh;
}

.banner_noticias .contenedores_noticias .noticia_1_detalles img{
    width: 7vw;
    height: auto;
    padding-left: 4vw;
    padding-top: 4vh;
}

.banner_noticias .contenedores_noticias .noticia_1_detalles .boton_nota1{
    background-color: #792f35;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 0.9vw;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 6vw;
    height: 3vh;
    padding-top: 0.8vh;
    margin-left: 6vw;
    box-shadow: inset 0 0 10px 0 #461b1f;
    cursor: pointer;
}

.banner_noticias .contenedores_noticias .noticia_2{
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles{
    background-color: #626262;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 5;
    display: grid;
    grid-template-rows: auto auto auto;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .titulo_noticia_2 h3{
    color: white;
    font-size: 1vw;
    font-family: 'RNS Camelia Regular';
    text-align: center;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .texto_noticia_2 p,
.banner_noticias .contenedores_noticias .noticia_2_detalles .texto_noticia_2 ul li{
    color: white;
    font-size: .7vw;
    font-family: 'RNS Camelia ExtraBold';
    text-align: start;
    line-height: 150%;
    padding-left: 1vw;
    padding-right: 1vw;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .iconos_flechas{
    display: grid;
    grid-template-columns: 11% 12% auto;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .iconos_flechas button{
    cursor: pointer;
    border: transparent;
    width: 2vw;
    height: 3vh;
    margin-top: auto;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .iconos_flechas img,
.banner_noticias .contenedores_noticias .noticia_3_detalles .botones_boletin img{
    width: 1vw;
    height: 2vh;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .iconos_flechas .btn_1{
    background-color: #b0b0b0;
}

.banner_noticias .contenedores_noticias .noticia_2_detalles .iconos_flechas .btn_2{
    background-color: #909090;
}

.banner_noticias .contenedores_noticias .noticia_3{
    background-color: #792f35;
    width: 100%;
    height: 100%;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles{
    background-color: #792f35;
    display: grid;
    grid-template-rows: auto auto auto auto;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .titulo_noticia_3{
    color: white;
    font-size: 0.9vw;
    font-family: 'RNS Camelia Black';
    text-align: center;
    margin-top: 0vh;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .tira_blanca{
    background-color: white;
    width: 2vw;
    height: 0.5vh;
    margin-left: 1.2vw;
    margin-top: -2vh;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .texto_noticia_3 p{
    color: white;
    font-size: 0.6vw;
    font-family: 'RNS Camelia Light';
    text-align: justify;
    line-height: 140%;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    margin-top: -1.5vh;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .boton_nota3{
    background-color: #be924b;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 0.9vw;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 6vw;
    height: 3vh;
    margin-left: 6.5vw;
    margin-top: 1vh;
    padding-top: 0.8vh;
    box-shadow: inset 0 0 5px 0 black;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .botones_boletin{
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 0vh;
    bottom: 0;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .botones_boletin button{
    cursor: pointer;
    border: transparent;
    width: 2vw;
    height: 3vh;
    margin-top: auto;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .botones_boletin .btn1_boletin{
    background-color: #bc989a;
}

.banner_noticias .contenedores_noticias .noticia_3_detalles .botones_boletin .btn2_boletin{
    background-color: #a26f72;
}

/*  <========== Estilos de la sección de Noticias 2 ==========>  */

.section_noticias2{
    background-image: url("../img/section_noticias2/O_FONDO.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: 30%;
    width: 100vw;
    height: 100vh;
}

.noticias2{
    display: grid;
    grid-template-columns: 40% 52%;
}

.noticias2 .convocatorias{
    background-color: white;
    margin-left: 6vw;
    margin-top: 3vh;
    border-radius: 1vw;
    box-shadow: 5px 5px 5px #626262;
    width: 34vw;
    height: 68vh;
}

.noticias2 .convocatorias .titulo_convocatoria h2{
    font-size: 2vw;
    margin-top: 3vh;
    line-height: 0;
    padding-left: 2vw;
    font-family: 'RNS Camelia Black';
}

.noticias2 .convocatorias .titulo_convocatoria h3{
    font-size: 1.75vw;
    line-height: 0;
    padding-left: 2vw;
    font-family: 'RNS Camelia Regular';
}

.noticias2 .convocatorias .banner_convocatoria{
    display: flex;
    justify-content: center;
    position: relative;
    margin-left: 1vw;
    margin-right: 1vw;
    height: 55vh;
    width: 32vw;
}

.noticias2 .convocatorias .banner_convocatoria .imagenes_convocatorias img{
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
}

.noticias2 .convocatorias .banner_convocatoria .boton_previous{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 1.6vw;
    height: 6vh;
    margin: auto;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: absolute;
    left: 0px;
    top: 31vh;
    cursor: pointer;
}

.noticias2 .convocatorias .banner_convocatoria .boton_previous img{
    width: 1vw;
}

.noticias2 .convocatorias .banner_convocatoria .boton_next{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 1.6vw;
    height: 6vh;
    margin: auto;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    position: absolute;
    right: 0px;
    top: 31vh;
    cursor: pointer;
}

.noticias2 .convocatorias .banner_convocatoria .boton_next img{
    width: 1vw;
}

.noticias2 .video{
    background-color: white;
    margin-top: 3vh;
    margin-left: 3vw;
    border-radius: 1vw;
    box-shadow: 5px 5px 5px #626262;
    width: 48vw;
    height: 68vh;
    position: relative;
}

.noticias2 .video .boton_previous{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 1.6vw;
    height: 6vh;
    margin: auto;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: absolute;
    left: 0px;
    top: 20vh;
    cursor: pointer;
    z-index : 1;
}

.noticias2 .video .boton_previous img{
    width:0.7vw;
}

.noticias2 .video .boton_next{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 1.6vw;
    height: 6vh;
    margin: auto;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    position: absolute;
    right: 0px;
    top: 20vh;
    cursor: pointer;
    z-index : 1;
}

.noticias2 .video .boton_next img{
    width: 0.7vw;
}

.noticias2 .video video{
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
}

.noticias2 .video .datos_video{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-items: center;
    align-items: center;
}

.noticias2 .video .datos_video img{
    width: 5vw;
}

.noticias2 .video .datos_video .like,
.noticias2 .video .datos_video .dislike{
    width: 2vw;
}

.noticias2 .video .datos_video a,
.noticias2 .video .datos_video img{
    display: block;
    margin: auto;
}

.noticias2 .video .datos_video .canal h3{
    font-family: 'RNS Camelia Bold';
    font-size: 1.1vw;
    color: #bcbcbc;
}

.noticias2 .video .datos_video .canal a{
    font-family: 'RNS Camelia Light';
    font-size: 1vw;
    color: #bcbcbc;
    margin-top: -2vh;
    text-decoration: none;
}

.noticias2 .video .datos_video .suscribirse{
    background-color: #ff0000;
    text-decoration: none;
    text-align: center;
    height: 4vh;
    width: 8vw;
    border-radius: 20px;
    font-family: 'RNS Camelia Black';
    font-size: 1vw;
    color: #fff;
    padding-top: 1.2vh;
    margin: auto;
}

/*  <========== Estilos de la sección de Conoce Más ==========>  */

.section_conoce_mas{
    background-image: url("../img/section_conoce_mas/AX.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    width: 100vw;
    height: 100vh;
}

.section_conoce_mas .div_titulo img{
    width: 65%;
    padding-left: 6%;
}

.cards{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-top: 4vh;
    padding-bottom: 4vh;
    width: 85vw;
}

.cards .cards_item{
    padding-left:1vw;
    padding-right: 1vw;
}

.cards .cards_item .card{
    background-color: white;
    display: flex;
    flex-direction: column;
    box-shadow: 3px 3px 10px #626262;
    padding-bottom: 1.5vh;
}

.cards .cards_item .card .card_imagen{
    display: flex;
    justify-content: center;
    width: auto;    
    height: 80%;
    margin-left: 1vw;
    margin-right: 1vw;
}

.cards .cards_item .card .card_imagen img{
    padding-top: 1vw;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: 1s;
}

.hover_imagen{
    filter: grayscale(100%);
}

.dishover_imagen{
    filter: none;
}

.cards .cards_item .card .tira_dorada{
    margin-top: 1.5vh;
    margin-left: 1vw;
    width: 3vw;
    height: 1vh;
    background-color: #be924b;
}

.cards .cards_item .card .card_content{
    margin-left: 1vw;
    margin-right: 1vw;
}

.cards .cards_item .card .card_content h2{
    font-family: 'RNS Camelia Black';
    font-size: 1.2vw;
}

.cards .cards_item .card .card_content p{
    font-family: 'RNS Camelia Light';
    font-size: 0.9vw;
    line-height: 1.2;
}

.cards .cards_item .card .boton_detalles{
    background-color: #792f35;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1vw;
    width: 8vw;
    height: 4vh;
    text-decoration: none;
    margin-left: 9vw;
    margin-top: 1vh;
    text-align: center;
    padding-top: 1.2vh;
    cursor: pointer;
}

.cambio_color{
    background-color: #be924b;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1vw;
    width: 8vw;
    height: 4vh;
    text-decoration: none;
    margin-left: 9vw;
    margin-top: 1vh;
    text-align: center;
    padding-top: 1.2vh;
    cursor: pointer;
}

/*  <========== Estilos de la sección de Tu Municipio ==========>  */

.section_tu_municipio{
    background-image: url("../img/section_municipio/X.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: center;
    width: 100vw;
    height: 100vh;
}

.section_tu_municipio .div_titulo img{
    width: 70%;
    padding-left: 7%;
}

.municipio{
    display: grid;
    grid-template-columns: 50% 50%;
}

.municipio .opciones{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 40vw;
    height: 45%;
    margin-left: 4vw;
    margin-top: 6vh;
}

.municipio .opciones .icono_seleccion{
    display: block;
    margin: auto;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-gap: 1vw 1vw;
}

.municipio .opciones .icono_seleccion img{
    margin-left: 1vw;
    margin-right: 1vw;
    margin-top: 5vh;
    width: 1vw;
}

.municipio .opciones .opc_1, .municipio .opciones .opc_2,
.municipio .opciones .opc_3, .municipio .opciones .opc_4{
    flex-basis: 50%;
}

.municipio .opciones .opc_1 img{
    border-top: 2vh solid white;
    border-right: 0.5vw solid white;
    border-bottom: 1vh solid white;
    border-left: 1vw solid white;
    width: 18.5vw;
}

.municipio .opciones .opc_2 img{
    border-top: 2vh solid white;
    border-right: 1vw solid white;
    border-bottom: 1vh solid white;
    border-left: 0.5vw solid white;
    margin-left: -1%;
    width: 18.5vw;
}

.municipio .opciones .opc_3 img{
    border-top: 1vh solid white;
    border-right: 0.5vw solid white;
    border-bottom: 2vh solid white;
    border-left: 1vw solid white;
    margin-top: -2%;
    width: 18.5vw;
}

.municipio .opciones .opc_4 img{
    border-top: 1vh solid white;
    border-right: 1vw solid white;
    border-bottom: 2vh solid white;
    border-left: 0.5vw solid white;
    margin-top: -2%;
    margin-left: -1%;
    width: 18.5vw;
}

.hover_opciones_img5{
    border-top: 2vh solid white;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1vw solid white;
    border-top-left-radius: 4vw;
    cursor: pointer;
    scale: 1.2;
}

.hover_opciones_img6{
    border-top: 2vh solid white;
    border-right: 20px;
    border-bottom: 0px;
    border-left: 0px;
    border-top-right-radius: 4vw;
    cursor: pointer;
    scale: 1.2;
}

.hover_opciones_img7{
    border-top: 0px;
    border-right: 0px;
    border-bottom: 2vh solid white;
    border-left: 1vw solid white;
    border-bottom-left-radius: 4vw;
    cursor: pointer;
    scale: 1.2;
}

.hover_opciones_img8{
    border-top: 0px;
    border-right: 1vw;
    border-bottom: 2vh;
    border-left: 0px;
    border-bottom-right-radius: 4vw;
    cursor: pointer;
    scale: 1.2;
}

.municipio .informacion_presidente{
    background-image: url("../img/section_municipio/macedonio.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 110%;
    height: 97vh;
    margin-top: -18vh;
    margin-bottom: 18vh;
    margin-left: -5vw;
    margin-right: 0vw;
}

.municipio .informacion_presidente .tira_dorada{
    width: 3vw;
    height: 0.8vh;
    background-color: #be924b;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 6vh;
    margin-left: 28vw;
}

.municipio .informacion_presidente h3{
    font-family: 'RNS Camelia Black';
    font-size: 1.3vw;
    margin-top: 2%;
    display: flex;
    flex-direction: row-reverse;
    display: inline-block;
    margin-left: 28vw;
}

.municipio .informacion_presidente p{
    font-family: 'RNS Camelia Regular';
    font-size: 1.2vw;
    line-height: 23px;
    margin-top: -2%;
    display: flex;
    flex-direction: row-reverse;
    display: block;
    margin-left: 28vw;
}

/*  <========== Estilos de la sección de Contacto ==========>  */

.section_contacto{
    width: 100vw;
}

.section_contacto .div_titulo{
    padding-left: 10%;
}

.section_contacto .div_titulo img{
   width: 50%;
   padding-left: 7%;
}

.section_contacto .contacto{
    background-image: url("../img/section_contacto/FONDO.png");
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: fill;
    background-position-x: center;
    background-position-y: 60%;
}

.section_contacto .contacto .contacto_top{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 0vh;
}

.section_contacto .contacto_top .texto_invitacion{
    margin-left: 5vw;
    margin-top: 5vh;
}

.section_contacto .contacto_top .texto_invitacion .tx1{
    text-align: center;
    font-size: 3vw;
    font-family: 'RNS Camelia Medium';
    color: white;
    margin-top: 0%;
}

.section_contacto .contacto_top .texto_invitacion .tx2{
    text-align: center;
    font-size: 2.5vw;
    font-family: 'RNS Camelia Medium';
    color: white;
    margin-top: -5vh;
}

.section_contacto .contacto_top .texto_invitacion .tx3{
    text-align: center;
    font-size: 8vw;
    font-family: 'RNS Camelia Black';
    color: #be924b;
    margin-top: -5vh;
}

.section_contacto .contacto_top .texto_invitacion .boton_visita{
    background-color: rgba(121, 47, 53, 0.2);
    border-radius: 40px;
    border: transparent;
    font-family: 'RNS Camelia Regular';
    color: white;
    font-size: 1.25vw;
    text-align: center;
    text-decoration: none;
    margin-left: 13vw;
    margin-top: -10vh;
    width: 18vw;
    height: 5vh;
    display: block;
    padding-top: 2vh;
    box-shadow: inset 0 0 5px 0 black;
    cursor: pointer;
}

.section_contacto .contacto_top .foto_soledad{
    text-align: end;
    margin-top: -7vh;
    margin-left: -1vw;
}

.section_contacto .contacto_top .foto_soledad .redes_municipio{
    margin-right: 5vw;
}

.section_contacto .contacto_top .foto_soledad .redes_municipio a{
    margin-left: 1vw;
    margin-right: .5vw;
}

.section_contacto .contacto_top .foto_soledad .redes_municipio p{
    display: inline-block;
    color: #c0c0c0;
    font-family: 'RNS Camelia Regular';
    margin-right: 6vw;
    font-size: 1vw;
}

.section_contacto .contacto_bottom{
    display: grid;
    grid-template-columns: 18% 64% 18%;
    margin-top: 10vh;
}

.section_contacto .contacto_bottom .logo_izquierda{
    margin-left: auto;
    margin-top: -10vh;
    margin-left: 3vw;
    margin-bottom: 2vh;
}

.section_contacto .contacto_bottom .logos_centrales{
    margin-left: auto;
    margin-right: auto;
    margin-top: -8vh;
}

.section_contacto .contacto_bottom .logos_centrales h5{
    color: #be924b;
    font-family: 'RNS Camelia Regular';
    font-size: 1vw;
    text-align: center;
}

.section_contacto .contacto_bottom .logos_centrales strong a p{
    color: #be924b;
    font-family: 'RNS Camelia Bold';
    font-size: 1vw;
    text-align: center;
}

.section_contacto .contacto_bottom .logos_centrales p{
    display: inline-block;
    color: white;
}

.section_contacto .contacto_bottom .logos_centrales .ciudad{
    display: block;
    margin: auto;
    margin-top: -2vh;
}

.section_contacto .contacto_bottom .logos_centrales .informacion_contacto{
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 5%;
    margin-top: 4vh;
}

.section_contacto .contacto_bottom .logos_centrales .info_1{
    font-size: 0.6vw;
    font-family: 'RNS Camelia Regular';
}

.section_contacto .contacto_bottom .logos_centrales .info_2{
    font-size: 0.6vw;
    font-family: 'RNS Camelia Regular';
}

.section_contacto .contacto_bottom .numero_derecha{
    margin-top: -10vh;
    margin-right: auto;
}

.section_contacto .contacto_bottom .numero_derecha h2{
    font-size: 8vw;
    line-height: 0;
    font-family: 'RNS Camelia Black';
    color: white;
}

.section_contacto .contacto_bottom .numero_derecha h3{
    font-size: 1vw;
    font-family: 'RNS Camelia Bold';
    color: white;
    margin-top: -6vh;
    text-align: left;
}

/*  <========== Estilos de la sección de Directorio Presidente ==========>  */

.section_presidente .contenido_presidente{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 50% 50%;
    grid-column-gap: 3vw;
    padding-top: 15vh;
}

.section_presidente .contenido_presidente .foto_presidente{
    grid-row-start: 1;
    grid-row-end: 3;
}

.section_presidente .contenido_presidente .foto_presidente img{
    width: 90%;
    margin-left: 3vw;
}

.section_presidente .contenido_presidente .nombre_presidente{
    margin-top: 12vh;
}

.section_presidente .contenido_presidente .nombre_presidente .tira_dorada{
    background-color: #be924b;
    width: 5vw;
    height: 1vh;
    margin-bottom: -2vh;
}

.section_presidente .contenido_presidente .nombre_presidente h2{
    font-family: 'RNS Camelia Black';
    font-size: 2.5vw;
}

.section_presidente .contenido_presidente .nombre_presidente .redes_presidente{
    display: flex;
    flex-direction: row;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: -3vh;
    width: 6vw;
    height: 4vh;
    align-items: center;
}

.section_presidente .contenido_presidente .nombre_presidente .redes_presidente div{
    width: 2vw;
    height: 4vh;
}

.section_presidente .contenido_presidente .nombre_presidente .redes_presidente div:hover{
    background-color: #be924b;
    border-radius: 1.5vw;
}

.section_presidente .contenido_presidente .nombre_presidente .redes_presidente img{
    margin-top: 1vh;
    margin-right: 0.6vw;
    margin-bottom: 1vh;
    margin-left: 0.6vw;
}

.section_presidente .contenido_presidente .titulo_presidente{
    margin-top: 6vh;
    margin-right: 8vw;
    margin-left: -8vw;
}

.section_presidente .contenido_presidente .titulo_presidente h2{
    font-size: 2.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    line-height: 0.5;
}

.section_presidente .contenido_presidente .titulo_presidente h3{
    font-size: 2vw;
    font-family: 'RNS Camelia Regular';
    text-align: center;
    line-height: 0;
}

.section_presidente .contenido_presidente .titulo_presidente img{
    width: 20vw;
    height: auto;
    display: block;
    margin: auto;
}

.section_presidente .contenido_presidente .biografia_presidente{
    margin-left: 5vw;
    margin-top: -8vh;
}

.section_presidente .contenido_presidente .biografia_presidente p,
.section_presidente .contenido_presidente .presentacion_presidente p{
    font-size: 1.3vw;
    font-family: 'RNS Camelia Regular';
    text-align: start;
    line-height: 130%;
}

/*  <========== Estilos de la sección de Directorio Sindicos ==========>  */

.section_sindicos .div_titulo h2{
    font-size: 3vw;
    height: 5vh;
    padding-left: 4%;
    font-family: 'RNS Camelia Bold';
    text-align: center;
}

.section_sindicos .div_titulo h3{
    font-size: 2vw;
    padding-left: 4%;
    font-family: 'RNS Camelia Regular';
    text-align: center;
    line-height: 0px;
}

.section_sindicos .div_titulo img{
    width: 50%;
    padding-left: 5%;
    display: block;
    margin: auto;
}

.section_sindicos .info_sindicos{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-around;
    margin-top: 3vh;
}

.section_sindicos .info_sindicos .primer_sindica,
.section_sindicos .info_sindicos .segundo_sindico{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
}

.section_sindicos .info_sindicos .tira_dorada{
    width: 3vw;
    height: 1vh;
    background-color: #be924b;
}

.section_sindicos .info_sindicos .tira_guinda{
    width: 3vw;
    height: 1vh;
    background-color: #792f35;
}

.section_sindicos .info_sindicos .primer_sindica h3,
.section_sindicos .info_sindicos .segundo_sindico h3{
    font-family: 'RNS Camelia Regular';
    font-size: 1.5vw;
}

.section_sindicos .info_sindicos .primer_sindica h2,
.section_sindicos .info_sindicos .segundo_sindico h2{
    font-family: 'RNS Camelia Black';
    font-size: 1.7vw;
}

.section_sindicos .info_sindicos .primer_sindica .btn_sindicos{
    font-family: 'RNS Camelia Bold';
    font-size: 0.9vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_sindicos .info_sindicos .segundo_sindico .btn_sindicos{
    font-family: 'RNS Camelia Bold';
    font-size: 0.9vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_sindicos .info_sindicos .redes_sindicos{
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: 2vh;
    width: 6vw;
    height: 4vh;
    align-items: center;
}

.section_sindicos .info_sindicos .redes_sindicos div{
    width: 2vw;
    height: 4vh;
}

.section_sindicos .info_sindicos .redes_sindicos div:hover{
    background-color: #be924b;
    border-radius: 1.5vw;
}

.section_sindicos .info_sindicos .redes_sindicos img{
    margin-top: 1vh;
    margin-right: 0.6vw;
    margin-bottom: 1vh;
    margin-left: 0.6vw;
}

.section_sindicos .info_sindicos .foto_sindica img,
.section_sindicos .info_sindicos .foto_sindico img{
    width: 22vw;
}

/*  <========== Estilos de la sección de Directorio Regidores==========>  */

.section_regidores1 .div_titulo h2,
.section_regidores2 .div_titulo h2{
    font-size: 2.2vw;
    height: 4vh;
    padding-left: 4%;
    font-family: 'RNS Camelia Bold';
    text-align: center;
}

.section_regidores1 .div_titulo h3,
.section_regidores2 .div_titulo h3{
    font-size: 2.2vw;
    padding-left: 4%;
    font-family: 'RNS Camelia Regular';
    text-align: center;
    line-height: 0px;
}

.section_regidores1 .div_titulo img,
.section_regidores2 .div_titulo img{
    width: 50%;
    padding-left: 5%;
    display: block;
    margin: auto;
}

.section_regidores1 .info_regidores{
    display: grid;
    grid-template-columns: auto auto auto;
    justify-items: center;
    margin-top: 4vh;
}

.section_regidores1 .info_regidores .boton_guinda,
.section_regidores2 .info_regidores .boton_guinda{
    font-family: 'RNS Camelia Bold';
    font-size: 0.9vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_regidores1 .info_regidores .boton_dorado,
.section_regidores2 .info_regidores .boton_dorado{
    font-family: 'RNS Camelia Bold';
    font-size: 0.9vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_regidores2 .info_regidores{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
    margin-top: 4vh;
}

.section_regidores1 .info_regidores .regidor,
.section_regidores2 .info_regidores .regidor{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
}

.section_regidores1 .info_regidores .tira_dorada,
.section_regidores2 .info_regidores .tira_dorada{
    width: 3vw;
    height: 1vh;
    background-color: #be924b;
}

.section_regidores1 .info_regidores .tira_guinda,
.section_regidores2 .info_regidores .tira_guinda{
    width: 3vw;
    height: 1vh;
    background-color: #792f35;
}

.section_regidores1 .info_regidores .regidor h3,
.section_regidores2 .info_regidores .regidor h3{
    font-family: 'RNS Camelia Regular';
    font-size: 1.3vw;
}

.section_regidores1 .info_regidores .regidor h2,
.section_regidores2 .info_regidores .regidor h2{
    font-family: 'RNS Camelia Black';
    font-size: 1.6vw;
}

.section_regidores1 .info_regidores .regidor .btn_regidores_impar,
.section_regidores2 .info_regidores .regidor .btn_regidores_impar{
    font-family: 'RNS Camelia Bold';
    font-size: 0.8vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_regidores1 .info_regidores .regidor .btn_regidores_par,
.section_regidores2 .info_regidores .regidor .btn_regidores_par{
    font-family: 'RNS Camelia Bold';
    font-size: 0.8vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 1.5vw;
    padding-bottom: 1vh;
    padding-left: 1.5vw;
    text-decoration: none;
    color: white;
}

.section_regidores1 .info_regidores .regidor .redes_regidores,
.section_regidores2 .info_regidores .regidor .redes_regidores{
    display: flex;
    flex-direction: row;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: 2vh;
    width: 6vw;
    height: 4vh;
    align-items: center;
}

.section_regidores1 .info_regidores .regidor .redes_regidores div,
.section_regidores2 .info_regidores .regidor .redes_regidores div{
    width: 2vw;
    height: 4vh;
}

.section_regidores1 .info_regidores .regidor .redes_regidores div:hover,
.section_regidores2 .info_regidores .regidor .redes_regidores div:hover{
    background-color: #be924b;
    border-radius: 1.5vw;
}

.section_regidores1 .info_regidores .regidor .redes_regidores img,
.section_regidores2 .info_regidores .regidor .redes_regidores img{
    margin-top: 1vh;
    margin-right: 0.6vw;
    margin-bottom: 1vh;
    margin-left: 0.6vw;
}

.section_regidores1 .regidurias,
.section_regidores2 .regidurias{
    font-family: 'RNS Camelia Bold';
    font-size: 1.2vw;
    text-align: center;
}

.section_regidores1 .info_regidores .foto_regidor img{
    width: 15vw;
}

.section_regidores2 .info_regidores .foto_regidor img{
    width: 17vw;
}

/*  <========== Estilos de la sección de Soy Turista==========>  */

.cabecera_turista .logo_mun{
    margin-left: 2vw;
    width: 12vw;
}

.menu_turista{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to right, #792f35,#461b1f);
    mix-blend-mode: multiply;
    width: auto;
    height: 9vh;
    border-bottom: solid 1vh rgba(205, 205, 205, 0.9);
}

.navbar_turista{
    display: none;
}

.mostrar_navbar_turista{
    display: block;
}

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

.navbar_turista ul li{
    display: inline-block;
    padding-right: 0px;
}

.navbar_turista ul li a{
    display: block;
    padding: 0.5rem 0.5rem;
    margin-right: 3rem;
    border-radius: 5rem;
    font-size: clamp(8px,.8vw,12px);
    font-family: 'RNS Camelia Light';
    color: white;
    text-decoration: none;
}

.navbar_turista .nav-link:hover{
    font-family: 'RNS Camelia Black';
    background-color: #be924b;
}

.navbar_turista .nav-link-vert{
    position: absolute;
    display: none;
    list-style: none;
    background-color: #792f35;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    width: 13rem;
}

.navbar_turista .nav-link-vert p{
    padding-left: 1rem;
    color: #c9c9c9;
    font-family: 'RNS Camelia Light';
    font-size: 14px;
    width: 13rem;
}

.navbar_turista .nav-link-vert li{
    width: 13rem
}

.navbar_turista .nav-link-hor li:hover .nav-link-vert{
    display: block;
}

.navbar_turista .nav-link-vert li:hover{
    background-color: #be924b;
}

.menu_turista .icono_desplegable img{
    margin-right: 2vw;
}

.section_turista{
    height: calc(100vh - 10vh);
}

.section_turista .div_turista{
    display: grid;
    grid-template-columns: 55% 45%;
}

.section_turista .bienvenida{
    background-image: url(../img/section_turista/santo-domingo.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    background-position-x: center;
    background-position-y: bottom;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 90vh;
}

.section_turista .bienvenida .saludo{
    border-radius: 150px;
    box-shadow: inset 0 0 20px #888888;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-left: 5vw;
    margin-top: 5vh;
}

.section_turista .bienvenida .saludo h1{
    font-family: 'RNS Camelia Black';
    font-size: 7vw;
    line-height: 0;
}

.section_turista .introduccion_1{
    margin-left: 21vw;
    margin-top: 13vh;
}

.section_turista .introduccion_1 .regular{
    font-family: 'RNS Camelia Regular';
    font-size: 1.2vw;
    display: inline;
    line-height: 0px;
}

.section_turista .introduccion_1 .bold{
    font-family: 'RNS Camelia Bold';
    font-size: 1.2vw;
    line-height: 0px;
    display: inline;
}

.section_turista .introduccion_2{
    margin-left: 21vw;
    margin-top: 3vh;
}

.section_turista .introduccion_2 .regular{
    font-family: 'RNS Camelia Regular';
    font-size: 1.2vw;
    display: inline;
}

.section_turista .introduccion_2 .bold{
    font-family: 'RNS Camelia Bold';
    font-size: 1.2vw;
    display: inline;
}

.section_turista .actividades{
    background-image: url(../img/section_turista/dorado.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    mix-blend-mode: multiply;
    height: 90vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

.section_turista .actividades .idioma{
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-right: 1.5vw;
}

.section_turista .actividades .idioma ul li{
    list-style-type: none;
    cursor: pointer;
    padding-top: 6%;
}

.section_turista .actividades .idioma .titulo_select_idioma{
    font-size: 1.2vw;
    font-family: 'RNS Camelia Black';
    color: white;
    text-decoration: none;
    position: relative;
}

.section_turista .actividades .idioma .nav-idiomas-vert{
    position: absolute;
    display: none;
    background-color: #461b1f;
    color: white;
    font-size: 1vw;
    font-family: 'RNS Camelia Light';
    width: auto;
}

.section_turista .actividades .idioma .nav-idiomas-vert li{
    margin-left: -2vw;
}

.section_turista .actividades .nav-idiomas-hor li:hover .nav-idiomas-vert{
    display: block;
    padding-right: 1vw;
}

.section_turista .actividades .idioma .nav-idiomas-vert img{
    align-items: end;
}

.section_turista .actividades .titulo1 h2{
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 0vh;
}

.section_turista .actividades .boton_turista{
    display: flex;
    justify-content: center;
    z-index: 1;
}

.section_turista .actividades .boton_turista a{
    font-family: 'RNS Camelia Black';
    font-size: 1vw;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background-color: #792f35;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 25px;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
    text-align: center;
    cursor: pointer;
}

.section_turista .actividades .municipio_fondo{
    position: absolute;
    bottom: 0;
    margin: 0;
}

.opciones_turista{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    height: 80vh;
}

.opciones_turista h3{
    color: white;
    font-family: 'RNS Camelia Black';
    font-size: 3.2vw;
    text-align: center;
}

.opciones_turista a{
    color: white;
    text-decoration: none;
    font-family: 'RNS Camelia Black';
    font-size: 1.2vw;
    background-color: #792f35;
    border-radius: 50px;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    margin-top: -5vh;
    margin-bottom: 5vh;
    box-shadow: inset 0px 0px 10px #461b1f;
}

.opciones_turista .restaurantes{
    background-image: url(../img/section_turista/vamos_a_comer.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista .museos{
    background-image: url(../img/section_turista/conozcamos_museos.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista .eventos{
    background-image: url(../img/section_turista/eventos_proximos.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista .hospedaje{
    background-image: url(../img/section_turista/hoteles_blend.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info_turista{
    background-image: linear-gradient(to right, #792f35,#461b1f);
    mix-blend-mode: multiply;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    min-height: 9vh;
}

.info_turista p{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 0.8vw;
}

.info_turista h4{
    font-family: 'RNS Camelia Bold';
    font-size: 0.8vw;
    color: white;
    display: inline-block;
}

.info_turista h3{
    font-family: 'RNS Camelia Bold';
    font-size: 2.5vw;
    color: white;
    display: inline-block;
    line-height: 0;
}

.ocultar_turista{
    display: none;
}

.mostrar_turista{
    display: block;
}

/*  <========== Estilos de la sección de Tramites y Servicios ==========>  */

.cabecera_turista .logo_mejora{
    width: 12vw;
    margin-left: 2vw;
}

.cabecera_turista1 .logo_municipio_tramites{
    width: 12vw;
    margin-right: 2vw;
}

.tramites_servicios{
    background-image: url(../img/section_tramites_servicios/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}

.tramites_servicios .contenedor_tramites{
    position: relative;
}

.tramites_servicios .iconos_informacion{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 4vw;
}

.tramites_servicios .iconos_informacion .p1{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 1vw;
}

.tramites_servicios .iconos_informacion .p2{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 0.8vw;
}

.tramites_servicios .titulo_tramites{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tramites_servicios .titulo_tramites h1{
    font-family: 'RNS Camelia Black';
    font-size: 3.5vw;
    color: white;
    text-align: center;
    line-height: 0;
}

.tramites_servicios .titulo_tramites img{
    width: 16vw;
    margin-top: 3vh;
    margin-bottom: 3vh;
}

.tramites_servicios .tira_fondo{
    background-color: white;
    height: 7.5vh;
    width: 60vw;
    display: block;
    margin-left: 24vw;
    position: absolute;
    top: 30vh;
}

.tramites_servicios .cards_tramites{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-left: 10vw;
    margin-right: 10vw;
    position: relative;
}

.tramites_servicios .cards_tramites .card_tramites1,
.tramites_servicios .cards_tramites .card_tramites2,
.tramites_servicios .cards_tramites .card_tramites3,
.tramites_servicios .cards_tramites .card_tramites4{
    background-color: white;
    border-radius: 2vw;
    padding: 0.8vw;
    box-shadow: 3px 3px 5px #626262;
    margin-left: 4vw;
}

.tramites_servicios .cards_tramites img{
    border-radius: 2vw;
    width: 100%;
}

.tramites_servicios .cards_tramites .pestana{
    background-color: white;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    width: 1.6vw;
    height: 4vh;
    position: absolute;
    margin-top: -4vh;
    margin-left: 11vw;
}

.tramites_servicios .cards_tramites h2{
    font-family: 'RNS Camelia Black';
    font-size: 1.5vw;
    color: black;
}

.tramites_servicios .cards_tramites h2 p{
    font-family: 'RNS Camelia Medium';
    font-size: 0.6vw;
    color: black;
    display: inline;
}

.tramites_servicios .cards_tramites .enlaces_tramites{
    font-family: 'RNS Camelia Black';
    font-size: 0.8vw;
    text-decoration: none;
    color: white;
    background-color: #792f35;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    border-radius: 50px;
    float: right;
}

.cambio_color_tramite{
    font-family: 'RNS Camelia Black';
    font-size: 0.8vw;
    text-decoration: none;
    color: white;
    background-color: #be924b;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    border-radius: 50px;
    float: right;
}

/*  <========== Estilos de la sección de SARE ==========>  */

.body_sare{
    background-image: url("../img/FONDO.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0;
    font-size: 16px;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll;
}

.section_sare1{
    position: relative;
}

.section_sare1 .boton_certificacion{
    position: absolute;
    background-color: #be924b;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    top: 85vh;
    z-index: 2;
    cursor: pointer;
    width: 14vw;
    height: 4vh;
    animation: 2s boton_certificacion;
}

@keyframes boton_certificacion {
    from{
        margin-left: -200%
    }to{
        margin-left: 0%;
    }
}

.section_sare1 .boton_certificacion a{
    font-family: 'RNS Camelia Black';
    text-align: center;
    font-size: 0.8vw;
    color: white;
    text-decoration: none;
    margin-top: 0 0 0 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_sare1 .boton_certificacion img{
    width: 15%;
    margin: 0;
}

.banner_sare1{
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 17vh;
}

.banner_sare1 .contenedor_sare1{
    position: relative;
}

.banner_sare1 .contenedor_sare1 .cards_sare1{
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto;
    width: 93vw;
    height: 73vh;
    padding-top: 2.5vh;
    padding-right: 2.5vh;
    padding-bottom: 2.5vh;
    padding-left: 2.5vh;
    background-color: white;
    box-shadow: 5px 5px 5px #626262;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1{
    background-color: #e9e9e9;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 h2{
    font-size: 12vw;
    font-family: 'RNS Camelia Black';
    color: black;
    text-align: center;
    line-height: 0;
    text-shadow: 8px 8px #CCC;
    letter-spacing: -1.3vw;
    margin-top: 14vh;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .imagen_titulo{
    animation: 1s imagen_titulo;
}

@keyframes imagen_titulo{
    from{
        margin-right: -200%;
    }
    to{
        margin-right: 0%;
    }
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .imagen_pleca{
    animation: 1.3s imagen_pleca;
}

@keyframes imagen_pleca{
    from{
        margin-right: -200%;
    }
    to{
        margin-right: 0%;
    }
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .pleca{
    width: 25%;
    height: 0.8%;
    display: block;
    margin: auto;
    margin-top: -8vh;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .titulo_sare{
    animation: 1.6s titulo_sare;
}

@keyframes titulo_sare{
    from{
        margin-right: -200%;
    }
    to{
        margin-right: 0%;
    }
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 h3{
    font-size: 1.6vw;
    font-family: 'RNS Camelia Light';
    color: black;
    text-align: center;
    margin-top: 1.5vh;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .boton_tramitar{
    display: none;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 a{
    background-color: #be924b;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1vw;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: auto;
    width: 12vw;
    height: 1.8vw;
    padding-top: 1.2vh;
    box-shadow: inset 0 0 10px 0 #461b1f;
    margin-top: 5vh;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 .descripcion_sare{
    display: none;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .info_sare1 p{
    font-size: 1vw;
    font-family: 'RNS Camelia Light';
    color: black;
    text-align: center;
    margin-top: 5vh;
}

.banner_sare1 .contenedor_sare1 .cards_sare1 .video_sare1{
    background-color: #282828;
}

.banner_sare1 .contenedor_sare1 .tira_dorada_vertical{
    background-color: #be924b;
    position: absolute;
    width: 1.2vw;
    height: 5vw;
    z-index: 1;
    top: 0;
    left: 3vw;
}

.section_sare2 .contenedor_sare2{
    display: grid;
    grid-template-columns: 37% 33% 30%;
    grid-template-rows: auto;
    align-items: center;
    justify-items: center;
    width: 93.5vw;
    height: 90vh;
    padding-left: 1%;
    padding-top: 10vh;
}

.section_sare2 .contenedor_sare2 .imagen_sare2 img{
    width: 100%;
    margin-top: 4vh;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2{
    background-color: rgba(233, 233, 233, 0.6);
    height: 75vh;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 h3{
    font-family: 'RNS Camelia Black';
    font-size: 3.7vw;
    text-transform: uppercase;
    line-height: 0;
    padding-left: 2vw;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 img{
    width: 30%;
    height: 0.8%;
    padding-left: 2.5vw;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 ul{
    list-style: square;
    padding-left: 3vw;
    font-family: 'RNS Camelia Bold';
    font-size: 1.5vw;
    line-height: 145%;
    margin: 1vh;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 .downloadarchivos{
    width: 2vw;
    margin-left: -2.5vw;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 .enlace_documento{
    list-style: square;
    color: black;
    font-family: 'RNS Camelia Black';
    font-size: 1.5vw;
    line-height: 145%;
    margin: 1vh;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 p{
    font-family: 'RNS Camelia Light';
    font-size: 1.2vw;
    font-style: oblique;
    line-height: 0;
    margin: 1.4vh;
}

.section_sare2 .contenedor_sare2 .requisitos_sare2 .enlace_requisitos{
    background-color: #be924b;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 0.8vw;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: auto;
    width: 8vw;
    height: 3vh;
    padding-top: 1.2vh;
    box-shadow: inset 0 0 10px 0 #461b1f;
    float: right;
    margin-right: 2vw;
    margin-top: 3vh;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2{
    background-color: white;
    margin-left: 5vw;
    padding: 3%;
    position: relative;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 27% 8% 65%;
    /* grid-template-rows: 27% 73%; */
    height: 75vh;
    width: 21vw;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .titulo_catalogo{
    background-color: #282828;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .titulo_catalogo h3{
    font-family: 'RNS Camelia Regular';
    font-size: 1.3vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 0;
    margin-top: 5vh;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .titulo_catalogo h4{
    font-family: 'RNS Camelia Black';
    font-size: 2.1vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    margin-top: -1vh;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .grupobusqueda{
    display: flex;
    line-height: 2vw;
    align-items: center;
    justify-content: end;
    position: relative;
    background-color: #7a3135;
    padding-right: 1vw;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .inputbusqueda{
    width: 55%;
    height: 4vh;
    padding-left: 2vw;
    border: 2px solid transparent;
    border-radius: 20px;
    outline: none;
    background-color: #f3f3f4;
    color: #000000;
    transition: .3s ease;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .inputbusqueda::placeholder{
    color: #000000;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .inputbusqueda:focus,
.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .inputbusqueda:hover{
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(243, 243, 244, .2);
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .iconobusqueda{
    position: absolute;
    left: 9.5vw;
    fill: #9e9ea7;
    width: 1vw;
    height: 2vh;
    top: 2vh;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .listado_catalogo{
    background-color: #7a3135;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .listado_catalogo ul{
    list-style: none;
    overflow-y: scroll;
    height: 90%;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .listado_catalogo ul li{
    font-family: 'RNS Camelia Light';
    color: white;
    font-size: 0.8vw;
    text-align: start;
    margin-left: -0.3vw;
    line-height: 190%;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .contenedor_catalogo .listado_catalogo ul li a{
    font-family: 'RNS Camelia Light';
    font-size: 1.3vw;
    color: white;
    font-style: oblique;
    line-height: 150%;
    float: right;
    margin-right: 1vw;
}

.section_sare2 .contenedor_sare2 .catalogo_sare2 .tira_dorada_vertical2{
    background-color: #be924b;
    width: 0.5vw;
    height: 2.8vw;
    position: absolute;
    top: 20vh;
    left: 2vw;
}

.banner_sare3{
    padding-left: 2vw;
    padding-top: 17vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3{
    display: grid;
    grid-template-columns: 37% 37% 26%;
    grid-template-rows: 55% 45%;
    width: 93vw;
    height: 78vh;
    padding-right: 2.5vh;
    padding-bottom: 2.5vh;
    padding-left: 2.5vh;
    background-color: white;
    box-shadow: 5px 5px 5px #626262;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3{
    grid-column-start: 1;
    grid-column-end: 4;
    position: relative;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3 img{
    width: 100%;
    height: 115%;
    margin-top: -5.8vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3 .animacionh3{
    position: absolute;
    top: 6vh;
    left: 53vw;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3 .animacionh3 h3{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 5vw;
    text-transform: uppercase;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3 .animacionh4{
    position: absolute;
    top: 21vh;
    left: 53vw;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .info_sare3 .animacionh4 h4{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 2.2vw;
    text-transform: uppercase;
    letter-spacing: -.13vw;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3{
    background-color: #792f35;
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: 40% 60%;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3 h4{
    font-family: 'RNS Camelia ExtraBold';
    color: white;
    font-size: 1.5vw;
    text-transform: uppercase;
    margin-left: 2vw;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3 .file{
    width: 40%;
    display: block;
    margin: auto;
    margin-top: 3vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3 ul{
    list-style: none;
    font-family: 'RNS Camelia Light';
    font-size: 1.2vw;
    color: white;
    line-height: 150%;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3 .listo_bold{
    font-family: 'RNS Camelia Bold';
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .pasos_sare3 .puntos{
    width: 60%;
    display: block;
    margin-top: 14vh;
    margin-left: 1vw;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3{
    background-color: #be924b;
    display: grid;
    /* grid-template-columns: 60% 40%; */
    grid-template-columns: 50% 50%;
    grid-template-rows: 20% 80%;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .titulo_lugar{
    grid-column-start: 1;
    grid-column-end: 3;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .titulo_lugar h4{
    font-family: 'RNS Camelia ExtraBold';
    color: white;
    font-size: 1.5vw;
    text-transform: uppercase;
    text-align: center;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .ubicacion_sare img{
    width: 30%;
    display: block;
    margin: auto;
    margin-top: 5vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .ubicacion_sare p{
    font-family: 'RNS Camelia Medium';
    font-size: 0.8vw;
    color: white;
    text-align: center;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .tramitelinea_sare p{     /*Quitar*/
    font-family: 'RNS Camelia Medium';
    font-size: 1vw;
    color: white;
    text-align: center;
    margin-top: 4vh;
    margin-right: 2VW;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .tramitelinea_sare img{
    width: 35%;
    display: block;
    margin: auto;
    margin-top: 5vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .tramitelinea_sare h5{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1.3vw;
    text-align: center;
    line-height: 0;
    margin-top: 2vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .tramitelinea_sare h6{
    font-family: 'RNS Camelia Light';
    color: white;
    font-size: 1.3vw;
    text-align: center;
    line-height: 0;
    margin-top: -1.5vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .lugar_sare3 .tramitelinea_sare a{
    background-color: #792f35;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 0.8vw;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: auto;
    width: 7vw;
    height: 3vh;
    padding-top: 1.2vh;
    box-shadow: inset 0 0 10px 0 #461b1f;
    margin-top: -3vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .dudas_sare3{
    background-color: #282828;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .dudas_sare3 .icono_chat_sare{
    display: block;
    margin: auto;
    width: 30%;
    margin-top: 7vh;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .dudas_sare3 h4{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 1.5vw;
    letter-spacing: -0.1vw;
    text-align: center;
    text-transform: uppercase;
    line-height: 0;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .dudas_sare3 a{
    background-color: #be924b;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 0.8vw;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: auto;
    width: 8.5vw;
    height: 3vh;
    padding-top: 1.2vh;
    box-shadow: inset 0 0 10px 0 #461b1f;
}

.banner_sare3 .contenedor_sare3 .cards_sare3 .dudas_sare3 img{
    width: 9%;
    display: inline-block;
}

/*  <========================= Estilos de dispositivos moviles =========================>  */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*                                                                                         */
/*  <========================= Estilos de dispositivos moviles =========================>  */

/*  <========== Estilos de ventana en construccion de moviles ==========>  */

.anuncio_construccion_movil{
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    background-image: url("../img/construccion.png");
    background-repeat: no-repeat;
    background-size: 140%;
    background-position-x: center;
    background-position-y: center;
    z-index: 2;
}

.anuncio_construccion_movil .icono_cerrar_movil img{
    position: absolute; 
    top: 40%;
    left: 72%;
    cursor: pointer;
}

.anuncio_veda_movil{
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    z-index: 2;
}

.texto_veda_movil{
    position: absolute;
    width: 80vw;
    height: 15vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    border-radius: 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.texto_veda_movil p{
    font-family: 'RNS Camelia Medium';
    font-size: 2.5vw;
    color: black;
    text-align: center;
}

.texto_veda_movil p b{
    font-family: 'RNS Camelia Black';
}

.texto_veda_movil a{
    position: absolute;
    top: 13vh;
    background-color: #9D9D9C;
    border-radius: 2vw;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 4vw;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 16vw;
    height: 3vh;
    padding-top: 0.4vh;
}

/*  <========== Estilos de ventana modal o emergente de moviles ==========>  */

.modal_movil{
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    display: none;
    z-index: 2;
}

.modal_movil .contenido_modal_movil{
    position: absolute;
    top: 40%;
    left: 10%;
    display: grid;
    grid-template-rows: auto auto;
    width: 80vw;
    height: 30%;
}

.modal_movil .banner_modal_movil{
    display: flex;
    flex-direction: row;
    background-image: url("../img/barra_emergente.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    align-items: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.modal_movil .banner_modal_movil .campana_movil{
    padding-left: 6%;
}

.modal_movil .banner_modal_movil .cerrar_movil{
    position: absolute;
    top: -4%;
    right: -2%;
    cursor: pointer;
}

.modal_movil .banner_modal_movil h2{
    color: white;
    font-family: 'RNS Camelia Black';
    font-size: 4vw;
    padding-left: 5%;
}

.modal_movil .texto_modal_movil{
    background-color: white;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: 10px solid #100504;
    border-right: 10px solid #100504;
    border-bottom: 10px solid #100504;
}

.modal_movil .texto_modal_movil p{
    text-align: center;
    font-family: 'RNS Camelia Medium';
    font-size: 4vw;
}

.modal_movil .texto_modal_movil strong{
    font-family: 'RNS Camelia Black';
    font-size: 4vw;
}

.modal_movil .texto_modal_movil b{
    color: #be924b;
}

/*  <========== Estilos de los botones flotantes de moviles ==========>  */

.float_1_movil{
    position: fixed;
    width: 8vw;
    background-color: #792f35;
    border-top-left-radius: 3vw;
    border-bottom-left-radius: 3vw;
    top: 25vh;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.float_1_movil img{
    display: block;
    margin-left: 1vw;
    padding-top: 1vh;
    width: 6.5vw;
}

.float_1_movil .texto_vertical_movil{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: block;
    margin: auto;
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    color: white;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.float_2_movil{
    position: fixed;
    width: 8vw;
    background-color: #626262;
    border-top-left-radius: 3vw;
    border-bottom-left-radius: 3vw;
    top: 51vh;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.float_2_movil img{
    display: block;
    margin-left: 1vw;
    padding-top: 1vh;
    width: 6.5vw;
}

.float_2_movil .texto_vertical_movil{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: block;
    margin: auto;
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    color: white;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

/*  <========== Estilos de la barra de navegación de moviles ==========>  */

.menu_moviles{
    background-image: linear-gradient(to right, #792f35, #461b1f);
    mix-blend-mode: multiply;
    width: 100vw;
    height: 7vh;
    border-bottom: solid 1vh rgba(205, 205, 205, 0.9);
    z-index: 2;
    position: fixed;
    top: 0;
}

.menu_moviles .cabecera_moviles{
    width: 100vw;
    height: 7vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cabecera_moviles .logo_mun_moviles{
    margin-left: 4vw;
    width: 40vw;
}

.cabecera_moviles .icono_desplegable{
    margin-right: 2vw;
    width: 10vw;
}

.ocultar_menu_movil{
    display: none;
}

.mostrar_menu_movil{
    display: block;
}

#menu_desplegable_movil{
    background-image: linear-gradient(to right, #792f35, #461b1f);
    width: 40vw;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    float: right;
    border-bottom-left-radius: 3vw;
}

#menu_desplegable_movil summary{
    font-family: 'RNS Camelia Light';
    font-size: 3vw;
    color: white;
    margin-left: 1vw;
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
}

#menu_desplegable_movil summary:hover{
    font-family: 'RNS Camelia Black';
    background-color: #be924b;
}

#menu_desplegable_movil p{
    font-family: 'RNS Camelia Light';
    font-size: 3vw;
    color: #c9c9c9;
    margin-left: 4vw;
    line-height: 1;
}

#menu_desplegable_movil a{
    display: block;
    font-family: 'RNS Camelia Light';
    font-size: 3vw;
    color: white;
    margin-left: 2vw;
}

#menu_desplegable_movil a:last-child{
    margin-bottom: 0.5vh;
}


/*  <========== Estilos de Video de Bienvenida de moviles ==========>  */

.section_video_movil{
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
}

.section_video_movil .video_bienvenida_movil{
    width: 100vw;
}

/*  <========== Estilos de la sección de Noticias de moviles ==========>  */

.section_noticias_movil{
    width: 100vw;
    height: 100vh;
}

.div_noticias_movil{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10vh;
}

.div_noticias_movil .div_titulo_movil h2{
    font-size: 8vw;
    height: 2vh;
    font-family: 'RNS Camelia Black';
}

.div_noticias_movil .div_fecha_movil p,
.div_conocer_movil .div_fecha_movil p{
    text-align: end;
    font-size: 2.8vw;
    font-family: 'RNS Camelia Light';
    position: fixed;
    right: 2vw;
    top: 8vh;
}

.banner_noticias_movil{
    padding-left: 9vw;
    padding-top: 2vh;
}

.banner_noticias_movil .contenedores_noticias_movil{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 48% 22% 15% 15%;
    width: 70vw;
    height: 72vh;
    padding-top: 2vh;
    padding-right: 4vw;
    padding-bottom: 2vh;
    padding-left: 4vw;
    background-color: white;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil{
    grid-column-start: 1;
    grid-column-end: 3;
    position: relative;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil .iconos_flechas{
    position: absolute;
    top: 0;
    left: 0;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil .iconos_flechas button{
    cursor: pointer;
    border: none;
    width: 8vw;
    height: 3.5vh;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil .iconos_flechas img{
    width: 4vw;
    display: block;
    margin: auto;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil .iconos_flechas .btn_1{
    background-color: #b0b0b0;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_movil .iconos_flechas .btn_2{
    background-color: #909090;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_titulo_movil,
.banner_noticias_movil .contenedores_noticias_movil .noticia_1_detalles_movil{
    background-color: #626262;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_titulo_movil{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_titulo_movil h3{
    color: white;
    font-size: 2.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    margin-left: 1vw;
    margin-right: 1vw;
    margin-top: 2vh;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_detalles_movil{
    display: flex;
    align-items: center;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_1_detalles_movil p{
    color: white;
    font-family: 'RNS Camelia ExtraBold';
    font-size: 1.5vw;
    text-align: start;
    padding-left: 3vw;
    padding-right: 3vw;
    align-items: center;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_2_movil{
    position: relative;
    background-color: #be924b;
    grid-row-start: 3;
    grid-row-end: 5;
    padding-top: 4vh;
}

.banner_noticias_movil .contenedores_noticias_movil .texto_1_movil p{
    font-size: 2.4vw;
    font-family: 'RNS Camelia Black';
    color: white;
    margin-top: 1vh;
    text-align: center;
}

.banner_noticias_movil .contenedores_noticias_movil .texto_3_movil p{
    font-size: 5.5vw;
    font-family: 'RNS Camelia Black';
    color: white;
    margin: 0;
    text-align: center;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_2_movil .boton_nota_movil{
    background-color: #792f35;
    border-radius: 60px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 2.7vw;
    text-decoration: none;
    text-align: center;
    padding: 0.5vh 2vw;
    display: block;
    width: 50%;
    margin: 1vh auto;
    box-shadow: inset 0 0 4px 0 #461b1f;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_2_movil .etiqueta_superior_movil{
    position: absolute;
    top: 0;
    right: 2vw;
    background-color: white;
    border-bottom-left-radius: 20px;
    box-shadow: 3px 3px 3px #96794a;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_2_movil .etiqueta_superior_movil h3{
    font-size: 2.3vw;
    font-family: 'RNS Camelia Bold';
    color: black;
    text-align: center;
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_2_movil .etiqueta_superior_movil h4{
    font-size: 2.6vw;
    font-family: 'RNS Camelia Black';
    color: black;
    text-align: center;
    margin-top: 0vh;
    line-height: 0;
    padding-left: 2vw;
    padding-right: 2vw;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil{
    background-color: #792f35;
    display: grid;
    grid-template-rows: auto auto auto;
    position: relative;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil h3{
    color: white;
    font-size: 3vw;
    font-family: 'RNS Camelia Black';
    text-align: center;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .boton_tira{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .tira_blanca{
    background-color: white;
    width: 15vw;
    height: 0.5vh;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .botones_boletin_movil{
    position: absolute;
    bottom: 0vh;
    right: 0;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .botones_boletin_movil button{
    cursor: pointer;
    border: transparent;
    width: 7vw;
    height: 2.2vh;
    margin: auto;
    border: none;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .botones_boletin_movil img{
    width: 2.5vw;
    height: auto;
    display: block;
    margin: auto;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .botones_boletin_movil .btn1_boletin_movil{
    background-color: #bc989a;
}

.banner_noticias_movil .contenedores_noticias_movil .noticia_3_titulo_movil .botones_boletin_movil .btn2_boletin_movil{
    background-color: #a26f72;
}

.pleca_colores{
    display: none;
    position: fixed;
    top: 63vh;
    left: 3vw;
}

/*  <========== Estilos de la sección de Noticias 2 de moviles ==========>  */

.section_noticias2_movil{
    background-image: url(../img/section_noticias2/o_vertical.PNG);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: center;
    width: 100vw;
    height: 100vh;
}

.div_noticias2_movil{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 11vh;
}

.div_noticias2_movil .div_titulo_movil h2{
    font-size: 8vw;
    font-family: 'RNS Camelia Black';
    line-height: 0;
}

.noticias2_movil{
    width: 95%;
    display: grid;
    grid-template-rows: 60% 40%;
    padding-top: 0vh;
    justify-items: center;
    grid-row-gap: 1vh;
}

.noticias2_movil .convocatorias_movil{
    background-color: white;
    margin-top: 2vh;
    border-radius: 5vw;
    box-shadow: 5px 5px 5px #626262;
    width: 80vw;
    aspect-ratio: 1/1;
}

.noticias2_movil .convocatorias_movil .titulo_convocatoria_movil h2{
    font-size: 5vw;
    margin-top: 3vh;
    line-height: 0;
    padding-left: 4vw;
    font-family: 'RNS Camelia Black';
}

.noticias2_movil .convocatorias_movil .titulo_convocatoria_movil h3{
    font-size: 5vw;
    line-height: 0;
    padding-left: 4vw;
    font-family: 'RNS Camelia Regular';
}

.noticias2_movil .convocatorias_movil .banner_convocatoria_movil{
    display: flex;
    justify-content: center;
    position: relative;
    margin-left: 2vw;
    margin-right: 2vw;
}

.noticias2_movil .convocatorias_movil .banner_convocatoria_movil .imagenes_convocatorias_movil img{
    width: 80%;
    aspect-ratio: 1/1;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    margin: auto;
}

.noticias2_movil .convocatorias_movil .banner_convocatoria_movil .boton_previous_movil{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 6vw;
    height: 6vh;
    margin: auto;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: absolute;
    left: 0px;
    top: 10vh;
    cursor: pointer;
}

.noticias2_movil .convocatorias_movil .banner_convocatoria_movil .boton_next_movil{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 6vw;
    height: 6vh;
    margin: auto;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    position: absolute;
    right: 0px;
    top: 10vh;
    cursor: pointer;
}

.noticias2_movil .video_movil{
    background-color: white;
    border-radius: 5vw;
    box-shadow: 5px 5px 5px #626262;
    width: 80vw;
    height: auto;
    position: relative;
}

.noticias2_movil .video_movil .boton_previous_movil{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 6vw;
    height: 6vh;
    margin: auto;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: absolute;
    left: 0px;
    top: 6vh;
    cursor: pointer;
    z-index: 1;
}

.noticias2_movil .video_movil .boton_next_movil{
    display: flex;
    justify-content: center;
    background-color: white;
    width: 6vw;
    height: 6vh;
    margin: auto;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    position: absolute;
    right: 0px;
    top: 6vh;
    cursor: pointer;
    z-index: 1;
}

.noticias2_movil .video_movil video{
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
}

.noticias2_movil .video_movil .datos_video_movil{
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-evenly;
}

.noticias2_movil .video_movil .datos_video_movil img{
    width: 14vw;
    padding-bottom: 3vh;
}

.noticias2_movil .video_movil .datos_video_movil a,
.noticias2_movil .video_movil .datos_video_movil img{
    display: block;
    margin: auto;
}

.noticias2_movil .video_movil .datos_video_movil .canal_movil h3{
    font-family: 'RNS Camelia Bold';
    font-size: 3vw;
    color: #bcbcbc;
}

.noticias2_movil .video_movil .datos_video_movil .canal_movil a{
    font-family: 'RNS Camelia Light';
    font-size: 3vw;
    color: #bcbcbc;
    margin-top: 0vh;
    text-decoration: none;
    line-height: 0;
}

.noticias2_movil .video_movil .datos_video_movil .botones_likes_movil{
    display: flex;
    flex-direction: row;
    gap: 4vw;
}

.noticias2_movil .video_movil .datos_video_movil .suscribirse_movil{
    background-color: #ff0000;
    text-decoration: none;
    text-align: center;
    height: 2vh;
    width: 22vw;
    border-radius: 20px;
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    color: white;
    padding-top: .5vh;
    padding-bottom: .5vh;
    margin: auto;
}

/*  <========== Estilos de la sección de Conoce Más de moviles ==========>  */

.section_conoce_mas_movil{
    background-image: url("../img/section_conoce_mas/AX2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
    background-position-y: center;
    width: 100vw;
    height: 100vh;
}

.div_conocer_movil{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10vh;
}

.div_conocer_movil .div_titulo_movil h2{
    font-size: 8vw;
    height: 2vh;
    font-family: 'RNS Camelia Black';
}

.cards_movil{
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-top: 2vh;
    padding-bottom: 4vh;
    width: 85vw;
    margin-left: -4vw;
}

.cards_movil .cards_item_movil{
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh;
}

.cards_movil .cards_item_movil .card_movil{
    background-color: white;
    display: flex;
    flex-direction: column;
    box-shadow: 3px 3px 10px #626262;
    padding-bottom: 1.5vh;
}

.cards_movil .cards_item_movil .card_movil .card_imagen_movil{
    display: flex;
    justify-content: center;
    width: auto;
    height: 80%;
    margin-left: 1vw;
    margin-right: 1vw;
}

.cards_movil .cards_item_movil .card_movil .card_imagen_movil img{
    padding-top: 1vw;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: 1s;
}

.cards_movil .cards_item_movil .card_movil .tira_dorada_movil{
    margin-top: 1.5vh;
    margin-left: 1vw;
    width: 8vw;
    height: 0.5vh;
    background-color: #be924b;
}

.cards_movil .cards_item_movil .card_movil .card_content_movil{
    margin-left: 1vw;
    margin-right: 1vw;
}

.cards_movil .cards_item_movil .card_movil .card_content_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
}

.cards_movil .cards_item_movil .card_movil .card_content_movil p{
    font-family: 'RNS Camelia Light';
    font-size: 2.1vw;
    line-height: 1.1;
}

.cards_movil .cards_item_movil .card_movil .boton_detalles_movil{
    background-color: #792f35;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 2.5vw;
    width: 16vw;
    height: 2vh;
    text-decoration: none;
    margin-left: 20vw;
    margin-top: 1vh;
    text-align: center;
    padding-top: 0.5vh;
    cursor: pointer;
}

.cambio_color_movil{
    background-color: #be924b;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 2.5vw;
    width: 16vw;
    height: 2vh;
    text-decoration: none;
    margin-left: 20vw;
    margin-top: 1vh;
    text-align: center;
    padding-top: 0.5vh;
    cursor: pointer;
}

/*  <========== Estilos de la sección de Tu Municipio de moviles ==========>  */

.section_tu_municipio_movil{
    width: 100vw;
    height: 100vh;
}

.div_municipio_movil{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10vh;
}

.div_municipio_movil .div_titulo_movil h2{
    font-size: 8vw;
    height: 2vh;
    font-family: 'RNS Camelia Black';
}

.municipio_movil{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4vh;
    margin-left: -4vw;
}

.municipio_movil .opciones_movil{
    display: grid;
    grid-template-columns: 10% 45% 45%;
    grid-template-rows: 50% 50%;
    width: 84vw;
    grid-column-gap: 1vh;
}

.municipio_movil .opciones_movil:first-child{
    grid-column-gap: 0vh;
}

.municipio_movil .opciones_movil .icono_seleccion_movil{
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 2vh;
}

.municipio_movil .opciones_movil .icono_seleccion_movil img{
    width: 2vw;
    cursor: pointer;
}

.municipio_movil .opciones_movil .opc_1_movil img,
.municipio_movil .opciones_movil .opc_2_movil img,
.municipio_movil .opciones_movil .opc_3_movil img,
.municipio_movil .opciones_movil .opc_4_movil img{
    border-top: 0.5vh solid white;
    border-right: 0.5vh solid white;
    border-bottom: 0.5vh solid white;
    border-left: 0.5vh solid white;
}

.hover_opciones_img5_movil{
    border-top: 1vh solid white;
    border-left: 1vh solid white;
    border-top-left-radius: 4vw;
    cursor: pointer;
    scale: 1.1;
}

.hover_opciones_img6_movil{
    border-top: 1vh solid white;
    border-right: 1vh solid white;
    border-top-right-radius: 4vw;
    cursor: pointer;
    scale: 1.1;
}

.hover_opciones_img7_movil{
    border-bottom: 1vh solid white;
    border-left: 1vh solid white;
    border-bottom-left-radius: 4vw;
    cursor: pointer;
    scale: 1.1;
}

.hover_opciones_img8_movil{
    border-bottom: 1vh solid white;
    border-right: 1vh solid white;
    border-bottom-right-radius: 4vw;
    cursor: pointer;
    scale: 1.1;
}

.municipio_movil .opciones_movil .opc_3_movil img,
.municipio_movil .opciones_movil .opc_4_movil{
    margin-top: -0.5vh;
}

.municipio_movil .informacion_presidente_movil{
    background-image: url("../img/section_municipio/X2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: bottom;
    width: 100%;
    height: 52vh;
}

.municipio_movil .informacion_presidente_movil .foto_presidente_movil{
    z-index: 1;
    width: 100%;
    margin-bottom: -6vh;
    margin-top: 6vh;
    margin-left: 0vw;
}

.municipio_movil .informacion_presidente_movil .foto_presidente_movil img{
    width: 100%;
}

/*  <========== Estilos de la sección de Contacto de moviles ==========>  */

.section_contacto_movil{
    width: 100vw;
    height: 100vh;
}

.div_contacto_movil{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10vh;
}

.div_contacto_movil .div_titulo_movil h2{
    font-size: 8vw;
    font-family: 'RNS Camelia Black';
    padding-left: 7%;
    line-height: 0;
    margin: 0;
}

.div_contacto_movil .div_titulo_movil img{
    width: 40%;
    padding-left: 7%;
    padding-top: 7%;
}

.contacto_movil{
    width: 100%;
    height: 86vh;
    display: grid;
    grid-template-rows: 81% 19%;
    background-image: url("../img/section_contacto/fondo_vertical3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contacto_movil .contacto_texto_movil{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contacto_movil .contacto_texto_movil .tx1_movil{
    text-align: center;
    font-size: 7vw;
    font-family: 'RNS Camelia Medium';
    color: white;
}

.contacto_movil .contacto_texto_movil .tx2_movil{
    text-align: center;
    font-size: 6vw;
    font-family: 'RNS Camelia Medium';
    color: white;
    margin: 0;
    line-height: 0;
}

.contacto_movil .contacto_texto_movil .tx3_movil{
    text-align: center;
    font-size: 15vw;
    font-family: 'RNS Camelia Black';
    color: #be924b;
    line-height: 0;
}

.contacto_movil .contacto_texto_movil .boton_contacto_movil{
    background-color: rgba(121, 47, 53, 0.2);
    border-radius: 40px;
    border: transparent;
    font-family: 'RNS Camelia Regular';
    color: white;
    font-size: 4vw;
    text-align: center;
    text-decoration: none;
    width: 50vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    box-shadow: inset 0 0 5px 0 black;
    cursor: pointer;
}

/**/

.contacto_movil .contacto_bottom_movil{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 29% 42% 29%;
}

.contacto_movil .contacto_bottom_movil .logo_izquierda_movil img{
    width: 95%;
    display: block;
    margin: auto;
    padding-top: 1vh;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
    gap: 0;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil div{
    place-content: center;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil div img{
    width: 25%;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil .imagen_educadora_movil{
    grid-column-start: 1;
    grid-column-end: 3;
    display: block;
    margin: auto;
    justify-items: center;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil .imagen_educadora_movil img{
    display: block;
    margin: auto;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil h5{
    color: #be924b;
    font-family: 'RNS Camelia Regular';
    font-size: 1.2vw;
    text-align: center;
    line-height: 0;
    margin: 0;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil strong{
    color: #be924b;
    font-family: 'RNS Camelia Bold';
    font-size: 1.2vw;
    text-align: center;
}

.contacto_movil .contacto_bottom_movil .logos_centrales_movil p{
    color: white;
    font-size: 1vw;
    display: inline-block;
    margin: 0;
}

.contacto_movil .contacto_bottom_movil .numero_derecha_movil{
    width: 100%;
    display: grid;
    grid-template-rows: 20% 50% 30%;
}

.contacto_movil .contacto_bottom_movil .numero_derecha_movil p{
    font-size: 1.1vw;
    font-family: 'RNS Camelia Regular';
    color: white;
    display: inline-block;
    line-height: 0;
}

.contacto_movil .contacto_bottom_movil .numero_derecha_movil h2{
    font-size: 15vw;
    font-family: 'RNS Camelia Black';
    color: white;
    margin: 0;
}

.contacto_movil .contacto_bottom_movil .numero_derecha_movil h3{
    font-size: 3vw;
    font-family: 'RNS Camelia Bold';
    color: white;
    margin: 0;
}

/*  <========== Estilos de la sección de Tramites y Servicios de moviles ==========>  */

.cabecera_turista_movil .logo_mejora_movil{
    width: 25vw;
    margin-left: 2vw;
}

.cabecera_turista1_movil .logo_municipio_tramites_movil{
    width: 28vw;
    margin-right: 2vw;
}

.cabecera_turista1_movil .logo_municipio_tramites_movil2{
    width: 40vw;
    margin-left: 2vw;
}

.menu_turista_movil{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to right, #792f35,#461b1f);
    mix-blend-mode: multiply;
    width: auto;
    height: 7vh;
    border-bottom: solid 1vh rgba(205, 205, 205, 0.9);
}

.tramites_servicios_movil{
    background-image: url("../img/section_tramites_servicios/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow-y: scroll;
}

.tramites_servicios_movil .iconos_informacion_movil{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 2vh;
    padding-left: 4vw;
    padding-right: 4vw;
}

.tramites_servicios_movil .iconos_informacion_movil img{
    width: 18%;
}

.tramites_servicios_movil .iconos_informacion_movil .p1_movil{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 3vw;
}

.tramites_servicios_movil .iconos_informacion_movil .p2_movil{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 2.7vw;
}

.tramites_servicios_movil .titulo_tramites_movil{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tramites_servicios_movil .titulo_tramites_movil h1{
    font-family: 'RNS Camelia Black';
    font-size: 6vw;
    color: white;
    text-align: center;
    line-height: 0;
    margin-top: 1vh;
}

.tramites_servicios_movil .titulo_tramites_movil img{
    width: 40vw;
    margin-top: 1vh;
}

.tramites_servicios_movil .cards_tramites_movil{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-items: center;
    position: relative;
}

.tramites_servicios_movil .cards_tramites_movil .card_tramites1_movil,
.tramites_servicios_movil .cards_tramites_movil .card_tramites2_movil,
.tramites_servicios_movil .cards_tramites_movil .card_tramites3_movil,
.tramites_servicios_movil .cards_tramites_movil .card_tramites4_movil{
    background-color: white;
    border-radius: 3vw;
    padding: 3vw;
    box-shadow: 3px 3px 5px #626262;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    margin-top: 2vh; 
}

.tramites_servicios_movil .cards_tramites_movil img{
    border-radius: 3vw;
    width: 100%;
    height: 60%;
}

.tramites_servicios_movil .cards_tramites_movil .pestana_movil{
    background-color: white;
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
    width: 5vw;
    height: 4vh;
    position: absolute;
    margin-top: -3vh;
    margin-left: 30vw;
}

.tramites_servicios_movil .cards_tramites_movil h2{
    font-size: 4.5vw;
    font-family: 'RNS Camelia Black';
}

.tramites_servicios_movil .cards_tramites_movil h2 p{
    font-size: 2vw;
    font-family: 'RNS Camelia Medium';
    display: inline;
}

.tramites_servicios_movil .cards_tramites_movil .enlaces_tramites_movil{
    font-family: 'RNS Camelia Black';
    font-size: 2.5vw;
    text-decoration: none;
    color: white;
    background-color: #792f35;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 50px;
    float: right;   
}

.cambio_color_tramite_movil{
    font-family: 'RNS Camelia Black';
    font-size: 2.5vw;
    text-decoration: none;
    color: white;
    background-color: #be924b;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 50px;
    float: right;
}

/*  <========== Estilos de la sección de Soy Turista de moviles ==========>  */

.section_turista_movil{
    height: 90vh;
}

.section_turista_movil .div_turista_movil{
    display: grid;
    grid-template-rows: 50% 50%;
}

.section_turista_movil .bienvenida_movil{
    background-image: url("../img/section_turista/santo-domingo.png");
    background-repeat: no-repeat;
    background-size: 100% 70%;
    background-position-x: center;
    background-position-y: bottom;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 46vh;
}

.section_turista_movil .bienvenida_movil .saludo_movil{
    border-radius: 150px;
    box-shadow: inset 0 0 20px #888888;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-left: 10vw;
    margin-top: 3vh;
}

.section_turista_movil .bienvenida_movil .saludo_movil h1{
    font-family: 'RNS Camelia Black';
    font-size: 10vw;
    line-height: 0;
}

.section_turista_movil .introduccion_1_movil{
    margin-left: 35vw;
    margin-top: 3vh;
}

.section_turista_movil .introduccion_1_movil .regular_movil{
    font-family: 'RNS Camelia Regular';
    font-size: 2.7vw;
    display: inline;
    line-height: 0px;
}

.section_turista_movil .introduccion_1_movil .bold_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.7vw;
    display: inline;
    line-height: 0px;
}

.section_turista_movil .introduccion_2_movil{
    margin-left: 35vw;
    margin-top: 2vh;
}

.section_turista_movil .introduccion_2_movil .regular_movil{
    font-family: 'RNS Camelia Regular';
    font-size: 2.7vw;
    display: inline;
}

.section_turista_movil .introduccion_2_movil .bold_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.7vw;
    display: inline;
}

.section_turista_movil .actividades_movil{
    background-image: url("../img/section_turista/dorado.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    mix-blend-mode: multiply;
    height: 46vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

.section_turista_movil .actividades_movil .idioma_movil{
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-right: 1.5vw;
}

.section_turista_movil .actividades_movil .idioma_movil ul li{
    list-style-type: none;
    cursor: pointer;
    padding-top: 6%;
}

.section_turista_movil .actividades_movil .idioma_movil .titulo_select_idioma_movil{
    font-size: 4vw;
    font-family: 'RNS Camelia Black';
    color: white;
    text-decoration: none;
    position: relative;
}

.section_turista_movil .actividades_movil .idioma_movil .nav-idiomas-vert-movil{
    position: absolute;
    display: none;
    background-color: #461b1f;
    color: white;
    font-size: 2vw;
    font-family: 'RNS Camelia Light';
    width: auto;
    z-index: 5;
}

.section_turista_movil .actividades_movil .idioma_movil .nav-idiomas-vert-movil li{
    margin-left: -2vw;
}

.section_turista_movil .actividades_movil .nav-idiomas-hor-movil li:hover .nav-idiomas-vert-movil{
    display: block;
    padding-right: 1vw;
}

.section_turista_movil .actividades_movil .idioma_movil .nav-idiomas-vert-movil img{
    align-items: end;
}

.section_turista_movil .actividades_movil .titulo1_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 6vw;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 0vh;
}

.section_turista_movil .actividades_movil .boton_turista_movil{
    display: flex;
    justify-content: center;
}

.section_turista_movil .actividades_movil .boton_turista_movil a{
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    background-color: #792f35;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 25px;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
    text-align: center;
    cursor: pointer;
}

.section_turista_movil .actividades_movil .municipio_fondo_movil{
    position: absolute;
    bottom: -1vh;
    margin: 0;
    z-index: -1;
}

.opciones_turista_movil{
    display: grid;
    grid-template-rows: 25% 25% 25% 25%;
    height: 84vh; 
}

.opciones_turista_movil h3{
    color: white;
    font-family: 'RNS Camelia Black';
    font-size: 6vw;
    text-align: center;
}

.opciones_turista_movil a{
    color: white;
    text-decoration: none;
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
    background-color: #792f35;
    border-radius: 50px;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    box-shadow: inset 0px 0px 10px #461b1f;
}

.opciones_turista_movil .restaurantes_movil{
    background-image: url("../img/section_turista/vamos_a_comer.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista_movil .museos_movil{
    background-image: url("../img/section_turista/conozcamos_museos.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista_movil .eventos_movil{
    background-image: url("../img/section_turista/eventos_proximos.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opciones_turista_movil .hospedaje_movil{
    background-image: url("../img/section_turista/hoteles_blend.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info_turista_movil{
    background-image: linear-gradient(to right, #792f35, #461b1f);
    mix-blend-mode: multiply;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 50% 50%;
    align-items: center;
    justify-content: space-around;
    min-height: 9vh;
}

.info_turista_movil p{
    display: inline-block;
    color: white;
    font-family: 'RNS Camelia Regular';
    font-size: 1.3vw;
}

.info_turista_movil h4{
    font-family: 'RNS Camelia Bold';
    font-size: 2vw;
    color: white;
    display: inline-block;
}

.info_turista_movil h3{
    font-family: 'RNS Camelia Bold';
    font-size: 7vw;
    color: white;
    display: inline-block;
    line-height: 0;
}

.info_turista_movil div:last-child{
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

/*  <========== Estilos de la sección de Directorio Presidente de moviles ==========>  */

.section_presidente_movil{
    width: 100vw;
    height: 90vh;
    padding-top: 10vh;
}

.section_presidente_movil .div_fecha_movil p{
    text-align: end;
    font-size: 2.8vw;
    font-family: 'RNS Camelia Light';
    position: fixed;
    right: 2vw;
    top: 8vh;
}

.section_presidente_movil .contenido_presidente_movil{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
    grid-row-gap: 4vh;
}

.section_presidente_movil .contenido_presidente_movil .titulo_presidente_movil{
    grid-column-start: 1;
    grid-column-end: 3;
    margin-right: 30vw;
    margin-top: 1vh;
}

.section_presidente_movil .contenido_presidente_movil .titulo_presidente_movil h2{
    font-size:  5.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    margin-bottom: -1vh;
}

.section_presidente_movil .contenido_presidente_movil .titulo_presidente_movil .licencia{
    font-size:  5.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    margin-top: 0.5vh;
}

.section_presidente_movil .contenido_presidente_movil .titulo_presidente_movil h3{
    font-size: 4vw;
    font-family: 'RNS Camelia Regular';
    text-align: center;
    line-height: 0;
}

.section_presidente_movil .contenido_presidente_movil .titulo_presidente_movil img{
    display: block;
    margin: auto;
}

.section_presidente_movil .contenido_presidente_movil  .foto_presidente_movil{
    grid-column-start: 1;
    grid-column-end: 3;
}

.section_presidente_movil .contenido_presidente_movil  .foto_presidente_movil img{
    display: block;
    margin: auto;
}

.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil{
    margin-top: -3vh;
}

.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil,
.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil2{
    margin-left: 5vw;
    margin-right: 5vw;
}

.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil .tira_dorada_movil{
    background-color: #be924b;
    width: 10vw;
    height: 0.6vh;
}

.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 5.1vw;
    margin-top: 1vh;
}

.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil p,
.section_presidente_movil .contenido_presidente_movil .biografia_presidente_movil2 p{
    font-size: 3.2vw;
    font-family: 'RNS Camelia Regular';
    text-align: start;
}

/*  <========== Estilos de la sección de Directorio Sindicos de moviles ==========>  */

.section_sindicos_movil{
    width: 100vw;
    height: 90vh;
    padding-top: 10vh;
}

.section_sindicos_movil .div_titulo_movil{
    margin-right: 40vw;
    margin-top: 1vh;
}

.section_sindicos_movil .div_titulo_movil h2{
    font-size: 5.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    margin-bottom: -1vh;
}

.section_sindicos_movil .div_titulo_movil h3{
    font-size: 4vw;
    font-family: 'RNS Camelia Regular';
    line-height: 0;
    text-align: center;
}

.section_sindicos_movil .div_titulo_movil img{
    display: block;
    margin: auto;
}

.info_sindicos_movil{
    display: grid;
    grid-template-rows: 50% 50%;
    grid-row-gap: 6vh;
    justify-content: center;
    padding-top: 6vh;
}

.info_sindicos_movil .primer_sindica_movil,
.info_sindicos_movil .segundo_sindico_movil{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
}

.info_sindicos_movil .tira_dorada_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #be924b;
}

.info_sindicos_movil .tira_guinda_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #792f35;
}

.info_sindicos_movil .primer_sindica_movil h3,
.info_sindicos_movil .segundo_sindico_movil h3{
    font-family: 'RNS Camelia Regular';
    font-size: 3vw;
}

.info_sindicos_movil .primer_sindica_movil h2,
.info_sindicos_movil .segundo_sindico_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 4vw;
}

.info_sindicos_movil .primer_sindica_movil .btn_sindicos_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.5vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 3vw;
    padding-bottom: 1vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_sindicos_movil .segundo_sindico_movil .btn_sindicos_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.5vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 3vw;
    padding-bottom: 1vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_sindicos_movil .redes_sindicos_movil{
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: 2vh;
    width: 18vw;
    height: 3vh;
    align-items: center;
}

.info_sindicos_movil .redes_sindicos_movil div{
    width: 6vw;
    height: 3vh;
}

.info_sindicos_movil .redes_sindicos_movil div:hover{
    background-color: #be924b;
    border-radius: 20vw;
}

.info_sindicos_movil .redes_sindicos_movil img{
    margin-top: 1vh;
    margin-right: 1.8vw;
    margin-bottom: 1vh;
    margin-left: 1.8vw;
}

.info_sindicos_movil .foto_sindica_movil img,
.info_sindicos_movil .foto_sindico_movil img{
    width: 50vw;
}

/*  <========== Estilos de la sección de Directorio Regidores de moviles ==========>  */

.section_regidores1_movil,
.section_regidores2_movil{
    width: 100vw;
    height: 90vh;
    padding-top: 10vh;
}

.section_regidores1_movil .div_titulo_movil,
.section_regidores2_movil .div_titulo_movil{
    margin-right: 25vw;
    margin-top: 3vh;
}

.section_regidores1_movil .div_titulo_movil h2,
.section_regidores2_movil .div_titulo_movil h2{
    font-size: 5.5vw;
    font-family: 'RNS Camelia Bold';
    text-align: center;
    margin-bottom: -1vh;
}

.section_regidores1_movil .div_titulo_movil h3,
.section_regidores2_movil .div_titulo_movil h3{
    font-size: 4vw;
    font-family: 'RNS Camelia Regular';
    line-height: 0;
    text-align: center;
}

.section_regidores1_movil .div_titulo_movil img,
.section_regidores2_movil .div_titulo_movil img{
    display: block;
    margin: auto;
}

.info_regidores_movil{
    display: grid;
    grid-template-rows: 33% 33% 33%;
    grid-row-gap: 2vh;
    justify-content: center;
    padding-top: 2vh;
}

.info_regidores_movil .regidor_movil{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
}

.info_regidores_movil .tira_dorada_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #be924b;
}

.info_regidores_movil .tira_guinda_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #792f35;
}

.info_regidores_movil .regidor_movil h3{
    font-family: 'RNS Camelia Light';
    font-size: 2vw;
}

.info_regidores_movil .regidor_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 3vw;
}

.info_regidores_movil .regidor_movil .btn_regidoresimpar_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 1.7vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 0.5vh;
    padding-right: 3vw;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_regidores_movil .regidor_movil .btn_regidorespar_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 1.7vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 0.5vh;
    padding-right: 3vw;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_regidores_movil .regidor_movil .redes_regidores_movil{
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: 2vh;
    width: 12vw;
    height: 2.4vh;
    align-items: center;
}

.info_regidores_movil .regidor_movil .redes_regidores_movil div{
    width: 4vw;
    height: 2.4vh;
}

.info_regidores_movil .regidor_movil .redes_regidores_movil div:hover{
    background-color: #be924b;
    border-radius: 20vw;
}

.info_regidores_movil .regidor_movil .redes_regidores_movil img{
    margin-top: 1vh;
    margin-right: 1.2vw;
    margin-bottom: 1vh;
    margin-left: 1.2vw;
}

.info_regidores_movil .regidor_movil h4{
    font-family: 'RNS Camelia Light';
    font-size: 2vw;
}

.info_regidores_movil .regidor_movil .foto_regidor_movil img{
    width: 40vw;
}

.info_regidores2_movil{
    display: grid;
    grid-template-rows: 50% 50%;
    grid-row-gap: 6vh;
    justify-content: center;
    padding-top: 6vh;
}

.info_regidores2_movil .regidor_movil{
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
}

.info_regidores2_movil .regidor_movil .tira_dorada_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #be924b;
}

.info_regidores2_movil .regidor_movil .tira_guinda_movil{
    width: 7vw;
    height: 0.4vh;
    background-color: #792f35;
}

.info_regidores2_movil .regidor_movil h3{
    font-family: 'RNS Camelia Regular';
    font-size: 3vw;
}

.info_regidores2_movil .regidor_movil h2{
    font-family: 'RNS Camelia Black';
    font-size: 4vw;
}

.info_regidores2_movil .regidor_movil .btn_regidorespar_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.5vw;
    background-color: #be924b;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 3vw;
    padding-bottom: 1vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_regidores2_movil .regidor_movil .btn_regidoresimpar_movil{
    font-family: 'RNS Camelia Bold';
    font-size: 2.5vw;
    background-color: #792f35;
    border-radius: 20px;
    padding-top: 1vh;
    padding-right: 3vw;
    padding-bottom: 1vh;
    padding-left: 3vw;
    text-decoration: none;
    color: white;
}

.info_regidores2_movil .redes_regidores_movil{
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 25px;
    margin-top: 2vh;
    width: 18vw;
    height: 3vh;
    align-items: center;
}

.info_regidores2_movil .redes_regidores_movil div{
    width: 6vw;
    height: 3vh;
}

.info_regidores2_movil .redes_regidores_movil div:hover{
    background-color: #be924b;
    border-radius: 20vw;
}

.info_regidores2_movil .redes_regidores_movil img{
    margin-top: 1vh;
    margin-right: 1.8vw;
    margin-bottom: 1vh;
    margin-left: 1.8vw;
}

.info_regidores2_movil .regidor_movil h4{
    font-family: 'RNS Camelia Light';
    font-size: 3vw;
}

.info_regidores2_movil .foto_regidor_movil img{
    width: 40vw;
}

/*  <========== Estilos de la sección de SARE de moviles ==========>  */

.section_sare1_movil{
    width: 100vw;
    height: 90vh;
}

.section_sare1_movil .div_fecha p{
    text-align: end;
    font-size: 2.8vw;
    font-family: 'RNS Camelia Light';
    position: fixed;
    right: 2vw;
    top: 8vh;
}

.section_sare1_movil{
    position: relative;
}

.section_sare1_movil .boton_certificacion_movil{
    position: absolute;
    background-color: #be924b;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    top: 59vh;
    z-index: 2;
    cursor: pointer;
    width: 40vw;
    height: 3vh;
    animation: 1s boton_certificacion;
}

.section_sare1_movil .boton_certificacion_movil a{
    font-family: 'RNS Camelia Black';
    text-align: center;
    font-size: 2vw;
    color: white;
    text-decoration: none;
    margin: 0 0 0 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_sare1_movil .boton_certificacion_movil img{
    width: 20%;
    margin: 0;
}

.banner_sare1_movil{
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 15vh;
}

.banner_sare1_movil .contenedor_sare1_movil{
    position: relative;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 60% 40%;
    width: 84vw;
    height: 78vh;
    padding-top: 1.5vh;
    padding-right: 1.5vh;
    padding-bottom: 1.5vh;
    padding-left: 1.5vh;
    background-color: white;
    box-shadow: 5px 5px 5px #626262;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil{
    background-color: #e9e9e9;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil .titulo_sare_movil{
    width: 75%;
    display: block;
    margin: auto;
    margin-top: 5vh;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil .pleca_movil{
    width: 25%;
    height: 0.8%;
    display: block;
    margin: auto;
    margin-top: 2vh;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil h3{
    font-size: 3.5vw;
    font-family: 'RNS Camelia Light';
    color: black;
    text-align: center;
    margin-top: 1.5vh;
    margin-bottom: 3vh;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil a{
    background-color: #be924b;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 3vw;
    width: 32vw;
    height: 2.4vh;
    text-decoration: none;
    margin-top: 1vh;
    text-align: center;
    padding-top: 0.9vh;
    cursor: pointer;
    display: block;
    margin: auto;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .info_sare1_movil p{
    font-size: 2.8vw;
    font-family: 'RNS Camelia Light';
    color: black;
    text-align: center;
    margin-top: 5vh;
    margin-left: 3vw;
    margin-right: 3vw;
}

.banner_sare1_movil .contenedor_sare1_movil .cards_sare1_movil .video_sare1_movil{
    background-color: #282828;
}

.banner_sare1_movil .contenedor_sare1_movil .tira_dorada_vertical_movil{
    background-color: #be924b;
    position: absolute;
    width: 3vw;
    height: 5vh;
    z-index: 1;
    top: 0;
    left: 8vw;
}

.section_sare2_movil{
    width: 100vw;
    height: 90vh;
}

.section_sare2_movil .contenedor_sare2_movil{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    align-items: center;
    justify-items: center;
    width: 100vw;
    height: 90vh;
    padding-top: 12vh;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil{
    background-color: rgba(233, 233, 233, 0.6);
    /* background-color: #a26f72; */
    height: 100%;
    width: 80vw;
    grid-column-start: 1;
    grid-column-end: 3;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil h3{
    font-family: 'RNS Camelia Black';
    font-size: 9vw;
    text-transform: uppercase;
    line-height: 0;
    padding-left: 4vw;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil img{
    width: 30%;
    height: 0.9%;
    padding-left: 4vw;
    margin-bottom: 2vh;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil ul{
    list-style: square;
    padding-left: 6vw;
    font-family: 'RNS Camelia Bold';
    font-size: 3.7vw;
    line-height: 130%;
    margin: 1vh;
    margin-top: -1vh;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil .downloadarchivos_movil{
    width: 4vw;
    display: inline-table;
    margin-left: -4vw;
    margin-bottom: 0vh;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil p{
    font-family: 'RNS Camelia Light';
    font-size: 3.7vw;
    font-style: oblique;
    line-height: 0;
    margin: 1.4vh;
}

.section_sare2_movil .contenedor_sare2_movil .requisitos_sare2_movil .enlace_requisitos_movil{
    background-color: #be924b;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 3vw;
    width: 32vw;
    height: 2.4vh;
    text-decoration: none;
    text-align: center;
    padding-top: 0.9vh;
    cursor: pointer;
    display: block;
    margin: auto;
    float: right;
    margin-right: 5vw;
    margin-top: 1vh;
}

.section_sare2_movil .contenedor_sare2_movil .imagen_sare2_movil img{
    width: 130%;
    margin-left: -2vw;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil{
    background-color: white;
    margin-left: 5vw;
    padding: 3%;
    position: relative;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 27% 8% 65%;
    /* grid-template-rows: 27% 73%; */
    height: 38vh;
    width: 39vw;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .titulo_catalogo_movil{
    background-color: #282828;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .titulo_catalogo_movil h3{
    font-family: 'RNS Camelia Regular';
    font-size: 3vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 0;
    margin-top: 3vh;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .titulo_catalogo_movil h4{
    font-family: 'RNS Camelia Black';
    font-size: 3.5vw;
    color: white;
    text-align: center;
    text-transform: uppercase;
    margin-top: -1vh;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .grupobusqueda_movil{
    display: flex;
    line-height: 2vw;
    align-items: center;
    justify-content: end;
    position: relative;
    background-color: #7a3135;
    padding-right: 1vw;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .inputbusqueda_movil{
    width: 70%;
    height: 2.5vh;
    padding-left: 3.5vw;
    margin-top: 1vh;
    border: 2px solid transparent;
    border-radius: 20px;
    outline: none;
    background-color: #f3f3f4;
    color: #000000;
    transition: .3s ease;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .inputbusqueda_movil::placeholder{
    color: #000000;
    font-size: 3.5vw;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .inputbusqueda_movil:focus,
.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .inputbusqueda_movil:hover{
    outline: none;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(243, 243, 244, 0.2);
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .iconobusqueda_movil{
    position: absolute;
    left: 12vw;
    fill: #9e9ea7;
    width: 3vw;
    height: 1.5vh;
    top: 1.3vh;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .listado_catalogo_movil{
    background-color: #7a3135;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .listado_catalogo_movil ul{
    overflow-y: scroll;
    height: 90%;
    list-style: none;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .contenedor_catalogo_movil .listado_catalogo_movil ul li{
    font-family: 'RNS Camelia Light';
    color: white;
    font-size: 2.5vw;
    margin-left: -5vw;
    margin-right: 5vw;
    line-height: 150%;
    text-align: start;
}

.section_sare2_movil .contenedor_sare2_movil .catalogo_sare2_movil .tira_dorada_vertical2_movil{
    background-color: #be924b;
    width: 1vw;
    height: 3vh;
    position: absolute;
    top: 10vh;
    left: 3vw;
}

.section_sare3_movil{
    width: 100vw;
    height: 100vh;
}

.banner_sare3_movil{
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 15vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 36% 20% 24% 20%;
    width: 84vw;
    height: 78vh;
    padding-top: 1.5vh;
    padding-right: 1.5vh;
    padding-bottom: 1.5vh;
    padding-left: 1.5vh;
    background-color: white;
    box-shadow: 5px 5px 5px #626262;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .info_sare3_movil{
    position: relative;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .info_sare3_movil img{
    width: 100%;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil{
    background-color: #792f35;
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: 30% 70%;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil h4{
    font-family: 'RNS Camelia ExtraBold';
    color: white;
    font-size: 3vw;
    text-transform: uppercase;
    margin-left: 2vw;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil .file_movil{
    width: 25%;
    display: block;
    margin: auto;
    margin-top: 2vh;
    margin-left: 15vw;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil ul{
    list-style: none;
    font-family: 'RNS Camelia Light';
    font-size: 2.8vw;
    color: white;
    line-height: 150%;
    padding-left: 0;
    margin-left: 1vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil .listo_bold_movil{
    font-family: 'RNS Camelia Bold';
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .pasos_sare3_movil .puntos_movil{
    width: 40%;
    display: block;
    margin: auto;
    margin-top: 7vh;
    margin-left: 12vw;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil{
    background-color: #be924b;
    display: grid;
    /* grid-template-columns: 60% 40%; */
    grid-template-columns: 50% 50%;
    grid-template-rows: 20% 80%;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil h4{
    font-family: 'RNS Camelia ExtraBold';
    color: white;
    font-size: 3.5vw;
    text-transform: uppercase;
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 3;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .ubicacion_sare_movil img{
    width: 30%;
    display: block;
    margin: auto;
    margin-top: 2vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .ubicacion_sare_movil p{
    font-family: 'RNS Canelia Medium';
    font-size: 2.2vw;
    color: white;
    text-align: center;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .tramitelinea_sare_movil p{
    font-family: 'RNS Camelia Medium';
    font-size: 2.8vw;
    color: white;
    text-align: center;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .tramitelinea_sare_movil img{
    width: 50%;
    display: block;
    margin: auto;
    margin-top: 1.5vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .tramitelinea_sare_movil h5{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 4vw;
    text-align: center;
    line-height: 0;
    margin-top: 1.5vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .tramitelinea_sare_movil h6{
    font-family: 'RNS Camelia Light';
    color: white;
    font-size: 4vw;
    text-align: center;
    line-height: 0;
    margin-top: -1.5vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .lugar_sare3_movil .tramitelinea_sare_movil a{
    background-color: #792f35;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 2vw;
    width: 16vw;
    height: 2vh;
    text-decoration: none;
    text-align: center;
    padding-top: 0.9vh;
    cursor: pointer;
    display: block;
    margin: auto;
    margin-top: -2.5vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .dudas_sare3_movil{
    background-color: #282828;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .dudas_sare3_movil .icono_chat_sare_movil{
    width: 60%;
    display: block;
    margin: auto;
    margin-top: 2vh;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .dudas_sare3_movil h4{
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 3.5vw;
    letter-spacing: -0.1vw;
    text-align: center;
    text-transform: uppercase;
    line-height: 0;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .dudas_sare3_movil a{
    background-color: #be924b;
    border-radius: 25px;
    border: transparent;
    font-family: 'RNS Camelia Black';
    color: white;
    font-size: 4vw;
    width: 38vw;
    height: 4vh;
    text-decoration: none;
    text-align: center;
    padding-top: 0.9vh;
    cursor: pointer;
    display: block;
    margin: auto;
}

.banner_sare3_movil .contenedor_sare3_movil .cards_sare3_movil .dudas_sare3_movil img{
    width: 15%;
    display: inline-block;
}

/*  <========== Estilos de la sección de Etica ==========>  */

.sectionetica, .ventanaemergente{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ventanaemergente{
    display: none;
    position: absolute;
    place-content: center;
    z-index: 20;
    backdrop-filter: blur(15px);
}

.eticaemergente{
    width: 90%;
    height: 88%;
    background-color: white;
    margin-top: 6rem;
    position: relative;
}

.eticaemergente img{
    width: 100%;
}

.eticaemergente button{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: none;
    font-family: 'RNS Camelia Black';
    font-size: 1.1rem;
    color: white;
    background-color: #792f35;
    padding: 0.5rem 0.8rem;
    border-radius: 10rem;
    cursor: pointer;
}

@media (min-width: 768px) {
    .eticaemergente{
        width: 60%;
        height: 87%;
        margin-top: 9rem;
    }
    .eticaemergente button{
        bottom: 2rem;
        right: 2rem;
        font-size: 1.7rem;
    }
}

@media (min-width: 1024px) {
    .eticaemergente{
        width: 96%;
        height: 82%;
        margin-top: 6rem;
    }
}
@media (min-width: 1280px) {
    .eticaemergente{
        width: 92%;
    }
}
@media (min-width: 1728px) {
    .eticaemergente button{
        bottom: 4rem;
        right: 4rem;
        font-size: 2.4rem;
    }
}

.contetic1{
    width: 94%;
    height: 88%;
    background-color: white;
    margin-top: 6rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 70% 30%;
    border: solid 0.5rem white;
}

.contetic1__top{
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
    border-bottom: solid 0.5rem white;
    display: flex;
    flex-direction: column;
    align-items: start;
    background-image: url(../img/section_programatrabajo/vertical/libroactasesion2.png);
    background-repeat: no-repeat;
    background-size: 54% 70%;
    background-position-x: right;
    background-position-y: 65%;
    position: relative;
}

.contetic1__top .titulo, .contetic1__top .subtitulo{
    width: 100%;
}

.contetic1__top .titulo img{
    width: 60%;
    margin: 1rem 1rem 0 1rem;
}

.contetic1__top .subtitulo img{
    width: 30%;
    margin: 0 0 0 1rem;
}

.contetic1__top .subtitulo h6{
    font-family: 'RNS Camelia Light';
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0.3rem 0 0 1rem;
}

.contetic1__top .descripcion{
    display: grid;
    grid-template-columns: 45% 55%;
}

.contetic1__top .division{
    width: 20%;
    height: 0.1rem;
    background-color: black;
    margin: 1rem 0 1rem 1rem;
}

.contetic1__top .descripcion div:nth-of-type(1) p{
    font-family: 'RNS Camelia Light';
    font-size: 1rem;
    margin: 0 0 0 1rem;
}

.contetic1__top .descripcion div:nth-of-type(1) strong{
    font-family: 'RNS Camelia Black';
}

.contetic1__top .descripcion div:nth-of-type(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -2rem 0 0 2rem;
}

.contetic1__top .descripcion div:nth-of-type(2) p{
    font-family: 'RNS Camelia Light';
    font-size: 0.8rem;
    text-transform: uppercase;
    color: white;
    margin: 0;
    text-align: center;
}

.contetic1__top .descripcion div:nth-of-type(2) span{
    font-family: 'RNS Camelia Black';
    font-size: 1.3rem;
    color: white;
    text-transform: uppercase;
    text-align: center;
    display: block;
    letter-spacing: 0.2rem;
}

.contetic1__top .descripcion div:nth-of-type(2) a{
    background-color: #792f35;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    border-radius: 10rem;
    justify-self: center;
    margin-top: 1rem;
}

.contetic1__top .medioscontacto{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin: 1rem 0 0 1rem;
}

.contetic1__top .medioscontacto h6{
    font-family: 'RNS Camelia Black';
    font-size: 1rem;
    grid-column: 1/3;
    margin: 0rem 0 0 0rem;
    justify-self: left;
}

.contetic1__top img{
    width: 3%;
    display: inline-block;
}

.contetic1__top p{
    font-family: 'RNS Camelia Light';
    font-size: 0.7rem;
    display: inline-block;
    margin: 0;
}

.contetic1__top .codigos{
    width: 100%;
    position: absolute;
    bottom: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
} 

.contetic1__top .codigos p{
    font-family: 'RNS Camelia Black';
    font-size: 1.3rem;
    text-transform: uppercase;
}

.contetic1__top .codigos .tiradoradapeque{
    width: 45%;
    height: 0.3rem;
    background-color: #be924b;
}

.contetic1__top .codigos a{
    background-color: #be924b;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 0.6rem;
    text-transform: uppercase;
    border-radius: 10rem;
    float: right;
    margin-top: 0.5rem;
}

.contetic1__bottom{
    width: 100%;
    height: 100%;
    background-color: #282828;
    display: grid;
    grid-template-columns: 46% 27% 27%;
    grid-template-rows: 60% 40%;
}

.contetic1__bottom .directorio{
    width: 100%;
    height: 100%;
    grid-row: 1/3;
    background-image: url(../img/section_programatrabajo/vertical/imagendirectorio.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: bottom;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contetic1__bottom .directorio h5{
    font-family: 'RNS Camelia Black';
    font-size: 1.8rem;
    color: white;
    text-transform: uppercase;
    margin: 0;
}

.contetic1__bottom .directorio img{
    width: 30%;
    margin: 0.2rem 0 2rem 0;
}

.contetic1__bottom .directorio p{
    font-family: 'RNS Camelia Light';
    font-size: 0.7rem;
    color: white;
    text-align: center;
    margin: 0 0 3rem 0;
}

.contetic1__bottom .directorio button{
    border: none;
    background-color: #be924b;
    font-family: 'RNS Camelia Black';
    font-size: 0.9rem;
    color: white;
    padding: 0.5rem 0.8rem;
    border-radius: 10rem;
    cursor: pointer;
}

.contetic1__bottom .mision, .contetic1__bottom .vision, .contetic1__bottom .valores{
    width: 100%;
    height: 100%;
    background-image: url(../img/section_programatrabajo/vertical/fondomision.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.contetic1__bottom .mision h5, .contetic1__bottom .vision h5{
    font-family: 'RNS Camelia Black';
    font-size: 1.3rem;
    color: white;
    text-transform: uppercase;
    margin: 0.8rem 0 0 0;
}

.contetic1__bottom .mision p, .contetic1__bottom .vision p{
    font-family: 'RNS Camelia Light';
    font-size: 0.6rem;
    color: white;
    text-align: left;
    margin: 0 1rem;
}

.contetic1__bottom .mision span, .contetic1__bottom .vision span{
    font-family: 'RNS Camelia Black';
    color: #be924b;
}

.contetic1__bottom .mision button, .contetic1__bottom .vision button, .contetic1__bottom .valores button{
    border: none;
    background-color: #792f35;
    font-family: 'RNS Camelia Black';
    font-size: 0.6rem;
    color: white;
    padding: 0.5rem 0.8rem;
    border-radius: 10rem;
    cursor: pointer;
    align-self: flex-end;
    margin: 0 1rem 1rem 0;
}

.contetic1__bottom .valores button{
    margin: 0 1rem 0 0;
}

.contetic1__bottom .valores{
    grid-column: 2/4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.contetic1__bottom .valores div:first-child{
    grid-column: 1/3;
}

.contetic1__bottom .valores h5{
    font-family: 'RNS Camelia Black';
    font-size: 1.3rem;
    color: white;
    text-transform: uppercase;
    margin: 0 0 0 1rem;
}

.contetic1__bottom .valores div:nth-of-type(3), .contetic1__bottom .valores div:nth-of-type(4), .contetic1__bottom .valores div:nth-of-type(5){
    margin: 0 0 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contetic1__bottom .valores ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.5rem;
    font-family: 'RNS Camelia Light';
    color: white;
}

.contetic1__bottom .valores .dorado{
    color: #be924b;
}

@media (min-width: 768px) {
    .contetic1{
        width: 60%;
        height: 87%;
        margin-top: 9rem;
    }
    .contetic1__top{
        background-size: 56% 70%;
    }
    .contetic1__top .titulo img{
        width: 70%;
        margin: 1rem 0 1rem 2rem;
    }
    .contetic1__top .subtitulo img{
        width: 35%;
        margin: 0 0 0 2rem;
    }
    .contetic1__top .subtitulo h6{
        font-size: 1.5rem;
        margin: 0.3rem 0 0 2rem;
    }
    .contetic1__top .division{
        width: 30%;
        margin: 2rem 0 2rem 2rem;
    }
    .contetic1__top .descripcion div:nth-of-type(1) p{
        font-size: 1.25rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) p{
        font-size: 1rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) span{
        font-size: 1.7rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) a{
        font-size: 1.4rem;
    }
    .contetic1__top .medioscontacto h6{
        font-size: 1.4rem;
    }
    .contetic1__top .medioscontacto img{
        width: 6%;
    }
    .contetic1__top .medioscontacto p{
        font-size: 0.9rem;
    }
    .contetic1__top .codigos p{
        font-size: 1.6rem;
    }
    .contetic1__top .codigos a{
        font-size: 0.7rem;
    }
    .contetic1__bottom .directorio h5{
        font-size: 2.4rem;
    }
    .contetic1__bottom .directorio img{
        width: 40%;
        margin: 0.4rem 0 2rem 0;
    }
    .contetic1__bottom .directorio p{
        font-size: 1.1rem;
        margin: 0 1rem 4rem 1rem;
    }
    .contetic1__bottom .directorio button{
        font-size: 1.4rem;
    }
    .contetic1__bottom .mision h5, .contetic1__bottom .vision h5{
        font-size: 2rem;
        margin: 1rem 0 0 0;
    }
    .contetic1__bottom .mision p, .contetic1__bottom .vision p{
        font-size: 0.9rem;
    }
    .contetic1__bottom .mision button, .contetic1__bottom .vision button, .contetic1__bottom .valores button{
        font-size: 0.9rem;
    }
    .contetic1__bottom .valores h5{
        font-size: 1.8rem;
    }
    .contetic1__bottom .valores ul{
        font-size: 0.8rem;
    }
}

@media (min-width: 1024px) {
    .contetic1{
        width: 96%;
        height: 82%;
        margin-top: 6rem;
        grid-template-columns: 30% 70%;
        grid-template-rows: auto;
    }
    .contetic1__top{
        order: 1;
        background-image: url(../img/section_programatrabajo/libroactasesion.png);
        background-size: 45% 73%;
        background-position-y: 30%;
        background-position-x: right;
        position: relative;
        border-bottom: 0;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 30% 20% 30% 20%;
    }
    .contetic1__top .titulo img{
        width: 55%;
        margin-top: 2rem;
    }
    .contetic1__top .subtitulo img{
        width: 25%;
        margin: 0 0 0 2rem;
    }
    .contetic1__top .subtitulo h6{
        font-size: 2.5rem;
    }
    .contetic1__top .division{
        width: 25%;
    }
    .contetic1__top .descripcion div:nth-of-type(2){
        position: absolute;
        top: 11rem;
        right: 7.2vw;
    }
    .contetic1__top .descripcion div:nth-of-type(1) p{
        display: block;
        width: 130%;
        font-size: 1.5rem;
        margin-left: 2rem;
    }
    .contetic1__top .medioscontacto{
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        margin-left: 2rem;
    }
    .contetic1__top .medioscontacto h6{
        font-size: 1.7rem;
    }
    .contetic1__top .medioscontacto p{
        font-size: 1.3rem;
    }
    .contetic1__top .codigos{
        width: 45%;
        right: 2rem;
        bottom: 3rem;
    }
    .contetic1__top .codigos p{
        font-size: 1.8rem;
    }
    .contetic1__top .codigos a{
        font-size: 0.9rem;
        margin-right: -1rem;
    }
    .contetic1__bottom{
        grid-template-columns: 50% 50%;
        grid-template-rows: 50% 25% 25%;
    }
    .contetic1__bottom .directorio{
        grid-column: 1/3;
        grid-row: 1/2;
    }
    .contetic1__bottom .directorio h5{
        font-size: 3.2rem;
    }
    .contetic1__bottom .directorio img{
        margin: 0.2rem 0 4rem 0;
    }
    .contetic1__bottom .directorio p{
        font-size: 1.3rem;
    }
    .contetic1__bottom .directorio button{
        font-size: 1.2rem;
    }
    .contetic1__bottom .mision{
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .contetic1__bottom .vision{
        grid-column: 2/3;
        grid-row: 2/3;
    }
    .contetic1__bottom .valores{
        grid-column: 1/3;
    }
    .contetic1__bottom .mision p, .contetic1__bottom .vision p{
        font-size: 0.9rem;
        margin: 0 1.5rem;
    }
    .contetic1__bottom .mision button, .contetic1__bottom .vision button, .contetic1__bottom .valores button{
        font-size: 1rem;
    }
    .contetic1__bottom .valores ul{
        font-size: 1rem;
    }
}

@media (min-width: 1280px) {
    .contetic1{
        width: 92%;
        border: solid 1rem white;
    }
    .contetic1__top{
        background-size: 40% 80%;
        grid-template-rows: 30% 20% 30% 20%;
    }
    .contetic1__top .titulo img{
        width: 42%;
        margin: 2rem 0 0 3rem;
    }
    .contetic1__top .subtitulo img{
        margin-left: 3rem;
    }
    .contetic1__top .subtitulo h6{
        font-size: 3.5rem;
        margin-left: 3rem;
    }
    .contetic1__top .division{
        margin-left: 3rem;
    }
    .contetic1__top .descripcion div:nth-of-type(1) p{
        font-size: 1.7rem;
        margin-left: 3rem;
    }
    .contetic1__top .medioscontacto{
        margin-left: 3rem;
    }
    .contetic1__top .codigos{
        bottom: 2rem;
    }
    .contetic1__top .codigos p{
        font-size: 2rem;
    }
    .contetic1__top .codigos a{
        font-size: 1.1rem;
        margin-right: -1rem;
    }
    .contetic1__bottom{
        grid-template-columns: 50% 50%;
        grid-template-rows: 60% 20% 20%;
    }
    .contetic1__bottom .directorio h5{
        font-size: 4.5rem;
    }
    .contetic1__bottom .directorio img{
        margin: 0.2rem 0 4rem 0;
    }
    .contetic1__bottom .directorio p{
        font-size: 1.6rem;
    }
    .contetic1__bottom .directorio button{
        font-size: 1.8rem;
    }
    .contetic1__bottom .mision h5, .contetic1__bottom .vision h5{
        font-size: 1.6rem;
    }
    .contetic1__bottom .mision p, .contetic1__bottom .vision p{
        margin: 0 3rem;
    }
}

@media (min-width: 1728px) {
    .contetic1{
        margin-top: 9rem;
        border: solid 2rem white;
    }
    .contetic1__top{
        background-size: 45% 84%;
        background-position-y: 20%;
    }
    .contetic1__top .titulo img{
        width: 45%;
    }
    .contetic1__top .subtitulo h6{
        font-size: 4.5rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2){
        top: 9rem;
        right: 12rem;
    }
    .contetic1__top .descripcion div:nth-of-type(1) p{
        font-size: 2.3rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) p{
        font-size: 1.6rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) span{
        font-size: 3rem;
    }
    .contetic1__top .descripcion div:nth-of-type(2) a{
        font-size: 2rem;
        padding: 0.5rem 2rem;
    }
    .contetic1__top .medioscontacto h6{
        font-size: 2.1rem;
    }
    .contetic1__top .medioscontacto p{
        font-size: 1.7rem;
    }
    .contetic1__top .codigos{
        width: 45%;
        right: 2rem;
        bottom: 4rem;
    }
    .contetic1__top .codigos p{
        font-size: 2.3rem;
    }
    .contetic1__top .codigos a{
        font-size: 1.3rem;
        margin-right: -1rem;
    }
    .contetic1__bottom .directorio h5{
        font-size: 4.6rem;
    }
    .contetic1__bottom .directorio img{
        width: 35%;
        margin-bottom: 8rem;
    }
    .contetic1__bottom .directorio p{
        font-size: 2.2rem;
        margin-bottom: 6rem;
    }
    .contetic1__bottom .directorio button{
        font-size: 2.2rem;
    }
    .contetic1__bottom .mision h5, .contetic1__bottom .vision h5{
        font-size: 3rem;
    }
    .contetic1__bottom .mision p, .contetic1__bottom .vision p{
        font-size: 1.2rem;
        margin: 0 3.5rem;
    }
    .contetic1__bottom .mision button, .contetic1__bottom .vision button, .contetic1__bottom .valores button{
        font-size: 1.4rem;
    }
    .contetic1__bottom .valores h5{
        font-size: 3rem;
    }
    .contetic1__bottom .valores ul{
        font-size: 1.4rem;
    }
}

.sectionprogramaanual{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contetic2{
    width: 90%;
    height: 88%;
    margin-top: 6rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 70% 30%;
    border: solid 0.5rem white;
    background-color: white;
}

.etic2top{
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: 20% 60% 20%;
}

.etic2top .divtitulo{
    width: 100%;
    grid-column: 1/3;
    background-color: white;
    border: solid 0.1rem #be924b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.etic2top .divtitulo img{
    width: 90%;
    display: block;
}

.etic2descripcion{
    width: 100%;
    background-color: #e9e9e9;
    border-bottom: solid white 0.4rem;
    border-top: solid white 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.etic2descripcion p{
    font-family: 'RNS Camelia Light';
    font-size: 0.95rem;
    margin: 0 2rem;
    line-height: 140%;
    text-align: left;
}

.etic2boton{
    width: 100%;
    background-image: url(../img/section_programatrabajo/vertical/plananuallibro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom: solid white 0.4rem;
    border-top: solid white 0.4rem;
    position: relative;
}

.etic2boton a{
    background-color: #be924b;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border-radius: 10rem;
    justify-self: center;
    margin-top: 1rem;
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 0;
}

.quejasydenuncias{
    width: 100%;
    background-image: url(../img/section_programatrabajo/vertical/fondoquejas.png);
    background-color: #792f35;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: 40%;
    background-position-x: 10%;
    grid-row: 3/4;
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: 75% 20%;
}

.quejasydenuncias div{
    grid-row: 1/3;
}

.quejasydenuncias h3{
    font-family: 'RNS Camelia Black';
    font-size: 1.8rem;
    color: white;
    text-transform: uppercase;
    margin-left: 1rem;
    line-height: 0;
}

.quejasydenuncias p{
    font-family: 'RNS Camelia Light';
    font-size: 0.9rem;
    color: white;
    margin-left: 1rem;
    margin-top: -0.5rem;
}

.quejasydenuncias a{
    grid-row: 2/3;
    justify-self: center;
    background-color: #be924b;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border-radius: 10rem;
    justify-self: center;
    margin: 0 0 0 2rem;
    height: auto;
}

.etic2bottom{
    background-color: #282828;
    border-top: solid 0.4rem white;
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 40% 60%;
}

.etic2bottom .divtitulo{
    width: 100%;
    margin: 1rem 0 0 1rem;
}

.etic2bottom .divtitulo h5{
    font-family: 'RNS Camelia Black';
    font-size: 1.9rem;
    text-transform: uppercase;
    margin: 0 0 0.8rem 0;
    color: white;
}

.etic2bottom .divtitulo div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    gap: 1rem;
}

.etic2bottom .divtitulo p{
    font-family: 'RNS Camelia Light';
    color: white;
    font-style: italic;
    font-size: 0.9rem;
    margin: 0;
}

.etic2bottom .divtitulo img{
    width: 30%;
}

.etic2bottom .marco{
    background-color: #343434;
    width: 100%;
    height: 100%;
    margin: 0.8rem 0.8rem 0 0;
    position: relative;
}

.etic2bottom .marco h5{
    font-family: 'RNS Camelia Black';
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: 0.5rem 0 0 0.5rem;
    color: white;
}

.etic2bottom .marco a{
    background-color: #be924b;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 0.6rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border-radius: 10rem;
    justify-self: center;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.etic2bottom .desc{
    width: 80%;
    margin-left: 1rem;
}

.etic2bottom .desc p{
    font-family: 'RNS Camelia Medium';
    color: white;
    font-size: 0.8rem;
}

.etic2bottom .desc button{
    border: none;
    background-color: #792f35;
    color: white;
    text-decoration: none;
    padding: 0.5rem 0.8rem;
    font-family: 'RNS Camelia Black';
    font-size: 0.7rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border-radius: 10rem;
    float: right;
    cursor: pointer;
}

.etic2bottom .libronegro{
    background-image: url(../img/section_programatrabajo/vertical/libroantecedentes.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.etic2bottom .desc span{
    font-family: 'RNS Camelia Black';
    color: #be924b;
}

@media (min-width: 768px) {
    .contetic2{
        width: 60%;
        height: 87%;
        margin-top: 9rem;
    }
    .etic2descripcion p{
        font-size: 1.3rem;
    }
    .etic2boton a{
        font-size: 1.2rem;
    }
    .quejasydenuncias{
        grid-template-columns: 60% 40%;
    }
    .quejasydenuncias p{
        font-size: 1.1rem;
    }
    .quejasydenuncias h3{
        font-size: 2.4rem;
    }
    .quejasydenuncias a{
        font-size: 1.2rem;
        margin-left: 4rem;
    }
    .etic2bottom .divtitulo h5{
        font-size: 2.6rem;
    }
    .etic2bottom .divtitulo p{
        font-size: 1.2rem;
    }
    .etic2bottom .marco h5{
        font-size: 1.7rem;
    }
    .etic2bottom .marco a{
        font-size: 1rem;
    }
    .etic2bottom .desc p{
        font-size: 1.1rem;
    }
    .etic2bottom .desc button{
        font-size: 1.2rem;
    }
}

@media (min-width: 1024px) {
    .contetic2{
        width: 98%;
        height: 82%;
        margin-top: 6rem;
        grid-template-columns: 70% 28%;
        grid-template-rows: auto;
        column-gap: 1.5rem;
        border: none;
        background-color: transparent;
    }
    .etic2top{
        grid-template-columns: 45% 55%;
        grid-template-rows: 25% 45% 30%;
        background-color: white;
        border: solid 1rem white;
    }
    .etic2top .divtitulo{
        width: 99%;
        grid-column: 1/2;
    }
    .etic2descripcion{
        border-top: 1rem solid white;
        grid-column: 1/2;
        grid-row: 2/3;
        border-bottom: 0;
    }
    .etic2descripcion p{
        font-size: 1.2rem;
    }
    .quejasydenuncias{
        grid-column: 1/2;
        flex-direction: column;
        align-items: self-start;
        background-position-x: right;
        grid-template-columns: 50% 50%;
    }
    .quejasydenuncias h3{
        font-size: 2.2rem;
    }
    .quejasydenuncias a{
        margin: 0 0 0 2rem;
        font-size: 1.3rem;
        float: right;
    }
    .etic2boton{
        background-image: url(../img/section_programatrabajo/imagenprogramaanuald.png);
        grid-row: 1/4;
    }
    .etic2boton a{
        right: auto;
        bottom: 2rem;
        left: 2rem;
        font-size: 1.4rem;
    }
    .etic2bottom{
        width: 90%;
        border: none;
        grid-template-columns: auto;
        grid-template-rows: 20% 20% 35% 23%;
        border: solid 1rem white;
    }
    .etic2bottom .divtitulo{
        margin: 1rem;
    }
    .etic2bottom .desc{
        width: 90%;
        grid-row: 2/3;
    }
    .etic2bottom .desc p{
        margin: 0 1rem;
    }
    .etic2bottom .desc button{
        float: right;
        margin: 1rem 2rem 0 0;
        font-size: 0.8rem;
    }
    .etic2bottom .libronegro{
        background-size: 100% 100%;
        grid-row: 3/4;
    }
    .etic2bottom .marco{
        grid-row: 4/5;
    }
    .etic2bottom .marco h5{
        font-size: 2.4rem;
        margin-left: 2rem;
    }
    .etic2bottom .marco a{
        font-size: 1.3rem;
    }
}

@media (min-width: 1280px) {
    .etic2descripcion p{
        margin: 0 7rem;
    }
    .etic2bottom .divtitulo h5{
        font-size: 3.4rem;
    }
    .etic2bottom .divtitulo p{
        font-size: 1.4rem;
    }
    .etic2bottom .desc{
        width: 80%;
    }
    .quejasydenuncias{
        grid-template-columns: 60% 40%;
        justify-items: center;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .quejasydenuncias a{
        margin: 0;
    }
}

@media (min-width: 1728px) {
    .etic2bottom{
        grid-template-rows: 20% 20% 35% 24%;
    }
    .etic2descripcion p{
        font-size: 1.7rem;
        margin: 0 7rem;
    }
    .etic2boton a{
        font-size: 2rem;
        bottom: 3rem;
        padding: 1rem 1.8rem;
    }
    .quejasydenuncias{
        background-color: #792f35;
        grid-template-columns: 65% 35%;
    }
    .quejasydenuncias h3{
        font-size: 3.5rem;
    }
    .quejasydenuncias p{
        font-size: 1.8rem;
    }
    .quejasydenuncias a{
        font-size: 1.6rem;
        bottom: 3rem;
        padding: 1rem 1.8rem;
    }
    .etic2bottom .divtitulo h5{
        font-size: 4.6rem;
    }
    .etic2bottom .divtitulo p{
        font-size: 2rem;
    }
    .etic2bottom .desc{
        width: 90%;
    }
    .etic2bottom .desc p{
        font-size: 1.7rem;
    }
    .etic2bottom .desc button{
        font-size: 1.5rem;
    }
    .etic2bottom .marco h5{
        font-size: 3.8rem;
    }
    .etic2bottom .marco a{
        font-size: 1.5rem;
    }
}

@media (min-width: 1920px) {
    .etic2descripcion p{
        font-size: 1.8rem;
        margin: 0 8rem;
    }
}

.sectiondifusionetica{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contetic3{
    width: 90%;
    height: 88%;
    margin-top: 6rem;
    grid-template-columns: auto;
    grid-template-rows: 50% 50%;
}

.graficaanimada{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.graficaanimada video{
    width: 100%;
}

.graficaeinfo{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.graficaeinfo h4{
    font-family: 'RNS Camelia Black';
    font-size: 1.6rem;
    margin: 0.5rem 0 0.5rem 0;
}

.graficaeinfo .pleca{
    width: 25%;
    margin: 0 0 0.5rem 0;
}

.graficaeinfo .grafica2{
    width: 100%;
}

.graficaeinfo div{
    width: 85%;
}

.graficaeinfo p{
    font-family: 'RNS Camelia Light';
    font-size: 1rem;
}

@media (min-width: 768px) {
    .contetic3{
        width: 55%;
        margin-top: 9rem;
    }
    .graficaeinfo h4{
        font-size: 2rem;
        margin: 1rem 0 0.8rem 0;
    }
    .graficaeinfo .pleca{
        margin: 0 0 0.8rem 0;
    }
    .graficaeinfo p{
        font-size: 1.3rem;
    }
}

@media (min-width: 1024px) {
    .contetic3{
        width: 96%;
        height: 82%;
        margin-top: 6rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        column-gap: 3rem;
        align-content: center;
    }
    .graficaeinfo h4{
        font-size: 2.6rem;
        margin: 2rem 0 0.8rem 0;
    }
    .graficaeinfo .pleca{
        margin: 0 0 2rem 0;
    }
    .graficaeinfo p{
        font-size: 1.5rem;
    }
}

@media (min-width: 1280px) {
    .contetic3{
        width: 84%;
    }
    .graficaeinfo h4{
        font-size: 3.4rem;
        margin: 2rem 0 1.2rem 0;
    }
    .graficaeinfo .pleca{
        width: 28%;
        margin: 0 0 4rem 0;
    }
    .graficaeinfo div{
        width: 78%;
    }
}

@media (min-width: 1728px) {
    .graficaeinfo h4{
        font-size: 4.2rem;
    }
    .graficaeinfo .pleca{
        margin: 0 0 6rem 0;
    }
    .graficaeinfo div{
        width: 80%;
    }
    .graficaeinfo p{
        font-size: 2rem;
    }
}

@media (min-width: 1920px) {
    .contetic3{
        width: 80%;
    }
}