* {
 margin: 0;
 padding: 0;
 list-style: none;
 text-decoration: none;
 font-family: sans-serif;
}

.cuerpo {
 background: #fff;
}

/* SECCION ESTATICA */

.s1 {
 position: fixed;
 width: 100%;
 z-index: 100;
}













/* SECCION1 */

.seccion1 {
 background-image: url(/img/ani-1-1.png);
 background-position: center;
 background-size: cover;
 animation: ani 3s infinite;

 width: 100%;
 height: 10vw;
 display: flex;
 justify-content: center;
 align-items: center;
}

@keyframes ani {
 0%, 50% {
  background-image: url(/img/ani-1-1.png);
  opacity: 1;
 }
 51%, 100% {
  background-image: url(/img/ani-1-2.png);
  opacity: 1;
 }
}

.seccion1 img {
 width: 15vw;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION1 */

 .seccion1 {
  width: 100%;
  height: 12vw;
 }

 .seccion1 img {
  width: 20vw;
 }
}

@media (max-width: 600px) {

 /* SECCION1 */

 .seccion1 {
  width: 100%;
  height: 15vw;
 }

 .seccion1 img {
  width: 25vw;
 }
}
























/* SECCION2 */

.seccion2 {
 background: #00C3FF;
 display: flex;
 justify-content: space-between;
 padding: 1vw 0vw;
}

.s2 {
 display: flex;
 align-items: center;
}

.s2:nth-child(1) {
 justify-content: start;
 padding-left: 3vw;
}

.s2:nth-child(5) {
 justify-content: end;
 padding-right: 3vw;
}

.s2 p {
 color: #fff;
 font-size: 1.5vw;
 font-weight: 700;
}

#s2-2 p {
    font-size: 3vw;
}

.s2:nth-child(3) p:hover {
 color: #d3d3d3;
 transition: all 0.2s;
}

#s2-2 img {
 width: 4vw;
 padding-right: 1vw;
}

.seccion2 ul {
 display: flex;
 justify-content: center;
 align-items: center;
}

.seccion2 ul li {
 padding: 0vw 1vw;
}

.seccion2 ul li a {
 color: #fff;
 font-size: 1.5vw;
 font-weight: 400;
}

.seccion2 ul li a:hover {
 color: #d3d3d3;
 transition: all 0.2s;
}

#open {
 display: none;
}

.o {
 display: none;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION2 */

 .seccion2 {
  position: relative;
  padding: 2vw 0vw;
 }

 .o {
  display: block;
  width: 5vw;
  height: 3.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 4vw;
 }

 .s2:nth-child(1) {
  padding-left: 4vw;
 }

 .s2 p {
  font-size: 4vw;
  font-weight: 700;
 }

 .o .bar {
  width: 100%;
  height: 0.6vw;
  background: #fff;
  border-radius: 1vw;
 }

 .seccion2 ul {
  display: none;
 }

 .s2:nth-child(5) {
  display: none;
 }

 #open:checked ~ ul {
  display: block;
  position: absolute;
  top: 100%;
  text-align: center;
  width: 100%;
  height: 100vh;
  background: #00C3FF;
 }

 #open:checked ~ ul li a {
  font-size: 3vw;
  font-weight: 500;
  display: block;
  padding: 2vw 0vw;
  width: 100%;
  border-bottom: 1px solid #fff;
 }

 #open:checked ~ ul li a:hover {
  background: #09b2e6;
 }

 #open:checked ~ .s2:nth-child(5) {
  display: block;
  position: absolute;
  top: 45vw;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
 }

 #open:checked ~ .s2 img {
  width: 6vw;
 }
}

@media (max-width: 600px) {

 /* SECCION2 */

 .seccion2 {
  padding: 2.5vw 0vw;
 }

 .o {
  display: block;
  width: 6vw;
  height: 4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 4.5vw;
 }

 .s2:nth-child(1) {
  padding-left: 4.5vw;
 }

 .s2 p {
  font-size: 4.5vw;
 }

 #open:checked ~ ul li a {
  font-size: 3.5vw;
  padding: 3vw 0vw;
 }

 #open:checked ~ .s2:nth-child(5) {
  top: 60vw;
 }

 #open:checked ~ .s2 img {
  width: 7vw;
 }
}
































/* SECCION3 */

.seccion3 {
 padding-top: 20%;
 padding-bottom: 3vw;
 display: grid;
 grid-template-columns: 70% 1fr;
 gap: 2vw;
 width: 95%;
 margin: auto;
}

.s3:nth-child(2) {
 background: #c3c3c3;
 padding: 2vw;
}

.sb {
 text-align: center;
}

.sb p:nth-child(1) {
 color: #FF00A4;
 font-size: 1.5vw;
 font-weight: 700;
 padding-bottom: 0.5vw;
}

.sb p:nth-child(2) {
 padding-bottom: 2vw;
 color: #000;
 font-size: 1.5vw;
 font-weight: 500;
}

