:root {
    --deep-sky-blue: #00b7f3;
    --negro: #000;
}

.inicio {
    width: 100%;
    min-height: 100vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 5vh;
    display: flex;
}

.botonera {
    z-index: 999;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.botonera_wrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1444px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    height: 10vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo.positioncenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.botones-principales {
    width: 100%;
    height: 100px;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: center;
    align-items: center;
    padding-top: 3vh;
    padding-right: 2vw;
    display: none;
}

.frame-1 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.wff-menu {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.1em;
}

.wff-menu:hover {
    text-decoration: underline;
}

.lenguaje-y-redes {
    width: 80px;
    height: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: none;
}

.frame-13 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.text-2 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.scrolldown {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    font-family: Inter, sans-serif;
    display: flex;
}

.frame-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-3 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero {
    position: relative;
    width: 90%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 110px;
    display: block;
}

.elementos {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: none;
}

.personajes {
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 250px;
    display: flex;
}

.animacionsparky {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.frame-7 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.personajes2-1 {
    object-fit: cover;
}

.frame-8 {
    width: 100%;
    height: 44px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-4 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
}

.logo-2 {
    width: 100%;
    height: 270px;
    max-width: 250px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 100px;
    display: flex;
}

.frame-14 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.logo-grande {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4em;
    padding-bottom: 4em;
    display: block;
}

.imagenlogohome {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.imagenlogohome.oculto {
    opacity: 0;
    display: block;
}

.imagenlogohome.dos {
    width: 30vw;
    opacity: 0;
    flex: 0 auto;
    display: none;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.imagenlogohome.uno {
    width: auto;
    height: 100%;
    max-width: none;
    object-fit: contain;
    flex: 0 auto;
    display: block;
}

.frame-9 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-9.contscrolldown {
    z-index: 999;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #fff;
    justify-content: center;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0;
    right: auto;
}

.vectors-wrapper-3 {
    width: 28.2843px;
    height: 28.2843px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.scroll-down-to-continue-0 {
    color: var(--deep-sky-blue);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1em;
}

.scroll-down-to-continue-1 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1em;
}

.whatsthat {
    width: 100%;
    height: 800px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.whatsthat.oculto {
    display: none;
}

.logo-3 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-15 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.image-2 {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.image-2.imgtitulosite.oculto,
.image-2.imgtitulositees.oculto {
    display: none;
}

.frame-16 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-4 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-17 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-6 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-18 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-7 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-19 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-8 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-20 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-5 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-2 {
    z-index: 10;
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    ** padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: relative;
}

.instancia-video {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.frame-21 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-21.scrolloculto {
    display: none;
}

.text-9 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-6 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

._3 {
    width: 100%;
    height: 800px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

._3.oculto {
    display: none;
}

.logo-4 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-22 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-23 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-7 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-24 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-25 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-10 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-26 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-11 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-27 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-12 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-2 {
    width: 100%;
    height: 650px;
    min-height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_4.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 200px;
    display: flex;
}

.frame-28 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.frame-29 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-29.scrolloculto {
    display: none;
}

.text-13 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-8 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.whoarethewff {
    width: 100%;
    min-height: 100vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.logo-5 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-30 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-31 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-9 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-32 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-33 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-14 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-34 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-15 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-35 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-16 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.vectors-wrapper-10 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-3 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.instancia-video-4 {
    width: 100%;
    height: 140px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.botones {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 1vh 3vw;
    display: flex;
}

.text-17 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-37 {
    width: 100%;
    height: 98px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 100px;
    justify-content: center;
    align-items: flex-start;
    padding: 10px 50px;
    display: flex;
}

.text-18 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 64.09px;
}

.frame-38 {
    width: 100%;
    height: 416px;
    max-width: 728px;
    min-height: 416px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    padding: 8.81356px 44.0678px;
    display: flex;
}

.frame-39 {
    width: 112.814px;
    height: 112.814px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6.16949px solid #00b7f3;
    border-radius: 88.1356px;
    justify-content: center;
    align-items: center;
    padding-right: 9.69492px;
    display: flex;
}

.vectors-wrapper-11 {
    width: 71.2069px;
    height: 71.2069px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-40 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-40.scrolloculto {
    display: none;
}

.text-19 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-12 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

._5 {
    width: 100vw;
    height: 100vh;
    min-height: 800px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    background-image: url('../images/5.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

._5.popupvideo {
    display: none;
}

.botonera-2 {
    width: 100%;
    height: 100px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: .1;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
}

.logo-6 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-41 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-42 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-43 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-44 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-20 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-45 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-21 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-46 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-22 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-47 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-13 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-5 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 111px;
    padding-right: 111px;
    display: flex;
}

.instancia-video-6 {
    width: 100%;
    height: 70px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-48 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 0;
    background-color: #00b7f3;
    border-radius: 100px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    display: flex;
}

.frame-48.oculto {
    display: none;
}

.text-23 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-49 {
    width: 100%;
    height: 70px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-24 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.frame-50 {
    width: 105px;
    height: 70px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 100px;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-14 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-51 {
    width: 100%;
    height: 580px;
    max-width: 1015px;
    min-height: 580px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 8px solid #000;
    border-radius: 24.5763px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.frame-51.fullvideo {
    height: auto;
    min-height: auto;
}

.frame-52 {
    width: 157.288px;
    height: 157.288px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 8.6017px solid #00b7f3;
    border-radius: 122.881px;
    justify-content: center;
    align-items: center;
    padding-right: 13.517px;
    display: flex;
}

.frame-52.oculto {
    display: none;
}

.vectors-wrapper-15 {
    width: 99.2789px;
    height: 99.2789px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-53 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: .1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.text-25 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-16 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.persistent-organic-pollutants {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.botonera-3 {
    width: 100%;
    height: 100px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
}

.logo-7 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-54 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-55 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-17 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-56 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-26 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-57 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-27 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-58 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-28 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-59 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-18 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-7 {
    width: 100%;
    height: 570px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.persistentorganic {
    width: 100%;
    height: 170px;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.personaje-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.personajesanimados {
    width: 100%;
    height: 400px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.personaje-3 {
    width: 100%;
    max-width: 320px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-62 {
    width: 100%;
    height: 44px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-29 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 21px;
}

.text-30 {
    color: var(--deep-sky-blue);
    text-align: center;
    text-transform: uppercase;
    padding-top: 1vh;
    font-family: Inter, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2em;
}

.boton {
    width: 100%;
    height: 20vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4vh;
    padding-top: 4vh;
    padding-bottom: 4vh;
    display: none;
}

.frame-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 15px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 15px 40px;
    display: flex;
}

.text-31 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-63 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-63.scrolloculto {
    display: none;
}

.text-32 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-19 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.popstoxic {
    width: 100%;
    ** min-height: 120vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-8 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-64 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-65 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-20 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-66 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-33 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-67 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-34 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-68 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-35 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-69 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-21 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-8 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contenido-central {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
}

.instancia-video-9 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/POPS_TOXIC.png');
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-9.popstoxicback.popstoxicbackes {
    background-image: url('../images/TOXICOS.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.vectors-wrapper-22 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-10 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.thumbnail {
    **width: 100%;
    ** height: 650px;
    max-width: 320px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
}

.thumbnail-Caro {
    width: 100%;
    height: 650px;
    max-width: 320px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
}

.instancia-video-11 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-36 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-12 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-12.oculto {
    display: none;
}

.instancia-video-13 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-70 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 8px;
    display: flex;
}

.vectors-wrapper-23 {
    width: 56.8072px;
    height: 56.8072px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-14 {
    width: 100%;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
}

.instancia-video-14.oculto {
    display: none;
}

.text-37 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 27px;
}

.frame-71 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: none;
}

.text-38 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-24 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.pops-are-toxic-chemicals-0 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.pops-are-toxic-chemicals-1 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.foundeverywhere {
    width: 100%;
    ** min-height: 120vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-9 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-72 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-73 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-25 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-74 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-75 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-39 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-76 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-40 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-77 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-41 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-78 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-26 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-15 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-16 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.instancia-video-17 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-18 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-42 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-19 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-19.oculto {
    display: none;
}

.instancia-video-20 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-43 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
}

.frame-79 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: none;
}

.text-44 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-27 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.and-they-can-be-found-everywhere-0 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.and-they-can-be-found-everywhere-1 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.eveninsideyou {
    width: 100%;
    ** min-height: 120vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-10 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-80 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-81 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-28 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-82 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-83 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-45 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-84 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-46 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-85 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-47 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-86 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-29 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-21 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/food-bk.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    .instancia-video-21 {
        background-image: url('../images/food-bk-830.png');
    }
    .thumbnail-Caro{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .instancia-video-21 {
        background-image: url('../images/food-bk-640.png');
    }
    .thumbnail-Caro{
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .instancia-video-21 {
        background-image: url('../images/food-bk-415.png');
    }
    .thumbnail-Caro{
        display: none;
    }
}

.contenido-central-2 {
    width: 50%;
    height: auto;
    min-height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 80px;
    display: flex;
}

.contenido-central-3 {
    width: 140%;
    height: 100%;
    max-width: none;
    min-height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/globa.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
}

.even-inside-you {
    color: #fff;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 37px;
    display: flex;
}

.instancia-video-22 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-48 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-23 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-23.oculto {
    display: none;
}

.instancia-video-24 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-49 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
}

.frame-87 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-87.scrolloculto {
    display: none;
}

.text-50 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-30 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.theareourwff {
    width: 100%;
    height: 800px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.theareourwff.contdiezsecc {
    height: auto;
    ** min-height: 120vh;
    margin-top: 0;
    padding-top: 10vh;
}

.logo-11 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-88 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-89 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-31 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-90 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-91 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-51 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-92 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-52 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-93 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-53 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-94 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-32 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-25 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contenido-central-4 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
}

.instancia-video-26 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.instancia-video-27 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-28 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-54 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-29 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-29.oculto {
    display: none;
}

.instancia-video-30 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-55 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
}

.frame-95 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-95.scrolloculto {
    display: none;
}

.text-56 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-33 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.they-are-our-new-worstfriendsforever-and-their-family-is-growing-0 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.they-are-our-new-worstfriendsforever-and-their-family-is-growing-1 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.forever {
    width: 100%;
    min-height: 100vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-12 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-96 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-97 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-34 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-98 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-99 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-57 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-100 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-58 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-101 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-59 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-102 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-35 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-31 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contenido-central-5 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 10vh;
    padding-left: 0;
    display: flex;
}

.instancia-video-32 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    display: flex;
}

.vectors-wrapper-36 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-33 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10vh;
    display: flex;
}

.instancia-video-34 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-60 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-35 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-35.oculto {
    display: none;
}

.instancia-video-36 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-61 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
}

.frame-103 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-103.scrolloculto {
    display: none;
}

.text-62 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-37 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.they-will-stay-with-you-many-years-but-together-we-can-stop-them-0 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.they-will-stay-with-you-many-years-but-together-we-can-stop-them-1 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.tierra {
    width: 100%;
    ** min-height: 120vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-13 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-104 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-105 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-38 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-106 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-107 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-63 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-108 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-64 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-109 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-65 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-110 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-39 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-37 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contenido-central-6 {
    width: 100%;
    height: 650px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
}

.instancia-video-38 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.instancia-video-39 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-40 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    display: flex;
}

.text-66 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.instancia-video-41 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_5.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
}

.instancia-video-41.oculto {
    display: none;
}

.instancia-video-42 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-67 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
}

.frame-111 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-111.scrolloculto {
    display: none;
}

.text-68 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-40 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.we-spent-20-years-monitoring-pops-our-eternal-toxic-waste-in-42-countries-0 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.we-spent-20-years-monitoring-pops-our-eternal-toxic-waste-in-42-countries-1 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.popsaround {
    z-index: 1;
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.logo-14 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-112 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-113 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-41 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-114 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-115 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-69 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-116 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-70 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-117 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-71 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-118 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-42 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-43 {
    width: 100%;
    height: auto;
    /* height: 80vh; */
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-43.nuevalign {
    justify-content: center;
    display: block;
}

.instancia-video-44 {
    width: 100%;
    height: 100%;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-43 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-45 {
    width: 100%;
    height: 180px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}

.frame-119 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-119.scrolloculto {
    display: none;
}

.text-72 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-44 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.find-the-pops-around-you-and-learn-how-to-stop-them-0 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.find-the-pops-around-you-and-learn-how-to-stop-them-1 {
    color: var(--deep-sky-blue);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 40px;
}

.episodes {
    padding-top: 10vh;
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.logo-15 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-120 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-121 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-45 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-122 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-123 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-73 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-124 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-74 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-125 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-75 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-126 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-46 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-3 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
}

.instancia-video-46 {
    width: 100%;
    height: 1170px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.instancia-video-47 {
    width: 100%;
    height: 100px;
    max-width: 600px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-76 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 1.2em;
}

.frame-127 {
    width: 100%;
    height: 100%;
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px;
    display: flex;
}

.grilla-1 {
    width: 100%;
    height: 190px;
    max-width: 1240px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.thumbnail-2 {
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.thumbnail-2.biggerbtn {
    max-width: 728px;
}

.instancia-video-48 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-48.contreproductorvideo {
    background-image: none;
    position: relative;
    overflow: hidden;
}

.instancia-video-48.contreproductorvideo.bigger {
    height: 416px;
    max-width: 100%;
    min-height: 416px;
    display: flex;
}

.instancia-video-49 {
    width: 90px;
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 6px solid #00b7f3;
    border-radius: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
    position: relative;
}

.text-77 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 48px;
    transition: color .2s;
}

.instancia-video-50 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-51 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_5.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-52 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-53 {
    width: 100%;
    height: 183.6px;
    max-width: 320px;
    min-height: 183.6px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Instancia-video_3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-128 {
    width: 100%;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5px;
    display: flex;
}

.frame-128.scrolloculto {
    display: none;
}

.text-78 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vectors-wrapper-47 {
    width: 14.1421px;
    height: 14.1421px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.links {
    width: 100%;
    min-height: 100vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10em;
    display: flex;
    position: relative;
}

.logo-16 {
    width: 100%;
    height: 100px;
    max-width: 380px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-129 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-130 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-48 {
    height: 127.578px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-131 {
    height: 90px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-132 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
}

.text-79 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-133 {
    height: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

.text-80 {
    color: #00b7f3;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.frame-134 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-81 {
    color: #000;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-135 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    display: flex;
}

.vectors-wrapper-49 {
    width: 11px;
    height: 7.875px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instancia-video-54 {
    width: 100%;
    height: 700px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.personaje-4 {
    width: 100%;
    height: 15vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
}

.follow-the-links-to-learn-all-you-need-to-know-about-the-wff-and-how-to-stop-them {
    color: #6d2626;
}

.frame-136 {
    width: 100%;
    height: 580px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.personaje-5 {
    width: 100%;
    max-width: 320px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.frame-137 {
    width: 100%;
    height: 35vh;
    max-width: 320px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-138 {
    width: 100%;
    height: 5vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-82 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 700;
}

.frame-139 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 15px;
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    padding-top: 20px;
    font-size: 1.2rem;
    line-height: 1.2em;
    display: flex;
}

.btns-fom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 15px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 1.5vh 2vw;
    display: flex;
}

.text-83 {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.1em;
}

.frame-141 {
    width: 100%;
    height: 290px;
    max-width: 320px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-142 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00b7f3;
    border-radius: 15px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    padding: 15px 40px;
    font-size: 1.2rem;
    line-height: 1.2em;
    display: flex;
}

.follow-the-links-to-learn-all-you-need-to-know-about-the-wff-and-how-to-stop-them-0 {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.follow-the-links-to-learn-all-you-need-to-know-about-the-wff-and-how-to-stop-them-1 {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.footer {
    width: 100%;
    min-height: 50vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #00a2eb;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    position: relative;
}

._1-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._2-2 {
    width: 100%;
    height: 272px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 50px;
    display: flex;
}

._5-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-84 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.text-85 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: NaNundefined;
    font-weight: 700;
}

.frame-143 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

._6-2 {
    width: 173.333px;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-86 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
}

._3-2 {
    width: 100%;
    height: 94px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-144 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._4-2 {
    width: 100%;
    height: 94px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-145 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-87 {
    opacity: .5;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
}

.vectors-wrapper-50 {
    width: 0;
    height: 11.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

._2-3 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

._5-3 {
    width: 100%;
    height: 322px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 60px;
    display: flex;
}

._3-3 {
    width: 100%;
    height: 65px;
    max-width: 386px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 2px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-88 {
    color: #fff;
    text-align: center;
    letter-spacing: .2em;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
}

._4-3 {
    width: 100%;
    height: 53px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-51 {
    width: 16.5523px;
    height: 16.5523px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-52 {
    width: 16.0006px;
    height: 16.0006px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-53 {
    width: 18.7593px;
    height: 18.7593px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-54 {
    width: 19.712px;
    height: 15.9691px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.stop-them-1 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.frame-146 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-89 {
    opacity: .5;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
}

.vectors-wrapper-55 {
    width: 19.712px;
    height: 15.9691px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-56 {
    width: 0;
    height: 11.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

._2-4 {
    width: 100%;
    height: 272px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 50px;
    display: flex;
}

._4-4 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-90 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: NaNundefined;
    font-weight: 700;
}

.vectors-wrapper-57 {
    width: 18.7593px;
    height: 18.7593px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-58 {
    width: 16.5523px;
    height: 16.5523px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

._3-4 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-147 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._5-4 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-148 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

._6-3 {
    width: 173.333px;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._4-5 {
    width: 100%;
    height: 53px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.text-91 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
}

._3-5 {
    width: 100%;
    height: 65px;
    max-width: 386px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 2px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-59 {
    width: 16.0006px;
    height: 16.0006px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-92 {
    color: #fff;
    text-align: center;
    letter-spacing: .2em;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
}

.text-93 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.frame-149 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-94 {
    opacity: .5;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
}

.vectors-wrapper-60 {
    width: 19.712px;
    height: 15.9691px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-61 {
    width: 0;
    height: 11.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

._2-5 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 50px;
    display: flex;
}

.text-95 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: NaNundefined;
    font-weight: 700;
}

.vectors-wrapper-62 {
    width: 18.7593px;
    height: 18.7593px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-63 {
    width: 16.5523px;
    height: 16.5523px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-150 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._5-5 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-151 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
}

._6-4 {
    width: 173.333px;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

._4-6 {
    width: 100%;
    height: 53px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.text-96 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
}

._3-6 {
    width: 100%;
    height: 65px;
    max-width: 386px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 2px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-64 {
    width: 16.0006px;
    height: 16.0006px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-97 {
    color: #fff;
    text-align: center;
    letter-spacing: .2em;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
}

.text-98 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.link-block {
    width: 100%;
    max-width: 728px;
}

.link-block.oculto {
    display: none;
}

.imagen-estatica {
    background-image: url('../images/Instancia-video_3.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .2s;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.contiframe {
    width: 100%;
    height: 100%;
}

.contvideoiframe {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.contvideoiframe.fullvideo {
    width: 100%;
    position: static;
}

.popupgaleriavideo {
    z-index: 2147483647;
    width: 100%;
    height: 100%;
    opacity: 0;
    justify-content: center;
    align-items: center;
    transition: all .8s;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(0);
}

.popupgaleriavideo.mostrarvideo {
    opacity: 1;
    display: flex;
    transform: scale(.1)translate(-50%, -80%);
}

.popupgaleriavideo.mostrarvideo.fullscreen {
    transform: none;
}

.fondotransparente {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    top: 0;
    left: 0;
}

.lottie-animation {
    width: 100%;
    flex: 1;
}

.lottie-animation-2 {
    width: 600px;
    height: 600px;
}

.image-3 {
    width: 50%;
}

.image-3.imgforever {
    height: auto;
    object-fit: contain;
}

.image-3.imgforever.oculto {
    display: none;
}

.image-3.imgforeveres.oculto {
    height: auto;
    object-fit: contain;
    display: none;
}

.image-4 {
    width: 50%;
}

.image-4.imgmanyyears {
    height: auto;
    object-fit: contain;
}

.image-4.imgmanyyears.oculto {
    display: none;
}

.image-4.imgmanyyearses.oculto {
    height: auto;
    object-fit: contain;
    display: none;
}

.frame-7-copy {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.animacionpestie {
    align-self: center;
}

.animacionsticky {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.lottie-animation-3 {
    width: 900px;
}

.abtnmenusite {
    text-decoration: none;
}

.abtnmenusite:hover {
    font-size: 16px;
}

.contdivanimacionwhats {
    width: 100%;
    padding-bottom: 5vh;
}

.tipitoonscroll {
    height: 100vh;
}

.img {
    width: auto;
    height: 100%;
}

.img.imagenlogohome {
    width: 100%;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: auto;
    display: block;
}

.link-block-2 {
    width: 100%;
    max-width: 386px;
    text-decoration: none;
}

.link-block-3,
.link-block-4,
.link-block-5 {
    text-decoration: none;
    position: relative;
}

.link-block-6 {
    text-decoration: none;
}

.link-block-7 {
    width: 100%;
    margin-bottom: .5em;
    text-decoration: none;
}

.link-block-8 {
    font-size: 1.2rem;
}

.link-block-9,
.link-block-10,
.link-block-11,
.link-block-12,
.link-block-13,
.link-block-14,
.link-block-15 {
    text-decoration: none;
}

.seccionwhatsthat {
    width: 100%;
}

.nube_uno {
    z-index: -1;
    width: 25vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.img_nube_dos {
    width: 10vw;
    position: absolute;
    top: 0;
    left: 0;
}

.image-5 {
    z-index: -1;
    width: 18vw;
    position: absolute;
    top: 0;
    right: 0;
}

.link-block-16,
.link-block-17,
.link-block-18 {
    text-decoration: none;
}

.sparkyname,
.stickyname,
.pestiename {
    color: #00b7f3;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
}

.sparkymenu-copy {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.pestie {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.sparky {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 0;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.sticky {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.lottie-animation-4 {
    background-color: rgba(0, 0, 0, 0);
}

.whoarethewfftext {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 64.09px;
}

.abtnopenvideocta,
.abtnopenvideoclose {
    text-decoration: none;
}

.paragraph {
    color: #000;
    margin-bottom: auto;
    padding-top: 10vh;
    padding-left: 2vw;
    padding-right: 2vw;
    font-family: Inter, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3em;
}

.paragraph.pops {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10vh;
    padding-left: 4vw;
    display: block;
}

.paragraph.eveninside {
    padding-top: 10vh;
    padding-bottom: 5vh;
}

.paragraph.home {
    padding-top: 0;
    overflow: hidden;
}

.paragraph.home.otrocolor {
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border: 2px solid #000;
    border-radius: 18px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 1.2rem;
}

.paragraph.newtexto {
    margin-bottom: auto;
    padding: 0 0 .5em;
    font-size: 1rem;
}

.div-block {
    width: 100%;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-left: 4vw;
    padding-right: 2vw;
    display: flex;
}

.bloquedetexto {
    ** padding-top: 2vh;
    ** padding-bottom: 2vh;
}

.titulos {
    font-family: Inter, sans-serif;
    font-size: 2.5rem;
    line-height: 1.5em;
}

.subtitulos {
    color: #000;
    text-align: center;
    text-transform: none;
    font-family: Inter, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1em;
}

.subtitulos.subrayado {
    color: var(--deep-sky-blue);
}

.subtitulos.subrayado.home {
    padding-bottom: 2vh;
}

.subtitulos.blanco {
    color: #fff;
    padding-bottom: 2vh;
    font-size: 1.5rem;
}

.subtitulos.episodios {
    font-size: 1.2rem;
    line-height: 1em;
}

.subtitulos.reveal {
    text-transform: uppercase;
    line-height: 1.2em;
}

.subtitulos.newsubtitle {
    text-align: left;
    padding-bottom: .25em;
}

.div-block-2 {
    padding-top: 0;
}

.bloquehome {
    margin-top: -2vh;
    padding-top: 0;
}

.imagenhome {
    width: 100%;
    height: auto;
    object-fit: contain;
    padding-top: 2vh;
}

.modal_sparky {
    width: 25vw;
    height: 25vh;
    outline-color: var(--deep-sky-blue);
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-color: #fff;
    border-radius: 9px;
    outline-width: .2rem;
    outline-style: solid;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    margin-right: 0;
    padding: 2vh 2vw;
    display: none;
}

.text-block {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 1.1rem;
    line-height: 1.2em;
}

.div-block-3 {
    display: flex;
}

.modal_sticky {
    width: 25vw;
    height: 35vh;
    outline-color: var(--deep-sky-blue);
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-color: #fff;
    border-radius: 9px;
    outline-width: .2rem;
    outline-style: solid;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    margin-right: 0;
    padding: 2vh 2vw;
    display: none;
}

.modal_pestie {
    width: 25vw;
    height: 30vh;
    outline-color: var(--deep-sky-blue);
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-color: #fff;
    border-radius: 9px;
    outline-width: .2rem;
    outline-style: solid;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    margin-right: 0;
    padding: 2vh 2vw;
    display: none;
}

.text-span,
.text-span-2,
.text-span-3 {
    color: var(--deep-sky-blue);
}

.contcreditos_20_02 {
    color: var(--deep-sky-blue);
    padding: 1em;
}

.contcreditos_20_02.oculto {
    display: none;
}

.text-block-9 {
    color: #e0e0e0;
    font-size: 1rem;
}

.text-block-9.hoopla {
    color: #000;
    padding-top: 1vh;
    font-family: Inter, sans-serif;
    font-size: .8rem;
    line-height: 1em;
}

.newlink_20_02 {
    color: var(--deep-sky-blue);
}

.conttextonuevocolumnas {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-top: 4em;
    padding-bottom: 10vh;
    display: flex;
}

.contenedorvista {
    width: 100%;
    max-width: 1440px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
}

.contitem {
    width: 49%;
    padding-bottom: 2em;
}

.italic-text,
.italic-text-2 {
    display: block;
}

.image-6,
.image-7 {
    height: 100%;
}

.abtnlogo {
    height: 100%;
    display: block;
}

.abtnlogo.marginright {
    margin-right: 5vw;
}

.abtnlogo.marginright.logosmaschicos {
    margin-left: 20px;
    margin-right: 0;
}

.abtnlogo.logosmaschicos {
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.imglogo {
    height: 100%;
    max-width: none;
    object-fit: contain;
}

.contmenuopen {
    background-color: #000;
}

.ths12-menu-icon-bars-wrapper {
    width: 50px;
    height: 50px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.ths12-menu-icon-bar {
    z-index: 5;
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;
}

.ths12-menu-icon-bg-hover-circle {
    width: 100px;
    height: 100px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%;
    position: absolute;
}

.ths12-menu-close-icon {
    width: 50px;
    height: 50px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 40px;
    bottom: auto;
    left: auto;
    right: 50px;
}

.ths12-menu-link-hover-line {
    width: 100%;
    height: 4px;
    background-image: linear-gradient(135deg, #ed4264, #cab374);
    position: absolute;
    top: 70px;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.ths12-menu-links-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.ths12-menu-link {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed4264, #cab374);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 120px;
    line-height: 120px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.ths12-menu-close-icon-bar-wrapper {
    width: 30px;
}

.ths12-menu-close-icon-bar-wrapper.one {
    transform: rotate(45deg);
}

.ths12-menu-close-icon-bar-wrapper.two {
    position: absolute;
    transform: rotate(135deg);
}

.ths12-menu-close-icon-bar {
    width: 100%;
    height: 2px;
    background-color: #222;
}

.ths12-menu {
    z-index: 9;
    height: 100vh;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -100%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.divcontmenu {
    z-index: 9999;
    height: 92vh;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    position: fixed;
    top: 70px;
    bottom: 0;
    right: 0;
    box-shadow: inset -1px 0 5px rgba(0, 0, 0, .2);
}

.divcontmenu.sinancho {
    width: 0;
    display: none;
}

.abtnmunulink {
    opacity: 0;
    color: var(--deep-sky-blue);
    padding-top: .5em;
    padding-bottom: .5em;
    font-family: Inter, sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1em;
    text-decoration: none;
}

.ptextomenu {
    margin-bottom: 0;
}

.image-8 {
    object-fit: contain;
}

@media screen and (max-width: 991px) {
    .inicio {
        height: auto;
        min-height: auto;
        padding-top: 15vh;
    }

    .logo {
        position: static;
        top: 0;
        left: 0;
    }

    .botones-principales {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-end;
        padding-right: 0;
    }

    .frame-1 {
        height: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .lenguaje-y-redes {
        display: none;
    }

    .hero {
        padding-top: 2vh;
        padding-left: 25px;
        padding-right: 25px;
    }

    .personajes {
        width: 80%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: flex-end;
        padding-left: 0;
    }

    .personajes2-1 {
        width: 100%;
    }

    .logo-2 {
        padding-right: 0;
    }

    .imagenlogohome.dos {
        width: 90vw;
    }

    .image-2 {
        object-fit: contain;
    }

    .hero-2 {
        height: auto;
        padding-left: 25px;
        padding-right: 25px;
    }

    .whoarethewff {
        height: auto;
        min-height: auto;
    }

    .persistent-organic-pollutants,
    .instancia-video-7 {
        height: auto;
    }

    .personajesanimados {
        height: auto;
        flex-direction: column;
        align-items: center;
    }

    .popstoxic {
        height: auto;
    }

    .instancia-video-8 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central {
        height: auto;
        padding-left: 0;
    }

    .instancia-video-9 {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 64%;
        background-attachment: scroll;
    }

    .instancia-video-10 {
        height: auto;
    }

    .thumbnail {
        height: auto;
        padding-top: 2em;
    }

    .foundeverywhere {
        height: auto;
    }

    .instancia-video-15 {
        height: auto;
        flex-direction: column;
    }

    .eveninsideyou {
        height: auto;
    }

    .instancia-video-21 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-2 {
        padding-top: 1em;
    }

    .contenido-central-3 {
        width: 70%;
        height: 240px;
        background-size: auto;
    }

    .theareourwff.contdiezsecc {
        height: auto;
    }

    .instancia-video-25 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-4 {
        height: auto;
        padding-left: 0;
    }

    .instancia-video-27,
    .forever {
        height: auto;
    }

    .instancia-video-31 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-5 {
        height: auto;
        padding-top: 0;
        padding-left: 0;
    }

    .instancia-video-32 {
        padding-top: 0;
    }

    .instancia-video-33 {
        height: auto;
        padding-top: 2em;
    }

    .tierra {
        height: auto;
    }

    .instancia-video-37 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-6 {
        height: auto;
        padding-left: 0;
    }

    .popsaround {
        height: auto;
    }

    .instancia-video-43 {
        height: auto;
        flex-direction: column;
    }

    .instancia-video-44 {
        height: auto;
    }

    .episodes {
        height: auto;
        min-height: auto;
    }

    .hero-3 {
        height: auto;
        padding-left: 25px;
        padding-right: 25px;
    }

    .instancia-video-46 {
        height: auto;
    }

    .frame-127 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-top: 0;
        padding-bottom: 5em;
    }

    .grilla-1 {
        height: auto;
        flex-direction: column;
    }

    .links {
        height: auto;
        min-height: auto;
    }

    .instancia-video-54,
    .personaje-4 {
        height: auto;
    }

    .frame-136 {
        height: auto;
        flex-direction: column;
        align-items: center;
        padding-bottom: 4em;
    }

    .footer {
        height: auto;
        padding-left: 25px;
        padding-right: 25px;
    }

    .lottie-animation-2 {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .lottie-animation-3 {
        width: 100%;
        object-fit: contain;
        display: block;
    }

    .paragraph,
    .paragraph.pops,
    .paragraph.eveninside {
        padding-top: 2em;
    }

    .subtitulos.blanco {
        padding-bottom: .5em;
        font-size: 2rem;
    }

    .subtitulos.reveal {
        padding-bottom: 1vh;
    }

    .text-block-9 {
        padding-right: 1vw;
        font-size: .8rem;
    }

    .text-block-9.hoopla {
        flex-direction: row;
        margin-top: 1vh;
        display: block;
    }

    .contitem {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .text-block-9 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        margin-left: 2vw;
        padding-right: 0;
        font-size: 1rem;
        display: block;
    }

    .text-block-9.hoopla {
        margin-left: 0;
        padding-top: 1.3vh;
        padding-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .inicio {
        height: auto;
        min-height: auto;
    }

    .logo {
        height: 4vh;
    }

    .botones-principales {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-right: 0;
    }

    .frame-1 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .wff-menu {
        font-size: .9rem;
    }

    .hero {
        padding-left: 10px;
        padding-right: 10px;
    }

    .elementos {
        flex-direction: column;
    }

    .personajes {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .animacionsparky {
        width: 100px;
    }

    .personajes2-1 {
        object-fit: contain;
    }

    .logo-2 {
        height: auto;
    }

    .image-2 {
        width: 100%;
    }

    .hero-2 {
        height: auto;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .whoarethewff {
        height: auto;
        min-height: auto;
    }

    .instancia-video-3 {
        height: auto;
    }

    .frame-37 {
        padding-left: 0;
        padding-right: 0;
    }

    .text-18 {
        font-size: 28px;
    }

    .persistent-organic-pollutants,
    .instancia-video-7,
    .persistentorganic {
        height: auto;
    }

    .personajesanimados {
        height: auto;
        flex-direction: column;
    }

    .popstoxic {
        height: auto;
    }

    .instancia-video-8 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central {
        height: auto;
    }

    .instancia-video-9 {
        display: flex;
    }

    .thumbnail,
    .foundeverywhere {
        height: auto;
    }

    .instancia-video-15 {
        height: auto;
        flex-direction: column;
    }

    .instancia-video-16,
    .eveninsideyou {
        height: auto;
    }

    .instancia-video-21 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-2 {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .contenido-central-3 {
        width: 100%;
        height: 25vh;
        max-width: 100vw;
        min-height: auto;
        background-size: cover;
    }

    .even-inside-you {
        width: 100%;
    }

    .theareourwff {
        height: auto;
    }

    .instancia-video-25 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-4 {
        height: auto;
    }

    .instancia-video-26 {
        width: 90%;
        height: auto;
    }

    .instancia-video-27 {
        height: auto;
    }

    .they-are-our-new-worstfriendsforever-and-their-family-is-growing-1 {
        font-size: 24px;
    }

    .forever {
        height: auto;
    }

    .instancia-video-31 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-5,
    .tierra {
        height: auto;
    }

    .instancia-video-37 {
        height: auto;
        flex-direction: column;
    }

    .contenido-central-6,
    .popsaround {
        height: auto;
    }

    .instancia-video-43 {
        height: auto;
        flex-direction: column;
    }

    .find-the-pops-around-you-and-learn-how-to-stop-them {
        text-align: center;
    }

    .episodes {
        height: auto;
        min-height: auto;
    }

    .hero-3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .instancia-video-46,
    .instancia-video-47 {
        height: auto;
    }

    .frame-127 {
        height: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-top: 5vh;
    }

    .grilla-1 {
        height: auto;
        flex-direction: column;
    }

    .instancia-video-48.contreproductorvideo.bigger {
        height: 250px;
        min-height: 250px;
    }

    .links {
        height: auto;
        min-height: auto;
    }

    .instancia-video-54 {
        height: auto;
        padding-top: 5vh;
    }

    .personaje-4 {
        height: auto;
    }

    .frame-136 {
        height: auto;
        flex-direction: column;
    }

    .footer {
        height: auto;
        flex-direction: column;
        padding-bottom: 5vh;
        padding-left: 10px;
        padding-right: 10px;
    }

    ._1-2,
    ._2-3,
    ._5-3 {
        height: auto;
    }

    ._4-4 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    ._2-5 {
        height: auto;
        justify-content: space-between;
        align-items: flex-start;
    }

    ._5-5 {
        width: auto;
    }

    .frame-151 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
    }

    ._6-4 {
        width: auto;
        height: auto;
    }

    ._4-6,
    ._3-6 {
        height: auto;
    }

    .text-97 {
        line-height: 20px;
    }

    .lottie-animation-2 {
        height: auto;
        object-fit: contain;
    }

    .animacionsticky {
        width: 100px;
    }

    .lottie-animation-3 {
        width: 100%;
        flex: 1;
    }

    .tipitoonscroll {
        height: auto;
    }

    .sparkymenu-copy,
    .pestie,
    .sparky,
    .sticky {
        width: 100px;
    }

    .whoarethewfftext {
        font-size: 28px;
    }

    .paragraph {
        font-size: 1.2rem;
    }

    .bloquedetexto {
        width: 90%;
        text-align: left;
        overflow-wrap: break-word;
        margin-left: auto;
        margin-right: auto;
    }

    .subtitulos {
        font-size: 2rem;
    }

    .subtitulos.blanco {
        font-size: 1.6rem;
    }

    .subtitulos.episodios {
        font-size: 1.3rem;
    }

    .subtitulos.newsubtitle {
        text-align: center;
    }

    .contcreditos_20_02 {
        flex-direction: row;
        align-self: flex-start;
        align-items: flex-start;
        padding-top: 1vh;
        padding-left: 2vw;
        display: none;
    }

    .text-block-9 {
        color: #e0e0e0;
        margin-left: 2vw;
        margin-right: 2vw;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: .8rem;
        display: block;
    }

    .text-block-9.hoopla {
        margin-top: 0;
        padding-top: 0;
        padding-left: 2vw;
        display: block;
    }

    .contitem {
        text-align: center;
    }
}


@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.caro {
    color: #00b7f3;
}

.publishing_info{
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.3);
}

.publishing_info span.publishing_info_latest_update{
    margin-left: 0.5rem;
}
.publishing_info span.publishing_info_latest_update:before {
    content: "|";
    margin-right: 0.5rem;
}