/*CONTENEDOR DEL VIDEO*/
.video-container {
  position: relative;
  width: 100%; /* Ajusta el ancho del contenedor según sea necesario */
  height: 650px; /* Ajusta la altura del contenedor según sea necesario */
  overflow: hidden; /* Oculta el desbordamiento para que el video no se vea fuera del contenedor */
  float: left;
  padding: 2%;
  margin-top: 2%;
  margin-bottom: 0;
}

/*VIDEO DE FONDO */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ajusta el video para cubrir todo el contenedor */
  z-index: -1; /* Asegura que el video esté detrás del contenido */
  background-color: #21a759;
  filter: brightness(50%);
}

.content {
  position: relative;
  z-index: 1; /* Asegura que el contenido esté por encima del video */
  /* Estilos adicionales para el contenido */
  color: white;
  padding: 20px;
}

.container{
    width:40%; 
    margin:5%;
    padding:2%;
    background-color: #dadada; 
    float:left;
}

/*CONTAINER*/
.cuadro{
  width:96%;
  margin:2%;
  padding:2%;
  background-color: transparent;
  float:left;
  font-style: inherit;
  font-weight: inherit;
  
}
/*CONTAINER PRINCIPAL INDEX*/
.cuadro-index{
  width:100%;
  margin-top:0.5%;
  padding:2%;
  background-color: transparent;
  float:left;
  font-style: inherit;
  font-weight: inherit;
}

/*CUADRO DE TEXTOS INDEX [PRINCIPAL]*/
.cuadro-text{
  width:80%;
  background-color: transparent;
  font-style: inherit;
  font-weight: inherit;
  display:flex;
  flex-wrap: wrap;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:10%;
}
/*RECUADROS DENTRO DEL INDEX*/
.seccion-index {
  width:50%;
  background-color: transparent;
  padding:2%;
  display: flex;
  align-items: stretch;
}

/*AJUSTANDO LOS CUADROS DEL INDEX EN MODO MOVIL*/
@media (max-width: 768px) {
  .cuadro-text {
    flex-direction: column; 
    width:100%;
    margin:0;
    margin-bottom:10%;
  }

  .seccion-index {
    width: 100%;
  }
}

/*TITULO INDEX [contenido]*/
.index-box-title-content{
  font-size: 20px;
  font-style: inherit;
  font-weight: inherit;
  text-align:justify;
  color:#ffffff;
  margin:1%;
  margin-bottom:0;
}

/*TEXTO DENTRO DEL INDEX [contenido]*/
.index-box-text-content{
  font-size: 18px;
  font-style: inherit;
  font-weight: inherit;
  text-align:justify;
  color:#cacaca;
  margin:1%;
}


/*RECUADROS DENTRO DEL INDEX [IMAGEN]*/
.seccion-index-imgbox {
  width: 28%;
  display: flex;
  justify-content: center; /* centro horizontal */
  align-items: center;     /* centro vertical */
  padding: 2%;
  box-sizing: border-box;
  color:white;
}

/*RECUADROS DENTRO DEL INDEX [TEXTO]*/
.seccion-index-textbox {
  width: 72%; /* suma 100% con imgbox si restas padding */
  display: flex;
  flex-direction: column;
  padding: 2%;
  box-sizing: border-box;
  color:white;
}

/*FOOTER*/
.footer{
  background-color: #007a32; 
  width:100%;
  color: white;
  display:flex;
}

/*CONTENIDO DEL FOOTER*/
.containerFooter{
  width:33%;
  padding: 2%;
  text-align: center;
}

/*AJUSTANDO LOS CUADROS DEL FOOTER EN MODO MOVIL*/
@media (max-width: 768px) {
  .footer {
    flex-direction: column; 
  }

  .containerFooter {
    width: 100%;
    margin-bottom:7.5%;
    border-top: 2px solid green;
  }
}

.cuadro2{
  width:96%;
  height:75px;
  margin:2%;
  background-color: transparent;
  float:left;
  font-style: inherit;
  font-weight: inherit;
}

