* {
 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;
 }
}






























































/* SECCION4 */

.s4-space {
 padding-top: 15%;
}

@media (max-width: 960px) {

/* SECCION4 */

.s4-space {
 padding-top: 19%;
 }
}

@media (max-width: 600px) {

/* SECCION4 */

.s4-space {
 padding-top: 24%;
 }
}



























/* SECCION5 */

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

.s5 {
 padding: 1.5vw 2vw;
 background: #c3c3c3;
}

.s5 img {
 width: 100%;
}

.s5-l p {
 color: #000;
 padding-top: 1.5vw;
 padding-bottom: 1vw;
 font-size: 2vw;
 font-weight: 550;
 line-height: 1.8vw;
}

.s5-l li a {
 display: block;
 color: #fff;
 font-size: 2vw;
 font-weight: bold;
 background: #00C3FF;
 border-radius: 1vw;
 padding: 0.5vw 0vw;
}

.s5-l li a:hover {
 background: #09b2e6;
 transition: all 0.2s;
}

@media (max-width: 960px) {

 /* SECCION5 */

 .seccion5 {
  padding: 5vw 0vw;
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5vw 3vw;
  text-align: center;
 }

 .s5 {
  padding: 2.5vw 3vw;
 }

 .s5-l p {
  padding-top: 2vw;
  padding-bottom: 1.5vw;
  font-size: 3vw;
  line-height: 2.5vw;
 }

 .s5-l li a {
  font-size: 3vw;
  padding: 1vw 0vw;
 }
}

@media (max-width: 600px) {

 /* SECCION5 */

 .seccion5 {
  padding: 6vw 0vw;
  gap: 5vw 4vw;
  text-align: center;
 }

 .s5 {
  padding: 3vw 3.5vw;
 }

 .s5-l p {
  padding-top: 2.5vw;
  padding-bottom: 2vw;
  font-size: 4vw;
  line-height: 3.5vw;
 }

 .s5-l li a {
  font-size: 3.5vw;
  padding: 1.5vw 0vw;
 }
}





























/* 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;
 }
}