* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    user-select: none;
}

:root {
    --azul-fuerte: #1E3556;
    --azul-mid: #418ff5;
    --azul-claro: #3aaada;
    --amarillo: #E0D93C;
    --rojo: #D5000B;
    --fuente-principal: 'jost';
}

.on {
    display: block;
}

.off {
    display: none !important;
}

/* Temporal */
/* #capaTemporal {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#capaTemporal h2 {
    font-family: var(--fuente-principal);
    font-size: 9vw;
    color: var(--azul-mid);
}

#capaTemporal img {
    width: 80%;
}

@media (max-width: 800px) {
    #capaTemporal {
        height: 85vh;
    }   

    #capaTemporal img {
        transform: scale(1.6);
    }
} */

/* ===================== */


/* =========================

    Nav

===========================*/

#header {
    width: 100%;
    position: fixed;
    z-index: 100;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0 3%;
    transition: all 900ms;
}

.cambioFondo {
    background-color: rgba(255, 255, 255, 0.80);
}

#header .logo {
    width: 29%;
    text-align: center;
}

#header .logo h1,
#header .logo h2 {
    color: var(--azul-fuerte);
    font-family: var(--fuente-principal);
    user-select: none;
}

#header .logo h1 {
    font-weight: 800;
}

#header .logo h2 {
    font-weight: 600;
    margin-top: -2%;
}

.scrollTop {
    scroll-margin-top: 11.2vh;
}

html {
    scroll-behavior: smooth;
}

#logoAncla {
    user-select: none;
    cursor: pointer;
}

@media(min-width: 801px) {
    #header nav {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    #header nav ul {
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    #header nav ul li {
        font-family: var(--fuente-principal);
        font-weight: 500;
        font-size: .9vw;
        margin: 0 2%;
        user-select: none;
        text-align: center;
    }

    #header nav ul li a {
        color: black;
        transition: 100ms;
    }

    #header nav ul li a:hover {
        color: rgb(0, 119, 255);
    }

    header .ham,
    header nav .cerrarMenu {
        display: none;
    }
}

@media(max-width: 800px) {

    #header {
        width: 100%;
        position: fixed;
        z-index: 100;
        justify-content: start;
        width: 100%;
        padding: 0;
    }

    #header .logo {
        width: 80%;
    }

    #header .logo h1,
    #header .logo h2 {
        font-family: var(--fuente-principal);
        color: var(--azul-fuerte);

    }

    #header .logo h1 {
        font-size: 8vw;
    }

    #header .logo h2 {
        font-size: 6vw;
        font-weight: 600;
    }

    header .ham {
        width: 12%;
    }

    header .ham img {
        width: 100%;
    }

    header nav {
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 26, 61, 1);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 90;
        color: black;
    }

    header nav ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2%;
        text-align: center;
        position: relative;
        top: -9vh;
    }

    header nav .cerrarMenu {
        color: var(--azul-fuerte);
        background-color: white;
        width: 35%;
        margin: auto;
        padding: 2% 0;
        font-family: var(--fuente-principal);
        text-align: center;
        position: relative;
        top: 6%;
        z-index: 100;
    }

    header nav ul li {
        background-color: var(--azul-fuerte);
        padding: 4% 8%;
        border-radius: 3vw;
    }

    header nav li a {
        font-family: var(--fuente-principal);
        color: white;
        font-size: 6vw;
    }

    .toggle-movil {
        display: none;
    }

}

/* =========================

    PORTADA

===========================*/

.portadaWrap {
    width: 100%;
    height: 100vh;
    background-image: url(/img/paco-portada.png);
    background-position: center;
    background-size: cover;
}

.portadaWrap .contenidoPortada {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.portadaWrap .contenidoPortada h2 {
    font-family: var(--fuente-principal);
    color: var(--azul-fuerte);
    font-size: 4.9vw;
    user-select: none;
}

.portadaWrap .contenidoPortada ul {
    display: flex;
    justify-content: center;
    gap: 6%;
}

.portadaWrap .contenidoPortada ul li {
    width: 10%;
}

.portadaWrap .contenidoPortada ul li img {
    width: 100%;
    cursor: pointer;
}

.portadaWrap .contenidoPortada ul li img:hover {
    transform: scale(1.03);
}

@media(max-width: 800px) {
    .portadaWrap {
        background-position: top -9vh left -190vw;
        background-repeat: no-repeat;
    }

    .portadaWrap .contenidoPortada ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .portadaWrap .contenidoPortada ul li {
        width: 20%;
        margin: 4% 0;
    }
}


/* ============================

        Quien Soy   

==============================*/

#soy {
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
    /* background: linear-gradient(to right, rgb(208, 208, 208), rgb(236, 236, 236)); */
}