.containerMin{
    width:70%; 
    height:auto;
    margin:1%; 
    background-color: #fff; 
    float:left;
    font-style: inherit;
    font-weight: inherit;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    transition: transform 0.3s ease-out;
}

.containerMin:hover{
  transform: scale(1.05);
}

@media (max-width: 768px) { /*  Para pantallas menores a 768px (típicamente tablets y móviles) */
    .containerMin {
      width: 98%; /* */
      word-wrap: break-word;
      flex-direction: column;
      margin-bottom: 5%;
    }
    .recuadro-img-containerMin, 
    .recuadro-text-containerMin {
        width: 100%;
    }
    .container{
      width:100%;
    }
    .containerFooter img{
      width:90%;
    }
  }

.recuadro-img-containerMin, 
.recuadro-text-containerMin {
    flex: 1;
}
.recuadro-text-containerMin{
  padding:3%;
}

.copyright{
  background-color: #000000; 
  text-align:center;
  width:100%;
  font-size: 16px;
  float:left;
  font-style: inherit;
  font-weight: inherit;
  color:white;
}

.title-box-text{
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: inherit;
  text-align:center;
  color:#007a32;
  margin:1%;
}

.title-box-text:hover{
   text-decoration: underline;
}

.title-body-text{
  font-size: 35px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#dadada;
  margin:1%;
}

.body-box-text{
  font-size: 1 rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: inherit;
  text-align:justify;
  color:#6b6b6b;
  margin:1%;
}

.form-box-text{
  font-style: inherit;
  font-weight: inherit;
  color:#424242;
  margin-top:1%;
  margin-bottom:0;
}

.nav-box-text{
  font-size: 15px;
  font-style: inherit;
  font-weight: inherit;
  text-align:left;
  color:#7c7c7c;
  margin:1%;
}

.nav2-box-text{
  font-size: 15px;
  font-style: inherit;
  font-weight: inherit;
  color:#ffffff;
}

.boton{
  padding:2%;
  float:right;
  font-style: inherit;
  font-weight: inherit;
  color:#cccccc;
  background-color: #005021;
  text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
  width:auto;
  border-radius: 20px;
  font-size: 15px;
  border: 0;
  cursor: pointer;
  border-radius: 3em;
  text-align: center;
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 10;
}

.boton:hover{
  background-color: #007531;
  color: #ffffff;
}

