* {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
    height: 100%;
}

#fondo,
#menu {
    display: grid;
}

@font-face {
    font-family: 'W95FA';
    src: url('./assets/fonts/W95FARegular.eot');
    /* IE9 Compat Modes */
    src: url('./assets/fonts/W95FARegular.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('./assets/fonts/w95fa.woff2') format('woff2'), /* Super Modern Browsers */
    url('./assets/fonts/w95fa.woff') format('woff'), /* Pretty Modern Browsers */
    url('./assets/fonts/W95FA.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./assets/fonts/W95FA.svg') format('svg');
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.intro {
    width: 100%;
    background-color: rgb(0, 0, 0);
    min-height: 1080px;
    position: relative;
}

.sello-intro {
    margin-top: 3%;
    margin-right: 4%;
    width: 20%;
    float: right;
    right: 20%;
    display: none;
}

#intro1,
#intro2,
#intro3,
#intro4,
#intro5,
#intro6,
#intro7,
#intro8,
#intro9,
#intro10,
#intro11,
#intro12,
#intro13,
#intro14,
#intro14-mobile,
#intro15 {
    color: rgb(255, 255, 255);
    font-family: 'W95FA', monospace;
    font-size: 205%;
    margin-left: 3.5%;
    height: 5vh;
}

#intro2,
#intro5,
#intro7,
#intro9,
#intro11 {
    display: none;
}

#intro1 {
    padding-top: 4%;
}

.intro-texto14-mobile {
    display: none;
}

#intro15 {
    color: rgb(255, 255, 255);
    font-family: 'W95FA', monospace;
    font-size: 205%;
    margin-left: 3.5%;
    font-size: 811%;
}
/* .intro-lista li {
    margin-top: 29px;
} */

.container {
    width: 100%;
    background-color: rgb(25, 44, 167);
    min-height: 1080px;
}

.fondo-box {
    position: relative;
}

.perra {
    display: block;
    margin: 0 auto;
    padding-top: 7%;
    padding-right: 18%;
}

.pezon1 {
    position: absolute;
    top: 66%;
    left: 55.1%;
    animation: pezonani1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pezon2 {
    position: absolute;
    top: 72.4%;
    left: 59.2%;
    animation: pezonani2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pezon3 {
    position: absolute;
    top: 68.2%;
    left: 51.4%;
    animation: pezonani3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pezon4 {
    position: absolute;
    top: 77%;
    left: 55.4%;
    animation: pezonani4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pezon5 {
    position: absolute;
    top: 71.6%;
    left: 47.5%;
    animation: pezonani5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pezon6 {
    position: absolute;
    top: 80%;
    left: 50.6%;
    animation: pezonani6;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.menu-icon {
    margin-top: -1.6%;
    margin-left: -8.7%;
    width: 0.8%;
}

.menu-icon:hover {
    width: 1.3%;
    transition: ease-in-out 0.3s;
}

.menu-titles {
    position: absolute;
    left: 69.9%;
    top: 291px;
}

.menu-titles h1 {
    display: none;
    color: white;
    font-family: 'W95FA', monospace;
    font-size: 190%;
}

.art-icons {
    position: relative;
}

.pieza3-icon {
    position: absolute;
    left: 53.2%;
    top: -52.3px;
    height: 85px;
}

.pieza4-icon {
    position: absolute;
    left: 60.5%;
    top: 108.9px;
    height: 85px;
}

.pieza5-icon {
    position: absolute;
    left: 64.7%;
    top: -75px;
    height: 85px;
}

.pieza6-icon {
    position: absolute;
    left: 72.3%;
    top: 50px;
    height: 85px;
}

.pieza7-icon {
    position: absolute;
    left: 70.8%;
    top: -189.9px;
    height: 65px;
}

.header {
    background-color: rgb(46, 226, 43);
    padding: 1%;
    min-height: 30px;
}

.popTitle {
    color: rgb(0, 0, 0);
    margin-left: 1.5%;
    font-family: 'W95FA', monospace;
}

.close-button {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 2%;
    height: 25px;
    margin: 0%;
    padding: 0.4%;
    text-align: center;
    text-decoration: none;
    font-family: monospace;
    font-size: 20.4px;
    float: right;
    margin-top: -2.5%;
}

.popUp {
    position: absolute;
    left: 12%;
    top: 5%;
    background: rgb(0, 0, 0);
    width: 77%;
}

#pezon1-popUp {
    display: none;
}

#pezon2-popUp {
    display: none;
}

#pezon3-popUp {
    display: none;
}

#pezon4-popUp {
    display: none;
}

#pezon5-popUp {
    display: none;
}

#pezon6-popUp {
    display: none;
}

