@font-face { font-family: "Coconat"; src: url("Coconat-Regular.otf"); font-display: swap;  }
@font-face { font-family: "Poppins-Bold"; src: url("Poppins-Bold.ttf"); font-display: swap;  }
@font-face { font-family: "Poppins-Regular"; src: url("Poppins-Regular.ttf"); font-display: swap; }
@font-face { font-family: "Poppins-Thin"; src: url("Poppins-Thin.ttf"); font-display: swap; }
h1,h2,h3,h4,h5,,h6{ font-family: "Poppins-Bold";  }
p{ font-family: "Poppins-Regular"; }
button{ font-family: "Poppins-Regular"!important; }
ul li{ list-style: none; }
nav{ border: none!important; padding: 20px!important;}
.navbar-brand img{ height: 40px;}
.bg-green{ background: rgb(24,52,36); }
.nav-link{ text-transform: uppercase; color: rgb(176, 130, 75); font-family: "Poppins-Bold"; }
.nav-link:hover{ text-transform: uppercase; color: rgb(176, 130, 75); }
.nav-link:focus{ text-transform: uppercase; color: rgb(176, 130, 75); }
.navbar-toggler{ border:1px solid #fff; }
.fa-bars{ color: #fff;}
.logohome{ height: 80px; }
.text-gold{ color: rgb(176, 130, 75); }
.tit-valores{ color: rgb(176, 130, 75); font-family: "Coconat";  }
.mision{ margin-top: 200px; padding-right: 80px;}
.vision{ margin-top: 70px; padding-right: 80px;}
.valores{ margin-top: 70px; padding-left: 120px;}
.texto-valores{ font-size: 11pt; font-family: "Poppins-Regular";}
.div-home{ display: flex; align-items: center;  height: 90vh;  }
.tit-home{ color: #fff;}
.section-home{ height: 90vh; background: url('../img/Banner_Home.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.section-valores{ padding: 0px 40px; height: 650px; background: url('../img/maso.png'); background-size: cover;  background-position: center center; background-repeat: no-repeat;}
.section-home-servicios{ height: 90vh; background: url('../img/Servicios_Banner.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.section-home-conocenos{ height: 90vh; background: url('../img/Banner_Conocesnos.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.div-somos{ display: flex; align-items: center;  height: auto; padding-top: 50px;}
.section-somos{ height: 50vh; }
.desc-somos{ padding: 0px 350px; margin: 20px 0px;}
.titulo-seccion{ color: rgb(176, 130, 75); text-transform: uppercase; font-family: "Poppins-Bold"; }
.text-somos{ color: #fff; font-family: "Poppins-Regular"; }
.pad0{ padding:0; } .mar0{ margin:0; }
.section-servicios{ padding: 50px 0px; }
.section-vermas{ padding: 20px 0px;  }
.btn-principal{ background: rgb(176, 130, 75); border-radius: 20px; border: none; color: #fff; padding: 10px 70px; font-family: "Poppins-Regular"!important;}
.btn-principal:hover{ background: rgb(176, 130, 75); border-radius: 20px; border: none; color: #fff; padding: 10px 70px; }
.col-servicios{  min-height: 170px;}
.col-servicios img { height: 60px; }
.h-servicios{  color: rgb(24,52,36); font-family: "Poppins-Bold";}
.tit-service{ color: rgb(24,52,36);  font-size: 14pt;  height: 40px; margin-top: 10px; font-family: "Poppins-Bold"; }
.p-servicios{ padding: 5px 80px; }
.icono-servicio{ height: 50px;}
.section-contacto{ height: 90vh; background: url('../img/Contacto_Banner.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.div-form{ display: flex; align-items: center; height:90vh; }
.formulario-contacto{ background: rgba(24,52,36,0.5); padding: 15px;}
.formulario-contacto2{ background: none; padding: 15px; }
input::placeholder { color: #fff!important;  }
textarea::placeholder { color: #fff!important;  }
.form-control{ background: none; border: none; border-bottom: 2px solid #fff; border-radius: 0px; margin: 10px 0px; font-family: "Poppins-Thin";}
textarea{ resize: none; background: rgba(255,255,255,0.5)!important; border: none!important; height: 150px; }
.section-ubicacion{  background: rgb(24,52,36); padding: 50px 0px; height: auto;}
iframe{ margin: 50px 0px; }
.bg-footer{ padding: 30px 0px; }
.row-footer{  border-top: 3px solid rgb(176, 130, 75); border-bottom: 3px solid rgb(176, 130, 75); padding: 30px 0px;}
.link-footer a{ text-decoration: none; color: rgb(24,52,36); list-style: none!important; line-height: 2.5; font-family: "Poppins-Thin";}
.div-btn{ margin-right: 40px; margin-top: 0px;}
.btn-plus{ background: rgb(24,52,36); color: #fff; border-radius: 30px;}
.btn-plus:hover{ background: rgb(24,52,36); color: #fff; border-radius: 30px;}
.btn-plus:focus{ background: rgb(24,52,36); color: #fff; border-radius: 30px;}
.section-listado-servicios{ padding: 90px 0px;}
#modalServicios{ background-color: rgba(24,52,36,0.5) !important; }
.modal-content{ border-radius: 45px!important; padding: 30px 100px;}
.tr-servicios{ border: 1px solid #fff; font-family: "Poppins-Regular"!important;}
.container-formatos{ padding: 0px 50px;}
#modal-titulo{ color: rgb(24,52,36); font-weight: 600; font-family: "Poppins-Bold"!important; font-size: 20pt; text-transform: capitalize;}
#modal-pregunta{ color: rgb(24,52,36); font-family: "Poppins-Bold"!important; margin-top: 30px;}
#modal-descripcion{ color: rgb(24,52,36); font-family: "Poppins-Thin"!important; margin-top: 10px;}
td{ font-family: "Poppins-Regular"!important; margin-top: 10px;  }
.btn-cerrar{ background: rgb(24,52,36); border: none; color: #fff; text-transform: uppercase; border-radius: 40px; padding: 5px 10px; font-size: 11pt; margin-top: 10px; margin-right: 30px; float: right;}
.btn-formato{ background: rgb(24,52,36); color: #fff; text-transform: uppercase; border-radius: 20px; padding: 8px 25px; font-size: 11pt; font-family: "Poppins-Regular"!important;}
.btn-formato:hover{ background: rgb(24,52,36); color: #fff; text-transform: uppercase; border-radius: 20px; padding: 8px 25px; font-size: 11pt;}
.btn-formato:focus{ background: rgb(24,52,36); color: #fff; text-transform: uppercase; border-radius: 20px; padding: 8px 25px; font-size: 11pt;}
.section-conocenos{ padding: 50px 0px;}
.bg-lic{ padding: 30px; margin-top: 20px; margin-top: -330px; padding-left: 70px;}
.bg-foto{ background: rgb(176, 130, 75); padding: 40px; z-index: 999; margin-left: 20px;}
.nombre-lic{ margin-bottom: 10px;}
.ul-lic { margin-top: 20px; }
.ul-lic .li-lic{ color: #fff; line-height: 1.2; font-size: 10pt; display: table-row; font-family: "Poppins-Regular"!important;}
.ul-lic .li-lic::before{ content: "\2022"; color: rgb(176, 130, 75)!important; font-weight: bold; width: 1em; font-size: 25pt; display: table-cell; list-style-position: outside; font-family: "Poppins-Regular"!important; }
.bg-team{ padding: 5%;}
.card-team{ background: rgb(176, 130, 75); margin: 5px; max-width: 270px; height: auto; padding: 40px 0px; }
.card-team-null{ background: none; margin: 5px; max-width: 270px; height: auto; padding: 40px 0px; }
.nombre-team{ color: #fff; text-transform: uppercase; font-size: 13pt; font-weight: 600; font-family: "Poppins-Bold"!important; margin-top: 10px;}
.profesion-team{ color: #fff; text-transform: capitalize; font-weight: 200; font-family: "Poppins-Thin"!important; margin-top: 10px; }
.div-logo{ text-align: right;}
.row-contacto{ border-bottom: 2px solid rgb(24,52,36); }
.bg-white{ background:#fff; padding:50px; }
.p-contacto{ margin-bottom: 0px!important; margin-top: 30px; }
.div-contacto{ padding-left: 0px; padding-right: 0px;}
hr{  height: 3px; background: rgb(24,52,36); }
#caja { top: 200px; right: 0; transform: translateX(100%); transition: all 1s ease; }
#caja.entra { transform: translateX(0); }
#enviado{ display: none; color: rgb(176, 130, 75); }
.enviado{  color: rgb(176, 130, 75); }
.a-contacto{ text-decoration: none; color: #000;}
.a-contacto:hover{ text-decoration: none; color: #000;}
.a-contacto:focus{ text-decoration: none; color: #000;}
.img-logo-footer{ margin-top:40px; height:80px; }
.tit-servicio{ display: none;}
.lineasomos{ z-index: 999; position: relative; margin-top: -25px;}
.lineasomos_cel{ display: none;}
.lineasomos_cel2{ display: none; }
.capa-valores{ background: none;}
.misioncel , .visioncel{ display: none;}
.misionweb , .visionweb{ display: block;}
.certezaweb{ display: block; margin-top: 200px; }
.certezaweb p{  font-size: 18pt!important; font-family: "Coconat"; letter-spacing: 1.5px;}
.certezacel{ display: none;}
@media (max-width: 992px) {
  .certezaweb{ display: none;}
  .certezacel{ display: block; }
  .certezacel p{  font-size: 12pt!important; font-family: "Coconat"; margin-top: -15px; color: #fff; letter-spacing: 1.5px;}
  .misioncel , .visioncel{ display: block;}
  .misionweb , .visionweb{ display: none;}
  .lineasomos_cel2{ display: block; margin-top: 40px; margin-left: 110px;}
  .mision{ margin-top: -100px; padding-right: 150px;}
  .vision{ margin-top: 330px; padding-right: 150px;}
  .valores{ margin-top: -10px; padding-left: 190px;}
  .section-valores{ padding: 150px 10px; height: 900px; background: url('../img/900x500.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
  .lineasomos{ display: none;}
  .lineasomos_cel{ z-index: 9999; position: absolute; }
  .texto-valores{ font-size: 10pt; font-family: "Poppins-Regular";}
  .bg-team{ padding: 5%;}
  .tit-servicio{ display: block; color: #fff; font-size: 36pt; font-family: "Coconat"; text-transform: uppercase;}
  .img-servicios-ico{ height: 40px!important;}
  .section-home-servicios{ height: 90vh; background: url('../img/Servicios_Banner.webp'); background-position: left center; background-repeat: no-repeat; background-size: cover;}
  .p-servicios{ padding: 5px 30px;  }
  .desc-somos{ padding: 10px; margin: 20px 0px;}
  .div-btn{ margin-right: 0px; margin-top: -50px;}
  .col-servicios-hide{ display: none;}
  .col-servicios{  min-height: 80px;}
  .section-conocenos{ padding: 0px;}
  .bg-lic{ padding: 10px; margin-top: 0px; margin-top: 0px; padding-left: 0px;}
  .bg-foto{ background: rgb(176, 130, 75); padding: 40px; z-index: 0; margin-left: 0px;}
  .nombre-lic{ margin-bottom: 10px; margin-top: 20px; text-align: center;}
  .div-logo{ text-align: center; }
  .img-logo-footer { margin-top:40px; width: 50%!important; height: auto;}
  .link-footer{ text-align: center;}
  .navbar-brand{ margin-bottom: 40px; }
  .col-servicios img { height: auto; }
  .tit-service{ color: rgb(24,52,36);  font-size: 11pt;  height: 40px; margin-top: 10px; font-family: "Poppins-Bold"; }
  .modal-content{ border-radius: 45px!important; padding: 20px 10px;}
  .container-formatos{ padding: 0px 10px;}
  .btn-plus{ background: rgb(24,52,36); color: #fff; border-radius: 30px; height: 30px; padding: 3px 8px;}
}
@media (max-width: 1200px) {

}