#soy .left,
#soy .right {
    width: 50%;
}

#soy .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 3%;
}

#soy .right img {
    width: 100%;
}

#soy .left .title .title-top,
#soy .left .title .title-bottom,
#soy .left p,
#soy .left .textFoot .text1,
#soy .left .textFoot .text2 {
    font-family: var(--fuente-principal);
    line-height: 1;
}

#soy .left .title .title-top {
    color: var(--azul-fuerte);
    font-size: 3.2vw;
}

#soy .left .title .title-bottom {
    color: var(--azul-claro);
    font-size: 6vw;
    margin-left: 2%;
}

#soy .left p {
    font-size: 1.2vw;
    line-height: 1.3;
    letter-spacing: .05vw;
    font-weight: 500;
}

#soy .left .textFoot {
    margin-left: 2% !important;
}

#soy .left .textFoot .text1 {
    font-size: 2vw;
    line-height: 1.2;
}

#soy .left .textFoot .text2 {
    color: var(--azul-claro);
    font-size: 3.2vw;
}

#soy .left .title,
#soy .left p,
#soy .left .textFoot {
    margin: 2% 0;
}

/* inlay */

#quienSoy {
    position: relative;
    background: linear-gradient(to right, rgb(244, 244, 244), white, white);

}

#quienSoy>.inlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#quienSoy .inlay .left {
    background-color: var(--azul-claro);
    width: 15vw;
    height: 12vh;
    position: absolute;
    bottom: 0;
    left: 4vw;
    border-radius: 4vw 4vw 0 0;
}

#quienSoy .inlay .right {
    background-color: var(--azul-claro);
    width: 15vw;
    height: 19vh;
    position: relative;
    top: 0;
    left: 48vw;
    border-radius: 0 0 2vw 2vw;
}

@media (max-width: 800px) {
    #soy {
        width: 100%;
        height: 920px;
        display: flex;
        flex-direction: column;
    }

    #soy .left,
    #soy .right {
        width: 100%;
    }

    #quienSoy>.inlay {
        display: none;
    }

    #soy .left .title .title-top {
        font-size: 8.2vw;
    }

    #soy .left .title .title-bottom {
        font-size: 12vw;
        margin-left: 9%;
    }

    #soy .left p {
        font-size: 4.9vw;
        padding: 0 3%;
        text-align: justify;
    }

    #soy .left .textFoot .text1 {
        font-size: 5.8vw;
    }

    #soy .left .textFoot .text2 {
        font-size: 9.2vw;
    }
}

/* ===============================

    Haciendo Posible lo Imposible

====================================*/

#posible {
    width: 100%;
    height: 90vh;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to right, rgb(240, 240, 240), white, white);
}

.menuHaciendo,
.inlayBack {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
}

.menuHaciendo .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menuHaciendo .left .title {
    font-family: var(--fuente-principal);
    line-height: 1;
    margin-left: 6%;
}

.menuHaciendo .left .title .titleTop {
    color: var(--azul-fuerte);
    font-size: 2.6vw;
}

.menuHaciendo .left .title .titleBottom {
    color: var(--azul-mid);
    font-size: 4vw;
    margin-left: 2%;
}

.menuHaciendo {
    z-index: 2;
}

.menuHaciendo .left,
.menuHaciendo .right {
    width: 50%;
    height: 100%;
}

.inlayBack {
    z-index: 1;
}

.left menu {
    padding: 2%;
}

.left menu ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.left menu ul li {
    display: flex;
    align-items: center;
    background-color: var(--azul-claro);
    width: 68%;
    border-radius: 2vw;
    margin: 2.8% 0;
    cursor: pointer;
}

.left menu ul li .icono {
    width: 12.9%;
}

.left menu ul li .texto {
    position: relative;
    left: 9%;
    font-family: var(--fuente-principal);
    color: white;
    font-size: 2vw;
}

.backgroundMenuOn {
    background-color: var(--azul-fuerte) !important;
    margin-left: 6% !important;
}

.cajaDescripcion {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.cajaDescripcion li,
.cajaDescripcion .imagen {
    position: absolute;
}

.cajaDescripcion li {
    z-index: 2;
}

.hoverPosible:hover {
    box-shadow:
        0 0 1vw rgb(255, 140, 0),
        0 0 1vw rgb(255, 140, 0);
    transition: ease-in-out 150ms;
}

.cajaDescripcion .imagen img {
    width: 120%;
    position: relative;
    top: 34vh;
}

.imgOpacity {
    opacity: 0;
    transition: 300ms;
}

.cajaDescripcion li .contenido {
    font-family: var(--fuente-principal);
    text-align: end;
    padding: 0 12%;
}

.cajaDescripcion li .contenido h2,
.cajaDescripcion li .contenido p {
    margin: 6% 0;
}

.cajaDescripcion li .contenido h2 {
    font-size: 2.9vw;
}

.cajaDescripcion li .contenido p {
    font-size: 1.4vw;
    font-weight: 500;
}

#posible .inlayBack {
    display: grid;
}