.content-manifesto {
    border: 3px solid grey;
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.manifesto-sello {
    float: right;
    margin-right: 5%;
    margin-top: 5%;
    width: 340px;
}

.texto-manifesto {
    display: block;
}

.manifesto-title {
    color: rgb(255, 255, 255);
    margin-left: 5%;
    margin-top: 5%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-subtitle {
    color: rgb(255, 255, 255);
    margin-left: 5%;
    margin-top: 3%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-habitar {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 2%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-montar {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 2%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-desmontar {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 2%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-p1 {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 3%;
    margin-right: 28%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-p2 {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 3%;
    margin-right: 6%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-p3 {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 3%;
    margin-right: 6%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-p4 {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 3%;
    margin-right: 6%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
}

.manifesto-p5 {
    color: rgb(255, 255, 255);
    margin-left: 18.4%;
    margin-top: 3%;
    margin-right: 5%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
    margin-bottom: 5%;
}

.content-la-nuestra {
    border: 3px solid grey;
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    display: flex;
    position: relative;
    max-height: 800px;
}

.texto-la-nuestra {
    display: block;
    width: 73%;
    height: 688px;
    overflow: hidden;
}

.parrafo-lanuestra {
    height: 464px;
    overflow: auto;
}

.la-nuestra-title {
    margin-top: 14%;
    margin-bottom: 2%;
    margin-left: 11.8%;
    color: rgb(255, 255, 255);
    font-family: 'W95FA', monospace;
    font-size: 520%;
}

.la-nuestra-texto,
.la-nuestra-texto1,
.la-nuestra-texto2,
.la-nuestra-texto3,
.la-nuestra-texto4 {
    color: rgb(255, 255, 255);
    margin-top: 4%;
    top: 44%;
    margin-right: 17%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 165%;
    text-align: center;
}

.llamada {
    width: 27%;
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 8%;
    display: block;
    margin-bottom: 8%;
    /* float: left; */
}

.content-proceso {
    border: 3px solid grey;
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.left-button {
    background-color: rgb(120 120 121);
    color: rgb(255 255 255);
    width: 3%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 29px;
    float: left;
    margin-left: 6%;
    margin-top: 26.5%;
}

.right-button {
    background-color: rgb(120 120 121);
    color: rgb(255 255 255);
    width: 3%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 29px;
    float: right;
    margin-right: 6%;
    margin-top: 26.5%;
}

.slide-1 {
    width: 54%;
    padding: 11%;
    display: block;
    margin: 0 auto;
}

.slide-2 {
    width: 64%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-3 {
    width: 44%;
    padding: 5%;
    display: block;
    margin-top: 100%;
    margin: 0% auto;
}

.slide-4 {
    width: 59%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-5 {
    width: 70%;
    padding: 5%;
    display: block;
    margin: 2% auto;
}

.slide-6 {
    width: 34%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-7 {
    width: 34%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-8 {
    width: 44%;
    padding: 5%;
    display: block;
    margin-top: 100%;
    margin: 0% auto;
}

.slide-9 {
    width: 68%;
    padding: 5%;
    display: block;
    margin: 3% auto;
}

.slide-10 {
    width: 25%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-11 {
    width: 33%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-12 {
    width: 25%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-13 {
    width: 65%;
    padding: 5%;
    display: block;
    margin-top: 100%;
    margin: 3% auto;
}

.slide-14 {
    width: 33%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-15 {
    width: 59%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-16 {
    width: 59%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-17 {
    width: 71%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.slide-18 {
    width: 69%;
    padding: 5%;
    display: block;
    margin-top: 100%;
    margin: 2% auto;
}

.slide-19 {
    width: 68%;
    padding: 5%;
    display: block;
    margin: 0% auto;
}

.slide-20 {
    width: 44%;
    padding: 5%;
    display: block;
    margin: 0 auto;
}

.show-slide {
    display: block;
}

.content-creditos {
    border: 3px solid grey;
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.texto-popUp4 {
    display: block;
    overflow: auto;
    max-height: 800px;
}

.perra-creditos {
    float: right;
    margin-top: 6%;
    margin-right: 13%;
    width: 17%;
}

.mini-icon1 {
    float: left;
    width: 36px;
    margin-left: 11.8%;
    margin-top: 15.4%;
}

.mini-icon2 {
    float: left;
    width: 31px;
    margin-top: 18.6%;
    margin-left: -2.1%;
}

.mini-icon3 {
    float: left;
    width: 40.5px;
    margin-top: 22.9%;
    margin-left: -2.6%;
}

.mini-icon4 {
    float: left;
    width: 38px;
    margin-left: -2.7%;
    margin-top: 26.9%;
}

.mini-icon5 {
    float: left;
    width: 34.9px;
    margin-left: -2.5%;
    margin-top: 27.2%;
}

.mini-icon6 {
    float: left;
    width: 44px;
    margin-left: -3%;
    margin-top: 31.3%;
}

.nuestra-title {
    color: rgb(255, 255, 255);
    float: left;
    margin-top: -26%;
    margin-left: 12%;
    font-family: 'Courier New', monospace;
    font-size: 195%;
    text-align: center;
}

.colectivaes-title {
    color: rgb(255, 255, 255);
    float: left;
    margin-top: -26%;
    margin-left: 21.5%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
    text-align: center;
}

.colectiva-nombres li,
.agradecimientos1 li,
.agradecimientos2 li {
    margin-top: 25px;
}

.colectiva-nombres {
    color: rgb(255, 255, 255);
    list-style-type: none;
    margin-top: 15%;
    margin-left: 16%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
    text-align: left;
}

.agradecimientos-title {
    color: rgb(46, 226, 43);
    font-family: 'W95FA', monospace;
    font-size: 232%;
    text-align: center;
    margin-top: 10%;
}

.agradecimientos1 {
    color: rgb(255, 255, 255);
    list-style-type: none;
    margin-left: 14%;
    margin-top: 4%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
    text-align: left;
}

.agradecimientos2 {
    color: rgb(255, 255, 255);
    list-style-type: none;
    margin-right: 7%;
    margin-top: -44.8%;
    margin-bottom: 7%;
    float: right;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
    text-align: left;
}

.content-Hola {
    border: 3px solid grey;
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.texto-Hola {
    display: block;
}

.contacto-title {
    color: rgb(255, 255, 255);
    margin-left: 8%;
    margin-top: 5%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
}

.contacto-texto1 {
    color: rgb(255, 255, 255);
    margin-left: 8%;
    margin-top: 3%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
}

.contacto-texto2 {
    color: rgb(255, 255, 255);
    margin-left: 8%;
    margin-top: 1%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
}

.contacto-texto3 {
    color: rgb(255, 255, 255);
    margin-left: 8%;
    margin-top: 3%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 195%;
}

.un-mensaje {
    display: block;
    margin-top: 4%;
    margin-left: 29%;
    padding-left: -9%;
}

.submit {
    display: block;
    width: 9%;
    padding: 1%;
    margin-top: 3%;
    margin-left: 25%;
    margin-bottom: 3%;
    font-family: 'W95FA', monospace;
    font-size: 135%;
    background-color: rgb(120 120 121);
}

.header-trash {
    background-color: rgb(46, 226, 43);
    padding: 1%;
    min-height: 30px;
}

.popTitle-trash {
    color: rgb(0 0 0);
    margin-left: 1.5%;
    font-family: 'W95FA', monospace;
    font-size: 163%;
    margin-top: 0.5%;
}

.close-button-trash {
    /* display: block; */
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 4%;
    height: 25px;
    margin: 0%;
    padding: 0.4%;
    text-align: center;
    text-decoration: none;
    font-family: monospace;
    font-size: 20.4px;
    float: right;
    margin-top: -4.1%;
}

#pezon6-popUp {
    position: absolute;
    left: 33%;
    top: 30%;
    height: 409px;
    background: rgb(0, 0, 0);
    width: 36%;
    /* opacity: 0; */
    /* transition: 0.5s; */
    display: none;
}

.content-Trash {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    /* overflow: auto; */
    /* max-height: 800px; */
}

.trash-talk {
    padding: 22.5%;
    width: 43%;
    display: block;
    margin: 0 auto;
}

.papa-icon3 {
    background-color: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    display: none;
}

.art-icon3-popUp {
    background: rgb(0, 0, 0);
    width: 77%;
    transition: 0.5s;
    margin: 0 auto;
    margin-top: 6%;
}

.content-art-icon3-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.video-Estoeramejor {
    display: block;
    width: 73%;
    margin-top: 4%;
    margin-bottom: 4%;
    margin-left: 14%;
}

.papa-icon4 {
    background-color: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    display: none;
}

.art-icon4-popUp {
    background: rgb(0, 0, 0);
    width: 77%;
    transition: 0.5s;
    margin: 0 auto;
    margin-top: 3%;
}

.content-art-icon4-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.psiberespacio-link1:link,
.psiberespacio-link2:link,
.psiberespacio-link3:link,
.psiberespacio-link4:link,
.psiberespacio-link5:link,
.psiberespacio-link6:link,
.psiberespacio-link7:link,
.psiberespacio-link8:link,
.psiberespacio-link9:link,
.psiberespacio-link10:link,
.psiberespacio-link11:link,
.psiberespacio-link12:link,
.psiberespacio-link13:link,
.psiberespacio-link14:link,
.psiberespacio-link15:link,
.psiberespacio-link16:link,
.psiberespacio-link17:link,
.psiberespacio-link18:link,
.psiberespacio-link19:link,
.psiberespacio-link20:link,
.psiberespacio-link21:link,
.psiberespacio-link22:link {
    color: rgb(223, 11, 127);
}

.psiberespacio-link1:visited,
.psiberespacio-link2:visited,
.psiberespacio-link3:visited,
.psiberespacio-link4:visited,
.psiberespacio-link5:visited,
.psiberespacio-link6:visited,
.psiberespacio-link7:visited,
.psiberespacio-link8:visited,
.psiberespacio-link9:visited,
.psiberespacio-link10:visited,
.psiberespacio-link11:visited,
.psiberespacio-link12:visited,
.psiberespacio-link13:visited,
.psiberespacio-link14:visited,
.psiberespacio-link15:visited,
.psiberespacio-link16:visited,
.psiberespacio-link17:visited,
.psiberespacio-link18:visited,
.psiberespacio-link19:visited,
.psiberespacio-link20:visited,
.psiberespacio-link21:visited,
.psiberespacio-link22:visited {
    color: blue;
}

.psiberespacio-link1,
.psiberespacio-link2,
.psiberespacio-link3,
.psiberespacio-link4,
.psiberespacio-link5,
.psiberespacio-link6,
.psiberespacio-link7,
.psiberespacio-link8,
.psiberespacio-link9,
.psiberespacio-link10,
.psiberespacio-link11,
.psiberespacio-link12,
.psiberespacio-link13,
.psiberespacio-link14,
.psiberespacio-link15,
.psiberespacio-link16,
.psiberespacio-link17,
.psiberespacio-link18,
.psiberespacio-link19,
.psiberespacio-link20,
.psiberespacio-link21,
.psiberespacio-link22 {
    color: rgb(223, 11, 127);
    padding: 1.4%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 2%;
    font-family: 'W95FA', monospace;
    font-size: 145%;
    text-decoration: underline
}
.pieza-links{
    display: flex;
    flex-direction: row;
}

.columna1 {
    text-align: left;
    display: block;
    width: 50%;
}

.columna2 {
    text-align: right;
    display: block;
    margin-bottom: 3%;
    width: 50%;
}

.columna1 li,
.columna2 li {
    margin-top: 41px;
}

.psiber-close-button {
    display: none;
    position: absolute;
    top: 23.2%;
    right: 23.3%;
    background-color: rgb(46, 226, 43);
    color: rgb(0 0 0);
    width: 1%;
    height: 1.9%;
    margin: 0%;
    padding: 0.3%;
    text-align: center;
    text-decoration: none;
    font-family: monospace;
    font-size: 20.4px;
}

.psvideo {
    display: none;
    width: 49%;
    position: absolute;
    margin: 5% auto;
    margin-left: 14%;
}

.papa-icon5 {
    background-color: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    display: none;
}

.art-icon5-popUp {
    background: rgb(0, 0, 0);
    width: 77%;
    transition: 0.5s;
    margin: 0 auto;
    margin-top: 6%;
}

.content-art-icon5-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.video-ElDeseo {
    display: block;
    width: 79%;
    margin-top: 5%;
    margin-bottom: 4%;
    margin-left: 10%;
}

.eldeseo-texto1,
.eldeseo-texto2,
.eldeseo-texto3,
.eldeseo-texto4,
.eldeseo-texto4a,
.eldeseo-texto5,
.eldeseo-texto6 {
    margin-left: 16%;
    margin-top: 1%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 101%;
    text-align: left;
    color: white
}

.eldeseo-texto1 {
    margin-top: 5%;
}

.eldeseo-texto6 {
    margin-bottom: 4%;
}

.eldeseo-texto2 {
    margin-bottom: 2%;
}

.eldeseo-texto3 {
    margin-bottom: 2%;
}

.papa-icon6 {
    background-color: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    display: none;
}

.art-icon6-popUp {
    background: rgb(0, 0, 0);
    width: 77%;
    transition: 0.5s;
    margin: 0 auto;
    margin-top: 6%;
}

.content-art-icon6-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.video-LaMesa {
    display: block;
    width: 82%;
    margin-top: 4%;
    margin-bottom: 4%;
    margin-left: 9%;
}

.header-zoom {
    background-color: rgb(46, 226, 43);
    padding: 1%;
    min-height: 30px;
}

.popTitle-zoom {
    color: rgb(0 0 0);
    margin-left: 1.5%;
    font-family: 'W95FA', monospace;
    font-size: 163%;
    margin-top: 0.5%;
}

.close-button-zoom {
    /* display: block; */
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 4%;
    height: 25px;
    margin: 0%;
    padding: 0.4%;
    text-align: center;
    text-decoration: none;
    font-family: monospace;
    font-size: 20.4px;
    float: right;
    margin-top: -4.1%;
}

.zoom-popUp {
    position: absolute;
    left: 33%;
    top: 30%;
    height: 409px;
    background: rgb(0, 0, 0);
    width: 36%;
    /* opacity: 0; */
    /* transition: 0.5s; */
    display: none;
}

.content-zoom-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    /* overflow: auto; */
    /* max-height: 800px; */
}

.loading-zoom {
    margin-top: -21%;
    /* margin-left: -51%; */
    margin-right: 46%;
    width: 11%;
    float: right;
}

.texto-zoom-popUp {
    display: block;
}

.zoom-title {
    color: rgb(255 255 255);
    margin-left: 13%;
    margin-top: 5%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 201%;
}

.zoom-texto1 {
    color: rgb(255 255 255);
    margin-left: 23%;
    margin-top: 3%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 201%;
}

.zoom-texto2 {
    color: rgb(255 255 255);
    margin-left: 17%;
    margin-top: 24%;
    font-family: 'Courier New', monospace;
    font-weight: lighter;
    font-size: 108%;
}

.papa-icon7 {
    background-color: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    display: none;
}

.art-icon7-popUp {
    /* position: absolute; */
    /* left: 12%; */
    /* top: 10%; */
    /* height: 300px; */
    background: rgb(0, 0, 0);
    width: 77%;
    /* opacity: 0; */
    transition: 0.5s;
    /* display: none; */
    margin: 0 auto;
    margin-top: 6%;
}

.content-art-icon7-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    overflow: auto;
    max-height: 800px;
}

.video-Mensajes {
    display: block;
    width: 82%;
    margin-top: 4%;
    margin-bottom: 4%;
    margin-left: 9%;
}

.header-virus {
    background-color: rgb(46, 226, 43);
    padding: 1%;
    min-height: 30px;
}

.popTitle-virus {
    color: rgb(0 0 0);
    margin-left: 1.5%;
    font-family: 'W95FA', monospace;
    font-size: 163%;
    margin-top: 0.5%;
}

.close-button-virus {
    /* display: block; */
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    width: 4%;
    height: 25px;
    margin: 0%;
    padding: 0.4%;
    text-align: center;
    text-decoration: none;
    font-family: monospace;
    font-size: 20.4px;
    float: right;
    margin-top: -4.5%;
}

.virus-popUp {
    position: absolute;
    left: 33%;
    top: 30%;
    height: 409px;
    background: rgb(0, 0, 0);
    width: 36%;
    /* opacity: 0; */
    /* transition: 0.5s; */
    display: none;
}

.content-virus-popUp {
    /* border: 3px solid grey; */
    border-top: hidden;
    border-radius: 1%;
    /* overflow: auto; */
    /* max-height: 800px; */
}

.equis {
    margin-top: 0%;
    margin-left: 7%;
    float: left;
}

.virus-ok-button {
    background-color: rgb(195 190 190);
    color: rgb(0 0 0);
    padding: 1.4%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 2%;
    font-family: 'W95FA', monospace;
    font-size: 24px;
    margin-left: 41%;
}

.texto-virus-popUp {
    display: block;
}

.virus-title {
    color: rgb(255 255 255);
    margin-left: 24%;
    margin-top: 7%;
    font-family: 'W95FA', monospace;
    font-size: 143%;
}

.virus-texto1 {
    color: rgb(255 255 255);
    margin-left: 24%;
    margin-top: 5%;
    font-family: 'W95FA', monospace;
    font-size: 143%;
}

.virus-texto2 {
    color: rgb(255 255 255);
    margin-left: 24%;
    margin-top: 2%;
    font-family: 'W95FA', monospace;
    font-size: 143%;
}

.virus-texto3 {
    color: rgb(255 255 255);
    margin-left: 24%;
    margin-top: 2%;
    font-family: 'W95FA', monospace;
    font-size: 143%;
}

.virus-texto4 {
    color: rgb(255 255 255);
    margin-left: 24%;
    margin-top: 5%;
    font-family: 'W95FA', monospace;
    margin-bottom: 6.6%;
    font-size: 143%;
}

.virus-iloveyou {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
}

.video-prisionero {
    width: 60%;
    display: block;
    margin: 10% auto;
}

#intro2,
#intro5,
#intro7,
#intro9,
#intro11,
#intro13 {
    display: none;
}

.pressEnter {
    display: flex;
}

.blinker {
    display: none;
    color: white;
    font-size: 21px;
    margin-left: 0.5%;
    animation: blink 0.5s;
    animation-iteration-count: infinite;
}

.clearfix {
    visibility: hidden;
    clear: both;
    float: none;
}

.intro-texto15 {
    width: 100%;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 1600px) and (max-height: 900px) {
    #intro15 {
        font-size: 680%;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile {
        font-size: 155%;
        height: 4vh;
    }
    /* .intro-lista li {
        margin-top: 25px;
    } */
    .perra {
        padding-top: 7%;
        padding-right: 19%;
        padding-left: 2%;
        width: 53%;
    }
    .menu-icon {
        margin-top: -1.6%;
        margin-left: -8.2%;
        width: 0.8%;
    }
    .trash-talk {
        padding: 27.5%;
        width: 43%;
        display: block;
        margin: 0 auto;
    }
    .pieza2-icon {
        left: 70.8%;
        top: -194.1px;
        height: 60px;
    }
    .pieza3-icon {
        left: 54.2%;
        top: -65.3px;
        height: 60px;
    }
    .pieza4-icon {
        top: 62.9px;
        height: 66.9px;
        left: 61%;
    }
    .pieza5-icon {
        top: -77px;
        height: 74px;
        left: 65%;
    }
    .pieza6-icon {
        left: 72.2%;
        top: 49px;
        height: 64px;
    }
    .pieza7-icon {
        left: 72.4%;
        top: -150.1px;
        height: 45px;
    }
    .pieza-links{
        font-size: 0.8em;
    }
    .content-manifesto,
    .content-la-nuestra,
    .content-proceso,
    .content-creditos,
    .content-Hola,
    .content-Error,
    .content-art-icon1-popUp,
    .content-art-icon3-popUp,
    .content-art-icon4-popUp,
    .content-art-icon5-popUp,
    .content-art-icon6-popUp,
    .content-art-icon7-popUp {
        max-height: 640px;
    }
    .popTitle,
    .popTitle-error,
    .popTitle-virus {
        font-size: 157%;
        padding-top: 0.4%;
        margin-left: 0.3%;
    }
    .manifesto-sello {
        margin-top: 4%;
        width: 320px;
    }
    .manifesto-p2,
    .manifesto-title,
    .manifesto-subtitle,
    .manifesto-habitar,
    .manifesto-montar,
    .manifesto-desmontar,
    .manifesto-p1,
    .manifesto-p3,
    .manifesto-p4,
    .manifesto-p5 {
        font-size: 135%;
    }
    .parrafo-lanuestra {
        height: 334px;
        overflow: auto;
    }
    .la-nuestra-title {
        margin-left: 4%;
    }
    .la-nuestra-texto {
        margin-right: 18%;
        font-size: 135%;
    }
    .texto-la-nuestra {
        height: 608px;
    }
    .la-nuestra-texto,
    .la-nuestra-texto1,
    .la-nuestra-texto2,
    .la-nuestra-texto3,
    .la-nuestra-texto4 {
        color: rgb(255, 255, 255);
        margin-top: 4%;
        top: 44%;
        margin-right: 17%;
        font-family: 'Courier New', monospace;
        font-weight: lighter;
        font-size: 145%;
        text-align: center;
    }
    .nuestra-title,
    .colectivaes-title {
        margin-top: -26%;
        font-size: 157%;
    }
    .nuestra-title {
        margin-left: -2.6%;
    }
    .colectivaes-title {
        margin-left: 7%;
    }
    .perra-creditos {
        margin-top: 8%;
    }
    .colectiva-nombres,
    .agradecimientos1,
    .agradecimientos2 {
        font-size: 157%;
    }
    .colectiva-nombres li,
    .agradecimientos1 li,
    .agradecimientos2 li {
        margin-top: 24px;
    }
    .mini-icon3,
    .mini-icon4 {
        margin-left: -3.3%;
    }
    .mini-icon4 {
        margin-top: 27.6%;
    }
    .mini-icon3 {
        margin-top: 23.1%;
    }
    .mini-icon5 {
        margin-left: -3.1%;
        margin-top: 27.6%;
    }
    .mini-icon6 {
        margin-left: -3.5%;
        margin-top: 31.9%;
    }
    .agradecimientos1 {
        margin-top: 6%;
    }
    .agradecimientos2 {
        margin-top: -47.5%;
    }
    .contacto-title,
    .contacto-texto1,
    .contacto-texto2,
    .contacto-texto3 {
        font-size: 135%;
    }
    .zoom-title {
        margin-left: 12%;
        margin-top: 5%;
        font-size: 175%;
    }
    .zoom-texto1 {
        margin-left: 22%;
        font-size: 175%;
    }
    .zoom-texto2 {
        margin-left: 13%;
        margin-top: 33%;
        font-size: 100%;
    }
    .loading-zoom {
        margin-top: -27%;
        margin-right: 45%;
        width: 12%;
    }
    .un-mensaje {
        margin-left: 25%;
    }
    .submit {
        margin-left: 28%;
    }
    .escape {
        margin-bottom: 10.8%;
    }
    .virus-popUp {
        left: 32%;
        top: 27%;
        height: 348px;
    }
    .equis {
        margin-top: -1%;
        margin-left: 5%;
    }
    .virus-title,
    .virus-texto1,
    .virus-texto2,
    .virus-texto3,
    .virus-texto4 {
        font-size: 125%;
    }
    .psiberespacio-link1,
    .psiberespacio-link2,
    .psiberespacio-link3,
    .psiberespacio-link4,
    .psiberespacio-link5,
    .psiberespacio-link6,
    .psiberespacio-link7,
    .psiberespacio-link8,
    .psiberespacio-link9,
    .psiberespacio-link10,
    .psiberespacio-link11,
    .psiberespacio-link12,
    .psiberespacio-link13,
    .psiberespacio-link14,
    .psiberespacio-link15,
    .psiberespacio-link16,
    .psiberespacio-link17,
    .psiberespacio-link18,
    .psiberespacio-link19,
    .psiberespacio-link20,
    .psiberespacio-link21,
    .psiberespacio-link22 {
        font-size: 140%;
    }
    .psiber-close-button {
        padding: 0.2%;
        font-size: 16.4px;
    }
    .columna1 li,
    .columna2 li {
        margin-top: 32px;
    }
    .columna1 {
        margin-top: 0%;
    }
    .columna2 {
        margin-bottom: 2%;
    }
    .video-LaMesa,
    .video-Mensajes,
    .video-ElDeseo,
    .video-SeVende,
    .video-Estoeramejor {
        width: 76%;
        margin-left: 12%;
    }
    .menu-titles {
        left: 68.9%;
        top: 245px;
    }
    .menu-titles h1 {
        font-size: 160%;
    }
    .content-virus-popUp{
        margin-top: -4%;
    }
}

@media screen and (max-width: 1440px) and (max-height: 900px) {
    #intro15 {
        font-size: 594%;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        height: 4vh;
    }
    #intro1 {
        padding-top: 5%;
    }
    .perra {
        padding-top: 8%;
        padding-left: 4%;
        width: 58%;
    }
    .menu-icon {
        width: 0.7%;
    }
    .pieza5-icon {
        top: -77px;
        height: 66px;
        left: 65%;
    }
    .pieza7-icon {
        left: 72.4%;
        top: -140.1px;
        height: 42px;
    }
    .pieza6-icon {
        left: 73.2%;
        top: 27px;
        height: 58px;
    }
    .menu-icon {
        margin-left: -7.2%;
    }
    .menu-titles h1 {
        font-size: 145%;
    }
    .menu-titles {
        top: 251px;
    }
    .la-nuestra-texto {
        margin-right: 18%;
        margin-top: 3%;
        font-size: 125%;
    }
    .la-nuestra-texto,
    .la-nuestra-texto1,
    .la-nuestra-texto2,
    .la-nuestra-texto3,
    .la-nuestra-texto4 {
        font-size: 125%;
    }
    .la-nuestra-title {
        margin-left: 3.3%;
        font-size: 448%;
        margin-top: 21%;
    }
    .slide-8 {
        width: 34%;
    }
    .slide-19 {
        padding: 6%;
    }
    .nuestra-title,
    .colectivaes-title,
    .colectiva-nombres,
    .agradecimientos1,
    .agradecimientos2 {
        font-size: 135%;
    }
    .nuestra-title {
        margin-left: 12%;
    }
    .colectivaes-title {
        margin-left: 21%;
    }
    .mini-icon1 {
        margin-left: 11.8%;
        margin-top: 15.1%;
    }
    .mini-icon2 {
        margin-left: -2.8%;
        width: 25px;
    }
    .mini-icon3 {
        margin-left: -3.3%;
        width: 33.3px;
    }
    .mini-icon4 {
        margin-left: -3.3%;
        width: 34.2px;
    }
    .mini-icon5 {
        margin-left: -3.1%;
        width: 31.8px;
    }
    .mini-icon6 {
        margin-left: -3.5%;
        width: 36.5px;
    }
    .agradecimientos2 {
        margin-top: -48%;
    }
    .contacto-title,
    .contacto-texto1,
    .contacto-texto2,
    .contacto-texto3 {
        font-size: 135%;
    }
    .un-mensaje {
        margin-left: 24%;
    }
    .submit {
        margin-bottom: 3%;
        margin-left: 31%;
    }
    .video-LaMesa,
    .video-Mensajes,
    .video-ElDeseo,
    .video-Estoeramejor,
    .video-SeVende {
        margin: 3% auto;
        width: 90%;
    }
    .columna2 {
        margin-top: 0%;
        margin-bottom: 3%;
    }
    .columna1,
    .columna2 {
        font-size: 90%;
    }
    .close-button-virus {
        margin-top: -5%;
    }
    .virus-title,
    .virus-texto1,
    .virus-texto2,
    .virus-texto3,
    .virus-texto4 {
        font-size: 105%;
        margin-left: 25%;
    }
    .virus-texto4 {
        margin-bottom: 9.6%;
    }
    .close-button-zoom {
        height: 22px;
        font-size: 17.4px;
        margin-top: -4.9%;
    }
    .zoom-popUp,
    #pezon6-popUp {
        height: 375px;
    }
    .close-button-trash {
        height: 22px;
        font-size: 17.8px;
        margin-top: -5.1%;
    }
    .trash-talk {
        padding: 27.5%;
        width: 55%;
        margin-left: -5%;
    }
    .zoom-title {
        margin-left: 9%;
        margin-top: 5%;
        font-size: 175%;
    }
    .zoom-texto1 {
        margin-left: 20%;
        font-size: 175%;
    }
    .zoom-texto2 {
        margin-left: 10%;
        margin-top: 33%;
        font-size: 100%;
    }
    .psiber-close-button {
        top: 22.2%;
        right: 23.3%;
        width: 1%;
        height: 2.2%;
        padding: 0.4%;
        padding-top: 0%;
    }
}



@media screen and (max-width: 1280px) and (max-height: 800px) {
    .content-manifesto,
    .content-la-nuestra,
    .content-proceso,
    .content-creditos,
    .content-Hola,
    .content-Error,
    .content-art-icon1-popUp,
    .content-art-icon3-popUp,
    .content-art-icon4-popUp,
    .content-art-icon5-popUp,
    .content-art-icon6-popUp,
    .content-art-icon7-popUp {
        max-height: 580px;
    }
    /* .intro-lista li {
        margin-top: 20px;
    } */
    #intro15 {
        font-size: 27px;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile {
        height: 4vh;
    }
    .menu-titles h1 {
        font-size: 130%;
    }
    .perra {
        padding-top: 10%;
    }
    .menu-titles {
        top: 221px;
        left: 72%;
    }
    .manifesto-sello {
        margin-top: 4%;
        width: 290px;
    }
    .manifesto-p2,
    .manifesto-title,
    .manifesto-subtitle,
    .manifesto-habitar,
    .manifesto-montar,
    .manifesto-desmontar,
    .manifesto-p1,
    .manifesto-p3,
    .manifesto-p4,
    .manifesto-p5 {
        font-size: 120%;
    }
    .la-nuestra-title {
        margin-left: 2%;
        font-size: 405%;
        margin-top: 12%;
    }
    .la-nuestra-texto {
        margin-right: 18%;
        margin-top: 2%;
        font-size: 110%;
    }
    .parrafo-lanuestra {
        height: 374px;
    }
    .la-nuestra-texto,
    .la-nuestra-texto1,
    .la-nuestra-texto2,
    .la-nuestra-texto3,
    .la-nuestra-texto4 {
        font-size: 110%;
    }
    .zoom-popUp,
    #pezon6-popUp {
        height: 346px;
    }
    .nuestra-title,
    .colectivaes-title,
    .colectiva-nombres,
    .agradecimientos1,
    .agradecimientos2 {
        font-size: 120%;
    }
    .mini-icon2 {
        margin-left: -3.1%;
        width: 25px;
    }
    .mini-icon1 {
        margin-left: 11.8%;
        width: 30px;
    }
    .mini-icon3,
    .mini-icon4 {
        margin-left: -3.9%;
        width: 35px;
    }
    .mini-icon3 {
        margin-top: 23.6%;
    }
    .mini-icon4 {
        margin-top: 23.5%;
    }
    .mini-icon5 {
        margin-left: -3.6%;
        width: 30px;
        margin-top: 28.6%;
    }
    .mini-icon6 {
        margin-left: -4.1%;
        width: 35.1px;
        margin-top: 33.6%;
    }
    .agradecimientos2 {
        margin-top: -51.7%;
    }
    .un-mensaje {
        margin-left: 18%;
    }
    .video-LaMesa,
    .video-Mensajes,
    .video-ElDeseo,
    .video-Estoeramejor,
    .video-SeVende {
        margin: 5% auto;
        width: 88%;
    }
    .pieza2-icon {
        top: -177.1px;
    }
    .psiberespacio-link1,
    .psiberespacio-link2,
    .psiberespacio-link3,
    .psiberespacio-link4,
    .psiberespacio-link5,
    .psiberespacio-link6,
    .psiberespacio-link7,
    .psiberespacio-link8,
    .psiberespacio-link9,
    .psiberespacio-link10,
    .psiberespacio-link11,
    .psiberespacio-link12,
    .psiberespacio-link13,
    .psiberespacio-link14,
    .psiberespacio-link15,
    .psiberespacio-link16,
    .psiberespacio-link17,
    .psiberespacio-link18,
    .psiberespacio-link19,
    .psiberespacio-link20,
    .psiberespacio-link21,
    .psiberespacio-link22 {
        font-size: 126%;
    }
    .columna1 li,
    .columna2 li {
        margin-top: 30px;
    }
    .columna2 {
        margin-top: 0%;
        margin-bottom: 3%;
    }
    .submit {
        margin-bottom: 3%;
        margin-left: 34%;
    }
    .zoom-title {
        margin-left: 9%;
        margin-top: 9%;
        font-size: 150%;
    }
    .zoom-texto1 {
        margin-left: 20%;
        font-size: 150%;
    }
    .zoom-texto2 {
        margin-left: 14.5%;
        margin-top: 33%;
        font-size: 78%;
    }
    .popTitle,
    .popTitle-error,
    .popTitle-virus {
        font-size: 141%;
    }
    .close-button,
    .close-button-virus {
        padding: 0.3%;
    }
    .virus-title,
    .virus-texto1,
    .virus-texto2,
    .virus-texto3,
    .virus-texto4 {
        font-size: 94%;
        margin-left: 28%;
    }
    .virus-texto4 {
        margin-bottom: 12.6%;
    }
    .content-virus-popUp {
        margin-top: 0%;
      }
}


@media screen and (max-width: 1024px){
    .logo {
        width: 14%;
    }
    .fondo-box{padding-top: 5%;}
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        font-size: 115%;
        height: 4vh;
    }
    /* .intro-lista li {
        margin-top: 13px;
    } */
    #intro15 {
        font-size: 434%;
    }
    .perra {
        padding-top: 9%;
    }
    .pieza3-icon {
        left: 54.2%;
        top: -41.3px;
        height: 40px;
    }
    .pieza7-icon {
        left: 72.4%;
        top: -99px;
        height: 31px;
    }
    .pieza5-icon {
        top: -56px;
        height: 47px;
        left: 65%;
    }
    .pieza6-icon {
        left: 73.2%;
        top: 22px;
        height: 42px;
    }
    .pieza4-icon {
        top: 57.9px;
        height: 46.8px;
        left: 61%;
    }
    .menu-titles h1 {
        font-size: 115%;
    }
    .menu-titles {
        top: 171px;
    }
    .content-manifesto,
    .content-la-nuestra,
    .content-proceso,
    .content-creditos,
    .content-Hola,
    .content-Error,
    .content-art-icon1-popUp,
    .content-art-icon3-popUp,
    .content-art-icon4-popUp,
    .content-art-icon5-popUp,
    .content-art-icon6-popUp,
    .content-art-icon7-popUp {
        max-height: 437px;
    }
    .close-button {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        width: 2%;
        height: 16.1px;
        /* margin: 0%; */
        padding: 0.4%;
        text-align: center;
        text-decoration: none;
        font-family: monospace;
        font-size: 14.7px;
        float: right;
        padding-bottom: -7%;
        margin-top: -2.8%;
    }
    .close-button-virus,
    .close-button-zoom {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        width: 2%;
        height: 16.1px;
        /* margin: 0%; */
        padding: 1.4%;
        padding-bottom: 0%;
        text-align: center;
        text-decoration: none;
        font-size: 17.6px;
        padding-top: 0.6%;
        font-size: 13.6px;
        float: right;
        padding-bottom: -7%;
        margin-top: -5.6%;
    }
    .popTitle,
    .popTitle-error,
    .popTitle-virus,
    .popTitle-zoom {
        font-size: 120%;
    }
    .header,
    .header-virus,
    .header-zoom {
        min-height: 22px;
    }
    .manifesto-sello {
        margin-top: 4%;
        width: 220px;
    }
    .manifesto-p2,
    .manifesto-title,
    .manifesto-subtitle,
    .manifesto-habitar,
    .manifesto-montar,
    .manifesto-desmontar,
    .manifesto-p1,
    .manifesto-p3,
    .manifesto-p4,
    .manifesto-p5 {
        font-size: 100%;
    }
    .llamada {
        width: 20%;
        height: 20%;
        margin-right: 10%;
        margin-left: 11%;
        margin-top: 9%;
        display: block;
        margin-bottom: 8%;
        /* float: left; */
    }
    .la-nuestra-title {
        margin-left: 5%;
        font-size: 330%;
    }
    .parrafo-lanuestra {
        height: 242px;
    }
    .la-nuestra-texto {
        margin-right: 18%;
        margin-top: 2%;
        font-size: 100%;
    }
    .zoom-popUp,
    #pezon6-popUp {
        height: 262px;
    }
    .video-prisionero {
        margin: 10% auto;
    }
    .popTitle-trash {
        font-size: 138%;
        margin-top: 0.5%;
    }
    .right-button,
    .left-button {
        font-size: 20px;
        height: 28px;
    }
    .nuestra-title,
    .colectivaes-title,
    .colectiva-nombres,
    .agradecimientos1,
    .agradecimientos2 {
        font-size: 100%;
    }
    .nuestra-title,
    .colectivaes-title {
        margin-top: -32%;
    }
    .colectivaes-title {
        margin-left: 21.5%;
    }
    .mini-icon1 {
        margin-left: 11.8%;
        width: 26px;
    }
    .mini-icon2 {
        margin-left: -2.9%;
        width: 21px;
        margin-top: 19%;
    }
    .mini-icon3 {
        margin-top: 25%;
        width: 28px;
    }
    .mini-icon4 {
        margin-top: 30.2%;
        width: 28px;
    }
    .mini-icon5 {
        margin-left: -3.5%;
        width: 25px;
        margin-top: 30.3%;
    }
    .mini-icon6 {
        margin-left: -3.6%;
        width: 26.3px;
        margin-top: 36.1%;
    }
    .colectiva-nombres {
        margin-left: 16%;
    }
    .agradecimientos-title {
        font-size: 155%;
    }
    .agradecimientos2 {
        margin-top: -59%;
    }
    .contacto-title,
    .contacto-texto1,
    .contacto-texto2,
    .contacto-texto3 {
        font-size: 100%;
    }
    .submit {
        font-size: 99%;
        margin-bottom: 3%;
        margin-left: 40%;
    }
    .un-mensaje {
        margin-left: 12%;
    }
    .video-LaMesa,
    .video-Mensajes,
    .video-ElDeseo,
    .video-Estoeramejor,
    .video-SeVende {
        margin: 3% auto;
        width: 85%;
    }
    .equis {
        margin-top: -1%;
        margin-left: 5%;
        width: 15%;
    }
    .virus-title,
    .virus-texto1,
    .virus-texto2,
    .virus-texto3,
    .virus-texto4 {
        font-size: 74%;
        margin-left: 28%;
    }
    .virus-texto4 {
        margin-bottom: 6.6%;
    }
    .virus-ok-button {
        background-color: rgb(195 190 190);
        color: rgb(0 0 0);
        padding: 1.4%;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 2%;
        font-family: 'W95FA', monospace;
        font-size: 13px;
        margin-left: 41%;
    }
    .virus-popUp {
        height: 236px;
    }
    .zoom-title {
        margin-left: 9%;
        margin-top: 9%;
        font-size: 122%;
    }
    .zoom-texto1 {
        margin-left: 20%;
        font-size: 122%;
    }
    .loading-zoom {
        margin-top: -23%;
    }
    .zoom-texto2 {
        margin-left: 14.5%;
        margin-top: 26%;
        font-size: 64%;
    }
    .eldeseo-texto1,
    .eldeseo-texto2,
    .eldeseo-texto3,
    .eldeseo-texto4,
    .eldeseo-texto5,
    .eldeseo-texto6 {
        font-size: 70%;
    }
    .columna1,
    .columna2 {
        font-size: 73%;
    }
    .columna1 li,
    .columna2 li {
        margin-top: 19px;
    }
    .columna2 {
        margin-top: 0%;
        margin-bottom: 3%;
    }
    .psvideo {
        width: 45%;
        margin-left: 16%;
        margin-top: 4.8%;
    }
}

@media screen and (max-width: 1024px) and (min-height: 768px) {
    .logo {
        width: 22%;
    }
    #timer {
        font-size: 36px;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        font-size: 115%;
        height: 4vh;
    }
}

@media screen and (max-width: 800px) and (min-height: 480px) {
    #timer {
        font-size: 28px;
    }
    .logo {
        width: 18%;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        font-size: 100%;
        height: 3.5vh;
    }
}

@media screen and (max-width: 768px) and (min-height: 1024px) {
    .logo {
        width: 160%;
    }
    .intro {
        width: 153%;
        height: 1566px;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 10%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: monospace;
        font-size: 205%;
        margin-left: 5%;
        font-size: 25px;
    }
    /* .intro-lista li {
        margin-top: 56px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 225%;
        margin-left: 5.5%;
        height: 6vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 5%;
        margin-right: 5%;
        width: 37%;
        float: right;
        right: 20%;
    }
    .perra {
        padding-top: 26%;
        padding-right: 14%;
        width: 76%;
    }
    .menu-icon {
        margin-top: 2.4%;
        margin-left: -5%;
        width: 1%;
    }
    .pieza3-icon {
        position: absolute;
        left: 50.2%;
        top: -19.3px;
        height: 50px;
    }
    .pieza4-icon {
        position: absolute;
        left: 48.5%;
        top: 131.9px;
        height: 58px;
    }
    .pieza5-icon {
        position: absolute;
        left: 64.7%;
        top: 57px;
        height: 59px;
    }
    .pieza6-icon {
        position: absolute;
        left: 72.3%;
        top: 190px;
        height: 58px;
    }
    .pieza7-icon {
        position: absolute;
        left: 75.8%;
        top: -46.9px;
        height: 43px;
    }
    .menu-titles {
        display: none;
    }
    #pezon1-popUp,
    #pezon2-popUp,
    #pezon3-popUp,
    #pezon4-popUp,
    #pezon5-popUp {
        top: 21%;
    }
    .art-icon3-popUp,
    .art-icon6-popUp,
    .art-icon7-popUp {
        margin-top: 40%;
    }
    .art-icon4-popUp,
    .art-icon5-popUp {
        margin-top: 30%;
    }
    .close-button {
        width: 4.1%;
        height: 24.1px;
        margin-top: -4.7%;
    }
    .popTitle {
        margin-left: 1.5%;
        font-size: 24px;
        margin-top: 1%;
    }
    .content-manifesto,
    .content-la-nuestra,
    .content-proceso,
    .content-creditos,
    .content-Hola,
    .content-Error,
    .content-art-icon1-popUp,
    .content-art-icon3-popUp,
    .content-art-icon4-popUp,
    .content-art-icon5-popUp,
    .content-art-icon6-popUp,
    .content-art-icon7-popUp {
        max-height: 510px;
    }
    .zoom-popUp,
    #pezon6-popUp,
    .virus-popUp {
        height: 312px;
        width: 48%;
        left: 26%;
    }
    .close-button-trash {
        width: 7.4%;
        height: 25px;
        margin-top: -7.4%;
        margin-right: 1%;
    }
    .trash-talk {
        padding: 11.5%;
        width: 77%;
        margin-top: 3%;
        display: block;
        margin: 18% auto;
    }
    .llamada {
        width: 39%;
        margin-right: 3%;
        margin-left: 7%;
        margin-top: 7%;
        margin-bottom: 8%;
    }
    .la-nuestra-title {
        margin-top: 14%;
        margin-bottom: 2%;
        margin-left: 7.1%;
        font-size: 226%;
    }
    .la-nuestra-texto,
    .la-nuestra-texto1,
    .la-nuestra-texto2,
    .la-nuestra-texto3,
    .la-nuestra-texto4 {
        margin-top: 4%;
        top: 44%;
        margin-right: 8%;
        font-size: 106%;
    }
    .parrafo-lanuestra {
        height: 378px;
    }
    .manifesto-sello {
        width: 210px;
    }
    .manifesto-p2,
    .manifesto-title,
    .manifesto-subtitle,
    .manifesto-habitar,
    .manifesto-montar,
    .manifesto-desmontar,
    .manifesto-p1,
    .manifesto-p3,
    .manifesto-p4,
    .manifesto-p5 {
        font-size: 110%;
    }
    .right-button,
    .left-button {
        height: 26px;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        margin-top: 42.5%;
    }
    .slide-1 {
        width: 70%;
        padding: 6%;
        display: block;
        margin: 0 auto;
        margin-bottom: 17%;
        margin-top: 18%;
    }
    .slide-2 {
        width: 68%;
        padding: 5%;
        margin-top: 17%;
        margin-bottom: 14%;
    }
    .slide-3 {
        width: 64%;
        margin-top: 7%;
        margin-bottom: 7%;
    }
    .slide-4 {
        width: 72%;
        padding: 5%;
        margin-top: 11%;
        margin-bottom: 13%;
    }
    .slide-5 {
        width: 70%;
        margin-top: 21%;
        margin-bottom: 18%;
    }
    .slide-6 {
        width: 59%;
    }
    .slide-7 {
        width: 60%;
    }
    .slide-8 {
        width: 58%;
        margin: 0% auto;
        margin-top: 1%;
    }
    .slide-9 {
        width: 68%;
        padding: 5%;
        margin-top: 20%;
        margin-bottom: 20%;
    }
    .slide-10 {
        width: 44%;
    }
    .slide-11 {
        width: 59%;
    }
    .slide-12 {
        width: 44%;
    }
    .slide-13 {
        width: 69%;
        padding: 5%;
        margin-top: 20%;
        margin-bottom: 20%;
    }
    .slide-14 {
        width: 56%;
        margin-top: 3%;
    }
    .slide-15 {
        width: 66%;
        margin-top: 13%;
        margin-bottom: 15%;
    }
    .slide-16 {
        width: 64%;
        margin-top: 16%;
        margin-bottom: 15%;
    }
    .slide-17 {
        width: 72%;
        margin-top: 14%;
        margin-bottom: 19%;
    }
    .slide-18 {
        width: 69%;
        margin-top: 20%;
        margin-bottom: 18%;
    }
    .slide-19 {
        width: 68%;
        margin-top: 17%;
        margin-bottom: 18%;
    }
    .slide-20 {
        width: 50%;
        margin-top: 14%;
        margin-bottom: 14%;
    }
    .perra-creditos {
        margin-right: 10%;
        width: 24%;
    }
    .nuestra-title,
    .colectivaes-title,
    .colectiva-nombres,
    .agradecimientos1,
    .agradecimientos2 {
        font-size: 106%;
    }
    .nuestra-title,
    .colectivaes-title {
        margin-top: -42%;
    }
    .nuestra-title {
        margin-left: -5%;
    }
    .colectivaes-title {
        margin-left: 9%;
    }
    .mini-icon1 {
        width: 25px;
        margin-left: 11.8%;
        margin-top: 15.4%;
    }
    .mini-icon2 {
        width: 21px;
        margin-top: 21.4%;
        margin-left: -4.1%;
    }
    .mini-icon3 {
        width: 27.5px;
        margin-top: 28.9%;
        margin-left: -4.9%;
    }
    .mini-icon5 {
        width: 26.9px;
        margin-left: -4.5%;
        margin-top: 36.2%;
    }
    .mini-icon6 {
        width: 30px;
        margin-left: -5%;
        margin-top: 44.8%;
    }
    .colectiva-nombres {
        margin-left: 18%;
    }
    .agradecimientos1,
    .agradecimientos2 {
        text-align: center;
        margin: 0 auto;
    }
    .agradecimientos2 {
        margin-right: 23%;
        margin-bottom: 8%;
    }
    .contacto-title,
    .contacto-texto1,
    .contacto-texto2,
    .contacto-texto3 {
        font-size: 106%;
    }
    .un-mensaje {
        margin-left: 0;
    }
    .submit {
        width: 13%;
        margin-left: 10%;
    }
    .popTitle-trash {
        font-size: 138%;
        margin-top: 1.8%;
    }
    .video-LaMesa,
    .video-Mensajes,
    .video-ElDeseo,
    .video-Estoeramejor,
    .video-SeVende {
        margin: 3% auto;
        width: 85%;
    }
    .close-button-virus {
        width: 6%;
        height: 25px;
        margin-top: -6.7%;
        margin-right: 1%;
    }
    .popTitle-virus {
        font-size: 136%;
        margin-top: 1.3%;
    }
    .equis {
        margin-top: -1%;
        margin-left: 5%;
        width: 15%;
    }
    .virus-title,
    .virus-texto1,
    .virus-texto2,
    .virus-texto3,
    .virus-texto4 {
        font-size: 82%;
        margin-left: 27%;
    }
    .virus-title {
        margin-top: 10%;
    }
    .virus-texto4 {
        margin-bottom: 14.6%;
    }
    .video-prisionero {
        width: 70%;
        margin-top: 42%;
    }
    .virus-ok-button {
        background-color: rgb(195 190 190);
        color: rgb(0 0 0);
        padding: 1.4%;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 2%;
        font-family: 'W95FA', monospace;
        font-size: 18px;
        margin-left: 41%;
    }
    .eldeseo-texto1,
    .eldeseo-texto2,
    .eldeseo-texto3,
    .eldeseo-texto4,
    .eldeseo-texto5,
    .eldeseo-texto6 {
        margin-left: 9%;
        font-size: 65%;
    }
    .columna1 li,
    .columna2 li {
        margin-top: 30px;
    }
    .columna1,
    .columna2 {
        font-size: 100%;
    }
    .zoom-title {
        margin-left: 9%;
        margin-top: 9%;
        font-size: 122%;
    }
    .zoom-texto1 {
        margin-left: 20%;
        font-size: 122%;
    }
    .loading-zoom {
        margin-top: -23%;
    }
    .zoom-texto2 {
        margin-left: 14.5%;
        margin-top: 26%;
        font-size: 64%;
    }
}

@media screen and (max-width: 736px) and (min-height: 414px) {
    .logo {
        width: 14%;
    }
    #timer {
        font-size: 24px;
    }
    .fondo-box {
        display: none;
    }
    .intro {
        width: 314%;
        height: 2319px;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 6%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 205%;
        margin-left: 5%;
        font-size: 412%;
    }
    /* .intro-lista li {
        margin-top: 71px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 225%;
        margin-left: 5.5%;
        height: 14vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 5%;
        margin-right: 5%;
        width: 23%;
        float: right;
        right: 20%;
    }
}

@media screen and (max-width: 568px) and (min-height: 320px) {
    #timer {
        font-size: 28px;
    }
    .logo {
        width: 18%;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 7%;
    }
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        font-size: 2.5em;
        height: 12vh;
    }
}

@media screen and (max-width: 480px) and (min-height: 800px) {
    .logo {
        width: 14%;
    }
    #timer {
        font-size: 24px;
    }
    .fondo-box {
        display: none;
    }
    .intro {
        width: 223%;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 10%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 2.5em;
        margin-left: 5%;
        font-size: 444%;
    }
    /* .intro-lista li {
        margin-top: 71px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 225%;
        margin-left: 5.5%;
        height: 9vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 5%;
        margin-right: 5%;
        width: 39%;
        float: right;
        right: 20%;
    }
}

@media screen and (max-width: 414px) and (min-height: 736px) {
    .logo {
        width: 25%;
    }
    #timer {
        font-size: 24px;
    }
    .fondo-box {
        display: none;
    }
    .intro {
        width: 314%;
        height: 2319px;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 13%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 205%;
        margin-left: 5%;
        font-size: 412%;
    }
    /* .intro-lista li {
        margin-top: 71px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 2.5em;
        margin-left: 5.5%;
        height: 13vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 5%;
        margin-right: 5%;
        width: 39%;
        float: right;
        right: 20%;
    }
}

@media screen and (max-width: 411px) and (min-height: 731px) {
    .logo {
        width: 25%;
    }
    #timer {
        font-size: 24px;
    }
    .fondo-box {
        display: none;
    }
    .intro {
        width: 314%;
        height: 2319px;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
        margin-top: 5%;
    }
    #intro1 {
        padding-top: 5%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 205%;
        margin-left: 5%;
        font-size: 412%;
    }
    /* .intro-lista li {
        margin-top: 71px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 0.9em;
        margin-left: 2.5%;
        height: 4vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 3%;
        margin-right: 71%;
        width: 10%;
        float: right;
        /* right: 20%; */
    }
}

@media screen and (max-width: 320px) and (min-height: 568px) {
    .logo {
        width: 14%;
    }
    #timer {
        font-size: 24px;
    }
    .fondo-box {
        display: none;
    }
    .intro {
        width: 314%;
        height: 1788px;
        display: block;
    }
    .intro-texto14 {
        display: none;
    }
    .intro-texto14-mobile {
        display: block;
    }
    #intro1 {
        padding-top: 13%;
    }
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 205%;
        margin-left: 5%;
        font-size: 412%;
    }
    /* .intro-lista li {
        margin-top: 71px;
    } */
    #intro1,
    #intro2,
    #intro3,
    #intro4,
    #intro5,
    #intro6,
    #intro7,
    #intro8,
    #intro9,
    #intro10,
    #intro11,
    #intro12,
    #intro13,
    #intro14,
    #intro14-mobile,
    #intro15 {
        color: rgb(255, 255, 255);
        font-family: 'W95FA', monospace;
        font-size: 225%;
        margin-left: 5.5%;
        height: 12vh;
        /* padding-top: 3%; */
    }
    .sello-intro {
        margin-top: 5%;
        margin-right: 5%;
        width: 39%;
        float: right;
        right: 20%;
    }
}

@keyframes pezonani6 {
    4% {
        top: 80%;
    }
    8% {
        top: 77%;
    }
    12% {
        top: 80%;
    }
}

@keyframes pezonani5 {
    2% {
        top: 71.6%;
    }
    4% {
        top: 68.6%;
    }
    8% {
        top: 71.6%;
    }
}

@keyframes pezonani4 {
    12% {
        top: 77%;
    }
    16% {
        top: 74%;
    }
    20% {
        top: 77%;
    }
}

@keyframes pezonani3 {
    8% {
        top: 68.2%;
    }
    12% {
        top: 65.2%;
    }
    16% {
        top: 68.2%;
    }
}

@keyframes pezonani2 {
    20% {
        top: 72.4%;
    }
    24% {
        top: 69.4%;
    }
    28% {
        top: 72.4%;
    }
}

@keyframes pezonani1 {
    16% {
        top: 66%;
    }
    20% {
        top: 63%;
    }
    24% {
        top: 66%;
    }
}