.s3-a img {
 width: 16vw;
}

.s3-b {
 display: grid;
 grid-template-columns: 1fr 1fr;
}

.s3-a {
 display: grid;
 grid-template-rows: 1fr 1fr;
 gap: 2vw;
}

.s3-b > img {
 width: 45vw;
}

.s3-c {
 padding-top: 2vw;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.s3-c-b img {
 width: 16vw;
}

.s3-c-b img:nth-child(1) {
 display: none;
}

.s3-c-b img:nth-child(2) {
 display: none;
}

.s3-c-b:nth-child(2) img {
 margin-left: 2vw;
}

.s3-c a img {
 width: 7vw;
}

.s3-c a:nth-child(2) img {
 padding: 0vw 1.5vw;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION3 */

 .seccion3 {
  padding-top: 24%;
  padding-bottom: 4vw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4vw;
  width: 95%;
  margin: auto;
 }

 .s3:nth-child(2) {
  padding: 2vw 1.5vw;
 }

 .sb p:nth-child(1) {
  font-size: 2.5vw;
  font-weight: 700;
  padding-bottom: 1vw;
 }

 .sb p:nth-child(2) {
  padding-bottom: 5vw;
  font-size: 2.5vw;
  font-weight: 500;
 }

 .s3-a {
  display: none;
 }

 .s3-b {
  display: grid;
  grid-template-columns: 1fr;
 }

 .s3-b > img {
  width: 100%;
  height: 35vw;
 }

 .s3-c {
  padding-top: 3vw;
  flex-direction: column-reverse;
  display: flex;
  align-items: center;
  justify-content: space-between;
 }

 .s3-c-b img:nth-child(1) {
  display: block;
 }
 
 .s3-c-b img:nth-child(2) {
  display: block;
 }

 .s3-c-b {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
 }

 .s3-c-b img {
  width: 90%;
  padding: 0vw 1vw;
 }

 .s3-c-b:nth-child(2) img {
  margin-left: 0vw;
 }

 .s3-c a img {
  width: 8vw;
 }

 .s3-c a:nth-child(2) img {
  padding: 0vw 2vw;
  padding-top: 3vw;
 }
}

@media (max-width: 600px) {

 /* SECCION3 */

 .seccion3 {
  padding-top: 30%;
  padding-bottom: 5vw;
  gap: 5vw;
  width: 90%;
  margin: auto;
 }

 .s3:nth-child(2) {
  padding: 3vw 2vw;
 }

 .sb p:nth-child(1) {
  font-size: 3.5vw;
  font-weight: 700;
  padding-bottom: 1.5vw;
 }

 .sb p:nth-child(2) {
  padding-bottom: 7vw;
  font-size: 3.5vw;
  font-weight: 500;
 }

 .s3-b > img {
  width: 100%;
  height: 45vw;
 }

 .s3-c {
  padding-top: 3vw;
 }

 .s3-c-b {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
 }

 .s3-c-b img {
  width: 90%;
  padding: 0vw 1vw;
 }

 .s3-c-b:nth-child(2) img {
  margin-left: 0vw;
 }

 .s3-c a img {
  width: 10vw;
 }

 .s3-c a:nth-child(2) img {
  padding: 0vw 2.5vw;
  padding-top: 3vw;
 }
}

































/* SECCION4 */

.seccion4 {
 background-image: url(/img/banner-2-1.png);
 background-position: center;
 background-size: cover;
 animation: banner2 4s infinite;
 animation-direction: alternate;


 width: 100%;
 height: 30vw;
 display: flex;
 justify-content: center;
 align-items: center;
}

@keyframes banner2 {
 0%, 30% {
  background-image: url(/img/banner-2-1.png);
 }
 35%, 65% {
  background-image: url(/img/banner-2-2.png);
 }
 70%, 100% {
  background-image: url(/img/banner-2-3.png);
 }
}

.seccion4 h1 {
 color: #FF00A4;
 font-size: 3vw;
 font-weight: 700;
 text-shadow: 2px 2px 3px #000;
}

@media (max-width: 960px) {

/* SECCION4 */

.seccion4 {
 height: 35vw;
 }

.seccion4 h1 {
 font-size: 3.5vw;
 }
}

@media (max-width: 600px) {

/* SECCION4 */
    
.seccion4 {
  height: 40vw;
 }
    
.seccion4 h1 {
 font-size: 4vw;
 text-align: center;
 }
}



























/* SECCION5 */

.seccion5 {
 padding: 4vw 0vw;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 gap: 2vw;
 width: 95%;
 margin: auto;
}

.s5 {
 height: 15vw;
 display: flex;
 justify-content: center;
 align-items: center;
}

.s5 p {
 color: #fff;
 font-size: 2vw;
 font-weight: 700;
 text-align: center;
 text-shadow: 2px 2px 3px #000;
}



.seccion5 a:nth-child(1) {
 position: relative;
}

.seccion5 a:nth-child(1) img {
 height: 100%;
}

.seccion5 a:nth-child(1) p {
 position: absolute;
}



.seccion5 a:nth-child(2) {
 position: relative;
}

.seccion5 a:nth-child(2) img {
 height: 100%;
}

.seccion5 a:nth-child(2) p {
 position: absolute;
}



.seccion5 a:nth-child(3) {
 position: relative;
}

.seccion5 a:nth-child(3) img {
 height: 100%;
}

.seccion5 a:nth-child(3) p {
 position: absolute;
}



.seccion5 a:nth-child(4) {
 position: relative;
}

.seccion5 a:nth-child(4) img {
 height: 100%;
}

.seccion5 a:nth-child(4) p {
 position: absolute;
}



.seccion5 a:nth-child(5) {
 position: relative;
}

.seccion5 a:nth-child(5) img {
 height: 100%;
}

.seccion5 a:nth-child(5) p {
 position: absolute;
}



.seccion5 a:nth-child(6) {
 position: relative;
}

.seccion5 a:nth-child(6) img {
 height: 100%;
}

.seccion5 a:nth-child(6) p {
 position: absolute;
}



.seccion5 a:nth-child(7) {
 position: relative;
}

.seccion5 a:nth-child(7) img {
 height: 100%;
}

.seccion5 a:nth-child(7) p {
 position: absolute;
}



.seccion5 a:nth-child(8) {
 position: relative;
}

.seccion5 a:nth-child(8) img {
 height: 100%;
}

.seccion5 a:nth-child(8) p {
 position: absolute;
}



.seccion5 a:nth-child(9) {
 position: relative;
}

.seccion5 a:nth-child(9) img {
 height: 100%;
}

.seccion5 a:nth-child(9) p {
 position: absolute;
}



.seccion5 a:nth-child(10) {
 position: relative;
}

.seccion5 a:nth-child(10) img {
 height: 100%;
}

.seccion5 a:nth-child(10) p {
 position: absolute;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION5 */

 .seccion5 {
  padding: 5vw 0vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3vw;
  width: 95%;
 }

 .s5 {
  height: 25vw;
 }

 .s5 p {
  font-size: 3vw;
 }

 .seccion5 a:nth-child(9) p {
  width: 80%;
  margin: auto;
 }
}

@media (max-width: 600px) {

 /* SECCION5 */

 .seccion5 {
  padding: 6vw 0vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
  width: 90%;
 }

 .s5 {
  height: 35vw;
 }

 .s5 p {
  font-size: 3vw;
 }

 .seccion5 a:nth-child(9) p {
  width: 80%;
  margin: auto;
 }
}






























/* SECCION6 */

.seccion6 {
 background: #000;
 padding: 3vw 0vw;
}

.f {
 display: grid;
 grid-template-columns: 1fr 1fr;
 width: 90%;
 margin: auto;
}

.f-i {
 display: flex;
 align-items: center;
}

.f-i img {
 width: 35vw;
}

.f-l p {
 color: #fff;
 font-size: 2.5vw;
 font-weight: 500;
 text-align: center;
}

.f-l p:nth-child(3) {
 font-weight: 800;
}

.f-ico {
 display: flex;
 justify-content: space-between;
 width: 50%;
 margin: auto;
 padding-top: 3vw;
 padding-bottom: 0.5vw;
}

.f-ico img {
 width: 5vw;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION6 */

 .seccion6 {
  padding: 4vw 0vw;
 }

 .f {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
 }

 .f-i {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3vw;
 }

 .f-i img {
  width: 45vw;
 }

 .f-l p {
  font-size: 3vw;
  width: 60%;
  margin: auto;
 }

 .f-ico {
  width: 30%;
  padding-top: 3.5vw;
  padding-bottom: 1vw;
 }

 .f-ico img {
  width: 6vw;
 }
}

@media (max-width: 600px) {

 /* SECCION6 */

 .seccion6 {
  padding: 5vw 0vw;
 }

 .f-i {
  padding-bottom: 4vw;
 }

 .f-i img {
  width: 60vw;
 }

 .f-l p {
  font-size: 4vw;
  width: 80%;
  margin: auto;
 }

 .f-ico {
  width: 40%;
  padding-top: 4vw;
  padding-bottom: 1.5vw;
 }

 .f-ico img {
  width: 10vw;
 }
}






















/* SECCION7 */

.seccion7 {
 background: #111;
 padding: 1vw 0vw;
 text-align: center;
}

.seccion7 a {
 color: #fff;
 font-size: 1.3vw;
 font-weight: 500;
}

/* RESPONSIVE */

@media (max-width: 960px) {

 /* SECCION7 */

 .seccion7 {
  padding: 1.5vw 0vw;
 }

 .seccion7 a {
  font-size: 2vw;
 }
}

@media (max-width: 600px) {

 /* SECCION7 */

 .seccion7 {
  padding: 2vw 0vw;
 }

 .seccion7 a {
  font-size: 2.5vw;
 }
}