#posible .inlayBack .top,
#posible .inlayBack .bottom {
    width: 100%;
    height: 100%;
}

#posible .inlayBack .top .objet {
    width: 15vw;
    height: 5vh;
    background-color: var(--azul-claro);
    position: relative;
    top: 0;
    left: 4vw;
    border-radius: 0 0 2vw 2vw;
}

#posible .inlayBack .bottom .objet {
    width: 9vw;
    height: 5vh;
    background-color: var(--rojo);
    position: relative;
    bottom: -89%;
    left: 4vw;
    border-radius: 2vw 2vw 0 0;
}

@media (max-width: 800px) {
    #posible .menuHaciendo {
        flex-direction: column;
    }

    .cajaDescripcion .imagen img {
        width: 100%;
        top: -9%;
    }

    .cajaDescripcion .imagen {
        width: 100%;
        height: 50vh;
        overflow: hidden;
    }

    .menuHaciendo .left,
    .menuHaciendo .right {
        width: 100%;
    }

    .cajaDescripcion li .contenido h2 {
        font-size: 5.9vw;
    }

    .cajaDescripcion li .contenido p {
        font-size: 3.4vw;
    }

    .left menu ul li {
        width: 90%;
        margin: 1% 0;
    }

    .left menu ul li .texto {
        font-size: 4.9vw;
    }

    .menuHaciendo .left .title .titleTop {
        font-size: 4.6vw;
    }

    .menuHaciendo .left .title .titleBottom {
        font-size: 7vw;
    }

    #posible .inlayBack {
        display: none;
    }
}

/* ====================================

    Juntos somos incansables

======================================*/

#juntosSomos {
    width: 100%;
    height: 90vh;
    position: relative;
}

#juntosSomos .capaFoto,
#juntosSomos .capaContenido,
#juntosSomos .capaInlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

#juntosSomos .capaFoto {
    z-index: 0;
    display: flex;
    justify-content: start;
    align-items: end;
}

#juntosSomos .capaContenido {
    z-index: 1;
}

#juntosSomos .capaInlay {
    z-index: 2;
}

#juntosSomos .capaFoto img {
    width: 40%;
    position: relative;
    left: 4%;
}

#juntosSomos .capaContenido {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    position: relative;
    right: 4%;
}

#juntosSomos .capaContenido .titulo h2,
#juntosSomos .capaContenido .incisos p,
#juntosSomos .capaContenido .subtitulo h2 {
    font-family: var(--fuente-principal);
    text-align: end;
    letter-spacing: .1vw;
    line-height: 1;
}

#juntosSomos .capaContenido .titulo .h2-1 {
    font-size: 3.9vw;
}

#juntosSomos .capaContenido .titulo .h2-2 {
    font-size: 6vw;
}

#juntosSomos .capaContenido .titulo .h2-2,
#juntosSomos .capaContenido .subtitulo .h2-2 {
    color: var(--azul-mid);
}

#juntosSomos .capaContenido .incisos {
    width: 36%;
}

#juntosSomos .capaContenido .incisos p {
    color: white;
    background-color: var(--azul-mid);
    border-radius: 2vw;
    padding: 1.9%;
    padding-right: 9%;
    font-size: 1vw;
    margin: 3% 0;
    line-height: 1.4;
}

#juntosSomos .capaContenido .subtitulo .h2-1 {
    font-size: 1.4vw;
}

#juntosSomos .capaContenido .subtitulo .h2-2 {
    font-size: 4.4vw;
}

#juntosSomos .capaInlay .objet {
    width: 9vw;
    height: 9vh;
    background-color: var(--rojo);
    position: relative;
    top: 0;
    left: 4vw;
    border-radius: 0 0 2vw 2vw;
}

