@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
html{
  scroll-behavior: smooth;
}


/*/PARA RESPONSIVE /*/
.caja-portada{
    position: relative;
  margin: 60px auto;
  text-align: center;
  padding: 0 20px;

  }
  .caja-portada .texto{
    font-size: 50px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Kaushan Script', cursive;
  }
  .caja-portada .parrafo{
    font-size: 27px;
  font-weight: 200;
  color: #ffffff;
  font-family: 'Kaushan Script', cursive;
  }
  .imagen-portada{
    background: rgba(1, 1, 2, 0.616);  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, rgba(105, 14, 37, 0.555), rgba(10, 14, 17, 0.548)),url(../IMG/fondo2.jpeg);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, rgba(78, 13, 29, 0.603), rgba(8, 10, 12, 0.521)),url(../IMG/fondo2.jpeg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    position: absolute;
    width: 100%;
    height: 40%;
    object-fit: cover; 

  }
  /*/PARA RESPONSIVE /*/
.content12{
  position: relative;
  margin: 20px auto;
  text-align: center;
  padding: 0 20px;
}
.content12 .text{
  font-size: 40px;
  font-family: 'Staatliches', cursive;
  font-weight: 600;
  color: #202020;
}
.content12 .pe{
  font-size: 25px;
  font-weight: 600;
  color: #202020;
  margin-bottom: -70px;
  font-family: 'Kaushan Script', cursive;
}/*//*/
footer{
  position: relative;
  bottom: 0px;
  width: 100%;
  background: #111;
}
.main-contente{
  display: flex;
}
.main-contente .boxe{
  flex-basis: 50%;
  padding: 10px 20px;
}
.boxe h2{
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
}
.boxe .contente{
  margin: 20px 0 0 0;
 position: relative;
}
.boxe .contente:before{
  position: absolute;
  content: '';
  top: -10px;
  height: 2px;
  width: 100%;
  background: #1a1a1a;
}
.boxe .contente:after{
  position: absolute;
  content: '';
  height: 2px;
  width: 15%;
  background: #069401;
  top: -10px;
}
.left .contente .pe{
  text-align: justify;
}
.left .contente .social{
  margin: 20px 0 0 0;
}
.left .contente .social a{
  padding: 0 2px;
}
.left .contente .social a span{
  height: 40px;
  width: 40px;
  background: #1a1a1a;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  border-radius: 5px;
  transition: 0.3s;
  color: white;

}
.left .contente .social a span:hover{
  background: #0b7701;
}
.center .contente .fas{
  font-size: 1.175rem;
  background: #1a1a1a;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
  color: white;
}
.center .contente .fas:hover{
  background: #188801;
}
.center .contente .texti{
  font-size: 15px;
  font-weight: 500;
  padding-left: 10px;
}
.center .contente .phone{
  margin: 15px 0;
}
.right form .texti{
  font-size: 1.000rem;
  margin-bottom: 2px;
  color: #ffffff;
}
.right form .msg{
  margin-top: 10px;
}
.right form input, .right form textarea{
  width: 100%;
  font-size: 15px;
  background: #151515;
  padding-left: 10px;
  border: 1px solid #222222;
  color: white;
}
.right form input:focus,
.right form textarea:focus{
  outline-color: #3498db;
}
.right form input{
  height: 35px;
}
.right form .btne{
  margin-top: 10px;
}
.right form .btne button{
  height: 35px;
  width: 100%;
  border: none;
  outline: none;
  background: hsl(115, 97%, 25%);
  font-size: 1.000rem;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
  color: white;
}
.right form .btne button:hover{
  background: #000;
  color: white;
}
.bottom center{
  padding: 5px;
  font-size: 0.6375rem;
  background: #151515;
}
.bottom center span{
  color: #ffffff;
}
.bottom center a{
  color: #f12020;
  text-decoration: none;
}
.bottom center a:hover{
  text-decoration: underline;
}
.tx{
    text-align: justify;
    color: wheat;
}
.texto{
    color: white;
}
.texto-form{
    color: rgb(172, 170, 170);
 
}
.titulo-crud{

    font-weight: 500;
    font-family: 'Kaushan Script', cursive;
}
@media screen and (max-width: 900px) {
  footer{
    position: relative;
    bottom: 0px;
    
  }
  .main-contente{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .main-contente .boxe{
    margin: 5px 0;
  }
  .caja-portada{
    position: relative;
  margin: 130px auto;
  text-align: center;
  padding: 0 20px;
   
  }
  .caja-portada .texto{
    margin-top: -90px;
    font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  }
  .caja-portada .parrafo{
    font-size: 1.1875rem;
  font-weight: 200;
  color: #ffffff;
  }
  .imagen-portada{
    background: rgba(1, 1, 2, 0.616);  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, rgba(105, 14, 37, 0.555), rgba(10, 14, 17, 0.548)),url(../IMG/fondo2.jpeg);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, rgba(78, 13, 29, 0.603), rgba(8, 10, 12, 0.521)),url(../IMG/fondo2.jpeg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    position: absolute;
    width: 100%;
    height: 40%;
    object-fit: cover; 
  }
  .content12 .text{
    margin-top: -95px;
    font-size: 30px;
    font-weight: 600;
    color: #202020;
 
  }
}
@media screen and (max-width: 600px) {
    .caja-portada{
        position: relative;
      margin: 130px auto;
      text-align: center;
      padding: 0 20px;
     
      }
      .caja-portada .texto{
        margin-top: -70px;
        font-size: 30px;
      font-weight: 400;
      color: #ffffff;
      font-family: 'Kaushan Script', cursive;
      
      }
      .caja-portada .parrafo{
        font-size: 20px;
      font-weight: 200;
      color: #ffffff;
      }
      .imagen-portada{
        background: rgba(1, 1, 2, 0.616);  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgba(105, 14, 37, 0.555), rgba(10, 14, 17, 0.548)),url(../IMG/fondo2.jpeg);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgba(78, 13, 29, 0.603), rgba(8, 10, 12, 0.521)),url(../IMG/fondo2.jpeg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
        position: absolute;
        width: 100%;
        height: 30%;
        object-fit: cover;
        background-size: auto 147%; /* Reducir el tamaño de la imagen al 50% de la altura de la caja */
        background-position: center bottom; /* Posicionar la imagen en el centro horizontal y en la parte inferior vertical */
        background-repeat: no-repeat; 
      }
      .content12 .text{
        margin-top: -60px;
        font-size: 30px;
        font-weight: 600;
        color: #202020;
        font-family: 'Staatliches', cursive;
        
      }  
      .content12 .pe{
        color: #250515;
        margin-bottom: -50px;
        font-family: 'Kaushan Script', cursive;
        
      }  
}