html {
  height: 100%;}

body {
    margin-top: 1px;
    text-align: center;
    text-justify: auto;
    text-overflow: clip;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    color: rgb(255, 255, 255);
    overflow: hidden;
    /*background: #1a0505 ;*/
    background: linear-gradient(135deg, rgb(94, 112, 98) 23%, rgb(57, 84, 65) 100%);}
    /* background: linear-gradient(135deg, rgba(34,193,195,1) 23%, rgba(253,247,45,1) 100%);} */
    

.divintro{
  height: 50vh;
  margin-top: 20vh; 
  position: relative;
}

.divtit{
  font-size: 1vw;
  color: rgb(162, 162, 162);
  margin-top: 14vh;
  }

.boton{
    font-size:1.2vw;
    font-family:Arial,Verdana,Helvetica;
    font-weight: bold;
    color:rgba(255, 254, 254, 0.867);
    background:#2e2d2d2c;
    border-color: rgb(107, 142, 35);
    border-radius: 1.5vh;
    border-style: solid;
    border-width: 0.31vh;
    margin-top:1.8vh;
    width:8vw;
    height:4.8vh;  }
  
.boton:hover {
  background-color: #f0f4f62f;
  color: rgba(245, 245, 245, 0.725);}

.formu{
  width:13vw;
  height:5vh;
  text-align:center;
  font-size:1.5vw;
	border-radius:1.5vh;
  border-color: rgb(107, 142, 35);
  border-style: solid;
  border-width: 0.28vh;
	background-color:#f7f7f79b;}

.imag{
  width:12vw;
  padding-top: 1vh;
  margin-bottom: 2vh;
  text-align:center;
  opacity: 0.5;
}

.imag2{
  width:38vw;
  margin-bottom: 2vh;
  text-align:center;
  padding-top: 1vh;}

.divancho{
  width:90vw;
  /* margin-bottom: 1.8vh; */
  padding-top: 1.8vh;
}

.a2030{
  /* width:90vw; */
  height: 20vh;
  /* margin-bottom: 1.8vh; */
  padding-top: 1.8vh;
  font-size:2.2vh;}

.box {
  margin-top: 10px;
  border: 2px dotted darkblue;
  width: 90vw;
  height: 90vh;
  font-size: 10vh;
  /* margin: 10%; */
  /* padding: 10%; */
}

.divkabecera{
  text-align:left;
  width:99vw;
  height:9vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  background-color:#ffffff38;
}

.divk1{
  text-align:left;
  font-weight: bold;
  font-size: 1.1vw;
  height:9vh;
  float:left;
}

/* .divk2{
  text-align:left;
  font-weight: bold;
  color:rgba(255, 255, 255, 0.581);
  font-size: 1.1vw;
  width:20vw;
  height:8vh;
  float:left;
} */

.divk3{
  text-align:left;
  margin-left: 1vw;
  font-weight: bold;
  color:rgba(255, 255, 255, 0.581);
  font-size: 9vh;
  height:8vh;
  float:left;
}

.imagk{
  height:9vh;
}

.divi1{
  text-align:left;
  margin-left: 1vw;
  font-weight: bold;
  font-size: 9vh;
  width: 99vw;
  height:30vh;
  float:left;
}

.imagi1{
  width:100vw;
  height:60vh;
  text-align:left;
}

.divquerpo{
  text-align:left;
  font-weight: bold;
  width:99vw;
  height:85vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  font-size: 1.1vw;
  color:rgba(255, 255, 255, 0.867);
  background-color:#ffffff38;
}

.divpie{
  text-align:left;
  width:99vw;
  height:12vh;
  margin-top: 1vh;
  border: 1px rgb(255, 255, 255);
  font-size: 1.1vw;
  color:rgba(255, 255, 255, 0.867);
  background-color:#ffffff38;
}

.divp1{
  text-align:left;
  width:12.5vw;
  height:12vh;
  float:left;
}

.divp2{
  text-align:left;
  font-size: 2vh;
  width:35vw;
  height:12vh;
  float:left;
}

.divp3{
  text-align:right;
  width:6vw;
  height:12vh;
  float:right;
  a {display:block; width:100%; height:100%; color:rgba(255, 254, 254, 0.867);}
}

.divp3:hover {
  background-color: #f0f4f62f;
  color: rgba(245, 245, 245, 0.725);}

.divp4{
  text-align:center;
  width:6vw;
  height:5.7vh;
  float:right;
}

.divp5{
  text-align:center;
  font-size: 2vh;
  /* font-weight: bold; */
  width:6vw;
  height:6vh;
  float:right;
}
.divp6{
  margin-top: 0.5vh;
  width:35vw;
  height:7.8vh;
  float:left;
}
.divp7{
  margin-bottom: 1.8vh;
  width:36vw;
  height:2.5vh;
  float:left;
}

.divp8{
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  margin-left: 1vw;
  margin-top: 0.1vh;
  /* font-weight: bold; */
  color:rgba(255, 255, 255, 0.581);
  /* color:rgba(255, 54, 54, 0.753); */
  text-align:left;
  font-size: 3.6vh;
  width:70vw;
  height:2.5vh;
  float:left;
}

.divp9{
  margin-top: 0.1vh;
  margin-left: 2vw;
  background-color:rgba(255, 255, 255, 0.581);
  width:0.2vw;
  height:8.8vh;
  float:left;
}

.imagp1{
  width:12vw;
  height:12vh;
}

.imagp2{
  width:3vw;
  height:5.6vh;
}

.botonp1{
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  color:rgba(255, 254, 254, 0.867);
  background:#2e2d2d2c;
  border-color: rgb(107, 142, 35);
  border-radius: 1vh;
  border-style: solid;
  border-width: 0.2vh;
  width:7vw;
  height:3vh;  
}

.botonp1:hover {
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  background-color: #ffffff24;
  color:rgba(255, 254, 254, 0.867);
  border-color: rgba(107, 142, 35, 0.721);
  border-width: 0.25vh;
}

.botonp2{
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  color:rgba(255, 254, 254, 0.867);
  background:#2e2d2d2c;
  border-color: rgb(107, 142, 35);
  border-radius: 1vh;
  border-style: solid;
  border-width: 0.2vh;
  width:4vw;
  height:3vh;  
  
}

.botonp2:hover {
  font-size:2vh;
  font-family:Arial,Verdana,Helvetica;
  background-color: #ffffff24;
  color:rgba(255, 254, 254, 0.867);
  border-color: rgba(107, 142, 35, 0.721);
  border-width: 0.25vh;
}

.tablex {
  size:50vw;
  align-content :center;
  border-color: rgba(43, 57, 15, 0.721);
  border-width: 0.5vh;
}

.sect {
  width: 100vw;
  position: absolute;
  /* height: 99vh; */
  opacity: 0.05;
  top: 0;
  left: 0;
  z-index: -1; /* Envía el elemento al fondo de la pila */
  pointer-events: none; /* Evita que los eventos del mouse se propaguen al elemento */
 
}