body{
  background-image:linear-gradient(to bottom, #303920, #203936);
}

.submit_button{
    position: relative;
    display: inline-block;
    border: 0;
    background: #007a32;
    color: #fff;
    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    padding: 1em 3em 1em 3em;
    text-align: center;
    border-radius: 3em;
    font-weight: 400;
    margin-top:5%;
}

.submit_button:hover {
  background-color: #00af49; 
  color: white; 
}

.nav-item{
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #ffffff;
  width: 0%;
  transition: width 0.3s ease;
}

.nav-item:hover::after {
  width: 100%;
  animation: heartbeat116 1.5s ease-in-out 0.3s infinite;
}

.navbar-nav{
  margin-left: 5%;
  margin-right: 5%;
}

.footer-box-text{
  font-size: 15px;
  font-style: inherit;
  font-weight: inherit;
  text-align:left;
  margin:1%;
}

.footer2-box-text{
  font-size: 18px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#ffffff;
  margin:1%;
}

/*TITULO DENTRO DEL VIDEO*/
.video-box-title{
  font-size: 40px;
  font-style: inherit;
  font-weight: inherit;
  text-align:left;
  color:#ffffff;
  margin:1%;
  padding-left:7.5%;
  padding-right:7.5%;
}

/*SUBTITULO DENTRO DEL VIDEO*/
.video-box-subtitle{
  font-size: 25px;
  font-style: inherit;
  font-weight: inherit;
  text-align:left;
  color:#999999;
  margin:1%;
  padding-left:7.5%;
  padding-right:7.5%;
  padding-top:7.5%;
}

/*TEXTO DENTRO DEL VIDEO*/
.video-box-text{
  font-size: 25px;
  font-style: inherit;
  font-weight: inherit;
  text-align:left;
  color:#e2e2e2;
  margin:1%;
  padding-left:7.5%;
  padding-right:7.5%;
}

/*AJUSTANDO LOS TEXTOS DEL VIDEO EN MODO MOVIL*/
@media (max-width: 768px) {
  .video-box-title {
    font-size: 35px;
    padding-left:2%;
    padding-right:2%;
  }

  .video-box-subtitle {
    font-size: 25px;
    padding-left:2%;
    padding-right:2%;
  }
  
  .video-box-text{
    font-size: 25px;
    padding-left:2%;
    padding-right:2%;
  }
}



/*TITULO INDEX*/
.index-box-title{
  font-size: 35px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#ffffff;
  margin:1%;
}

/*TEXTO DENTRO DEL INDEX*/
.index-box-text{
  font-size: 20px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#ebebeb;
  margin:1%;
  margin-top:3%;
}

/*BORDE PARA LOS TITULOS DE LA PAGINA*/
.white-divider {
    max-width: 40px;
    border-top-width: 3.5px;
    border-color: rgb(104, 182, 14) !important;
}

/*TITULO FOOTER*/
.footer-box-title{
  font-size: 20px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#ffffff;
  margin:1%;
}

/*TEXTO FOOTER*/
.footer-box-text{
  font-size: 15px;
  font-style: inherit;
  font-weight: inherit;
  text-align:center;
  color:#ffffff;
  margin:1%;
}

.search{
    background-color: transparent;
    border: 0;
    color: #ffffff;
    width: 270.5px;
}

.search:hover{
  color: #fcd600;
}

.container-contact{
  width:100%;
  height:auto;
  background-color: #fdfdfd;
  display:flex;
}

.form-container{
    width:46%; 
    margin:2%;
    padding:5%;
    background-color: transparent; 
    float:left;
}

/*AJUSTANDO LOS CUADROS DEL FOOTER EN MODO MOVIL*/
@media (max-width: 768px) {
  .container-contact {
    flex-direction: column; 
  }

  .form-container {
    width: 98%;
  }
}

/* LETRAS EN FORMULARIO */
.title-form-text{
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: inherit;
  color:#00471e;
  margin:1%;
  margin-bottom: 0.5%;
}

.text-form-text{
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: inherit;
  color:#292929;
  margin:1%;
  margin-bottom: 0.5%;
}

.info{
  width:90%;
  display:flex;
  margin-top:1%;
  padding:5%;
  border-bottom: 1px solid #8f8f8f;
 
}
.icon-form{
  width:22.5%;
  padding:2%;
  justify-content: center; /* centro horizontal */
  align-items: center;     /* centro vertical */
  color:#008000;
  display: flex;
}

.info-form{
  width:72.5%;
  padding:2%;
  color:#6b6b6b;
}

button.submit_button:disabled {
  background-color: #ffffff;
  border: 2px solid #28a745;
  color: #28a745;
}

.input-wrapper {
  position: relative;
  margin: 0;
}

.checkmark {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #28a745;
  font-size: 18px;
}

.administracion-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* Muy importante para permitir que bajen de línea */
}

.administracion-box-child {
  width: 25%;
  color: white;
  padding: 2%;
  box-sizing: border-box;
  text-align: center; /* Para centrar el contenido */
  margin-bottom: 3%;
}

@media (max-width: 768px) {
  .administracion-box-child {
    width: 50%; /* Dos por fila */
    margin-bottom: 10%;
  }
}

.cuadro-adm{
  width:96%;
  margin:2%;
  padding:2%;
  background-color: transparent;
  float:left;
  font-style: inherit;
  font-weight: inherit;
  text-align: center;
  
}

.hide-robot-css{
display:none;
}