@media (max-width: 800px) {
    #juntosSomos .capaInlay {
        display: none;
    }

    #juntosSomos {
        position: static;
        display: flex;
        flex-direction: column-reverse;
        height: inherit;
        margin-top: 4%;
    }

    #juntosSomos .capaFoto,
    #juntosSomos .capaContenido,
    #juntosSomos .capaInlay {
        width: 100%;
        /* height: 100%; */
        position: static;
    }

    #juntosSomos .capaContenido {
        align-items: center;
    }

    #juntosSomos .capaFoto img {
        width: 100%;
    }

    #juntosSomos .capaContenido .titulo h2,
    #juntosSomos .capaContenido .incisos p,
    #juntosSomos .capaContenido .subtitulo h2 {
        text-align: center;
    }

    #juntosSomos .capaContenido .titulo .h2-1 {
        font-size: 6.9vw;
    }

    #juntosSomos .capaContenido .titulo .h2-2 {
        font-size: 10.9vw;
    }

    #juntosSomos .capaContenido .incisos {
        width: 90%;
    }

    #juntosSomos .capaContenido .incisos p {
        width: 100%;
        font-size: 4.4vw
    }

    #juntosSomos .capaContenido .subtitulo .h2-1 {
        font-size: 4vw;
    }

    #juntosSomos .capaContenido .subtitulo .h2-2 {
        font-size: 12vw;
    }
}

/* ==================================

    Pa´conocerme

====================================*/

/* light Box */

.conocerme {
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.conocerme .titulo {
    width: 90%;
    margin: 0 auto;
}

.conocerme .titulo h2 {
    font-family: var(--fuente-principal);
    color: var(--azul-fuerte);
    font-size: 4vw;
    font-weight: 800;
}

.conocerme .video {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conocerme .video .cerrar-video {
    position: fixed;
    top: 5%;
    left: 50%;
}

.conocerme .video .cerrar-video button {
    background: linear-gradient(to top, grey, white);
    border: none;
    cursor: pointer;
    padding: 19%;
    border-radius: .9vw;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    background-color: var(--azul-mid);
    color: white;
    border-radius: 100vw;
    width: 2.2vw;
}

.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
    font-size: 1vw;
}

.swiper .swiper-wrapper .swiper-slide h2 {
    font-family: var(--fuente-principal);
    color: var(--azul-fuerte);
    text-align: center;
    font-size: 1.6vw;
    margin: 2% 0;
}

.conocerme .inlays {
    background: linear-gradient(to right, rgb(222, 222, 222), white, white);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.conocerme .inlays .inlay1,
.conocerme .inlays .inlay2 {
    background-color: var(--amarillo);
}

.conocerme .inlays .inlay1 {
    width: 12vw;
    height: 10vh;
    position: relative;
    top: 85vh;
    left: 0;
    border-radius: 1.9vw 1.9vw 0 0;
}

.conocerme .inlays .inlay2 {
    width: 4vw;
    height: 19vh;
    position: relative;
    left: 96%;
    top: -1vh;
    border-radius: 1.9vw 0 0 1.9vw;
}

@media (max-width: 800px) {
    .conocerme .titulo {
        width: 100%;
        margin: 0;
    }

    .conocerme .titulo h2 {
        font-size: 9vw;
        text-align: center;
    }

    .conocerme {
        height: 50vh;
    }

    .swiper {
        width: 100% !important;
    }

    .swiper .swiper-button-prev,
    .swiper .swiper-button-next {
        display: none;
    }

    .conocerme .video .cerrar-video {
        top: 15%;
        left: 44%;
    }

    .conocerme .video .cerrar-video button {
        font-size: 4vw;
    }

    .conocerme .video video {
        width: 95%;
    }

    #juntosSomos {
        overflow: hidden;
    }

    .swiper .swiper-wrapper .swiper-slide h2 {
        font-size: 4.2vw;
    }

    .conocerme .inlays {
        display: none;
    }
}

/* =======================

    Pa´contactarme

============================*/

#contactarme,
#contactarme .back,
#contactarme .inlays,
#contactarme .contenido {
    width: 100%;
    height: 90vh;
}

#contactarme {
    position: relative;
}

#contactarme .back {
    position: absolute;
    z-index: 0;
    background: linear-gradient(45deg, var(--azul-mid), white, white);
    opacity: 60%;
}

#contactarme .inlays {
    position: absolute;
    z-index: 1;
}

#contactarme .contenido {
    position: absolute;
    z-index: 2;
    display: flex;
}

#contactarme .contenido .left,
#contactarme .contenido .right {
    width: 50%;
}

/* Formulario */

.contactForm {
    background-color: white;
    display: flex;
    flex-direction: column;
    box-shadow: -.5vw .5vw 1vw rgba(0, 0, 0, 0.6);
    padding: 3% 6%;
    border-radius: .4vw;
}

.contactForm .formWrap .formContacto {
    display: flex;
    flex-direction: column;
    align-items: end;
}

#contactarme .contenido .left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 4%;
}

#contactarme .contenido .left .foot {
    display: flex;
    justify-content: space-evenly;
}

#contactarme .contenido .left .foot .politica a,
#contactarme .contenido .left .foot .terminos a {
    color: black;
    font-family: var(--fuente-principal);
}

#contactarme .contenido .left .foot .politica a:hover,
#contactarme .contenido .left .foot .terminos a:hover {
    color: var(--azul-claro);
    text-shadow: 0 0 .02vw black;
}

.contactForm .formWrap .formContacto input,
.contactForm .formWrap .formContacto textarea,
.contactForm .formWrap .formContacto button {
    font-family: var(--fuente-principal);
    font-size: 1vw;
    margin: 2% 0;
    width: 100%;
}

.contactForm .formWrap .formContacto textarea {
    height: 20vh;
}

.contactForm .formWrap .formContacto button {
    width: 20%;
    background-color: var(--azul-mid);
    color: white;
    border: none;
    border-radius: .4vw;
    padding: 2% 0;
    cursor: pointer;
}

@media (max-width: 800px) {
    .contactForm .formWrap .formContacto input,
    .contactForm .formWrap .formContacto textarea,
    .contactForm .formWrap .formContacto button {
        font-size: 3.9vw;
    }
}

/* Right */

#contactarme .contenido .right {
    display: flex;
    flex-direction: column;
    align-items: end;
    font-family: var(--fuente-principal);
    padding-top: 2%;
    padding-right: 5%;
    line-height: 1;
}

#contactarme .contenido .right h2 {
    font-weight: 800;
    font-size: 4.4vw;
    color: var(--azul-claro);
}

#contactarme .contenido .right h3 {
    font-weight: 600;
    font-size: 2.4vw;
}

#contactarme .contenido .right p {
    font-weight: 400;
    font-size: 1.4vw;
    line-height: 1.3;
}

#contactarme .contenido .right .dir {
    display: grid;
    grid-template: 100% / 30% 70%;
    text-align: end;
    width: 100%;
    cursor: pointer;
}

#contactarme .contenido .right .dir:hover {
    color: orange;
}

#contactarme .contenido .right .icono {
    display: grid;
    justify-items: end;
    position: relative;
    left: 1.4vw;
}

#contactarme .contenido .right .icono img {
    width: 12%;
}

#contactarme .contenido .right .redes {
    width: 40%;
    display: flex;
    justify-content: space-between;
}

#contactarme .contenido .right .redes img {
    width: 22%;
    cursor: pointer;
}

#contactarme .contenido .right .redes img:hover {
    transform: scale(1.05);
    transition: all ease-in-out 100ms;
}

#contactarme .contenido .right h2,
#contactarme .contenido .right h3,
#contactarme .contenido .right .dir,
#contactarme .contenido .right h4,
#contactarme .contenido .right .redes {
    margin: 1.8% 0;
}

#contactarme .contenido .right h4 {
    font-weight: bold;
    font-size: 2vw;
    color: var(--azul-fuerte);
    margin-top: 6%;
}

@media (max-width: 800px) {
    #contactarme .contenido {
        position: absolute;
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }

    #contactarme .contenido .left,
    #contactarme .contenido .right {
        width: 100%;
    }

    #contactarme .contenido .right h2 {
        font-size: 7.9vw;
    }

    #contactarme .contenido .right h3 {
        font-size: 4.9vw;
    }

    #contactarme .contenido .right p {
        font-size: 3.9vw;
    }

    #contactarme .contenido .right .dir {
        grid-template: 100% / 10% 90%;
    }

    #contactarme .contenido .right .icono img {
        width: 60%;
    }
}

/* ============================

    Politicas de Privacidad

===============================*/

#politicasPriv {
    width: 75%;
    margin: 4% auto;
}

#politicasPriv h2,
#politicasPriv h3,
#politicasPriv p,
#politicasPriv ul li {
    font-family: 'arial';
}

#politicasPriv h2 {
    font-size: 2vw;
}

#politicasPriv h3 {
    font-size: 1.5vw;
}

#politicasPriv p,
#politicasPriv ul li {
    font-size: 1.2vw;
}

.listNumber {
    list-style: decimal;
    margin-left: 6%;
}

.listRoman {
    list-style: lower-roman;
    margin-left: 6%;
}

.textCenter {
    text-align: center;
}

@media (max-width: 800px) {
    #politicasPriv {
        width: 95%;
        margin: 4% auto;
    }

    #politicasPriv h2 {
        font-size: 6vw;
    }
    
    #politicasPriv h3 {
        font-size: 4.9vw;
    }
    
    #politicasPriv p,
    #politicasPriv ul li {
        font-size: 3.9vw;
    }   
}