@charset "UTF-8";
/*VARIABLES*/
/*GLOBAL*/
body {
  line-height: inherit !important;
  font-family: "Commissioner", sans-serif;
  overflow-x: hidden;
}

h1, h2, h3 {
  font-weight: 700;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 42px;
}

.fondo-amarillo {
  background-color: #DF943F;
}

.fondo-verde {
  background-color: #496048;
}

.fondo-verde {
  background-color: #496048;
}

.guarda {
  height: 70px;
  background-image: url("../img/guarda.png");
  background-repeat: repeat-x;
}

/*UP*/
.up {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999999;
}

/*NAV*/
.navbar {
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
  width: 151px;
  height: 66px;
  background-image: url("../img/logo.png");
  background-position: center center;
}

nav ul li:last-child a {
  color: #DF943F !important;
}

.navbar-collapse {
  flex-grow: 0;
}
.navbar-collapse a {
  color: #496048;
}

/*HERO*/
#hero .row, #hero .col-md-6 {
  padding: 0 !important;
  position: relative;
}
#hero h1 {
  color: #496048;
}
#hero .lead {
  color: #DF943F;
}
#hero .lengua {
  position: absolute;
}

/*INTRO*/
#intro {
  background: #496048;
  padding: 50px 0 !important;
  color: white;
}

/*SOLUCIONES*/
#soluciones {
  color: white;
}

.card {
  padding: 20px;
}

/*PRODUCTOS*/
#productos {
  padding: 14vh 0 !important;
  color: #496048;
}

/*QUIÉNES SOMOS*/
#quienes {
  height: 500px !important;
  position: relative;
  color: white;
  padding: 10px;
  background-image: url("../img/nosotros-background.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#quienes .absoluto {
  position: absolute;
  bottom: 0;
}
#quienes .img-fluid {
  max-height: 580px !important;
}

.alinear-abajo {
  align-self: end;
}

/*FOOTER*/
footer {
  background: #496048;
  min-height: 45vh;
}
footer .container {
  padding: 4vh 10px !important;
}
footer h3 {
  color: #DF943F;
}
footer small {
  display: block;
  color: #DF943F;
  text-align: center;
  margin-top: 20px;
}
footer a, footer a:hover {
  color: #DF943F;
  text-decoration: none;
}
footer .img-fluid {
  margin-bottom: 50px !important;
}

/*MEDIA QUERIES*/
@media (max-width: 767px) {
  nav ul li:last-child a {
    margin-left: 0px !important;
  }
  .hero-text {
    padding: 10px;
  }
  .hero-text h1 {
    font-size: 3em;
  }
  #quienes {
    font-size: 85%;
    background-color: #DF943F;
    background-image: url("../img/nosotros-background.png");
    background-position: 50% -13%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  footer .container {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .hero-text {
    margin-left: 9%;
  }
  h1 {
    font-size: 2.5em;
  }
  #intro h2 {
    font-size: 1.8em;
  }
}
@media (min-width: 992px) {
  nav ul li:last-child a {
    margin-left: 20px !important;
  }
  .hero-text {
    margin-left: 5%;
  }
  h1 {
    font-size: 3.5em;
  }
  #intro h2 {
    font-size: 2.2em;
  }
}
@media (min-width: 1200px) {
  nav ul li:last-child a {
    margin-left: 20px !important;
  }
  .hero-text {
    margin-left: 11%;
  }
}
@media (min-width: 1400px) {
  nav ul li:last-child a {
    margin-left: 20px !important;
  }
  .hero-text {
    margin-left: 8%;
  }
  h1 {
    font-size: 4.5em;
  }
  .lengua {
    right: 450px;
    top: 510px;
  }
}
@media (min-width: 1728px) {
  nav ul li:last-child a {
    margin-left: 20px !important;
  }
  .hero-text {
    margin-left: 23%;
  }
}
@media (min-width: 1920px) {
  nav ul li:last-child a {
    margin-left: 20px !important;
  }
  .hero-text {
    margin-left: 31%;
  }
  .hero-text h1 {
    font-size: 5.2em;
  }
}
/*AJUSTE LENGUA*/
@media (min-width: 1484px) {
  .lengua {
    right: 450px;
    top: 510px;
  }
}
@media (min-width: 1122px) and (max-width: 1483px) {
  .lengua {
    top: 93%;
    right: 61%;
  }
  .lengua img {
    width: 78px;
  }
}
@media (min-width: 888px) and (max-width: 1121px) {
  .lengua {
    top: 93%;
    right: 63%;
  }
  .lengua img {
    width: 52px;
  }
}
@media (min-width: 768px) and (max-width: 887px) {
  .lengua {
    top: 93%;
    right: 61%;
  }
  .lengua img {
    width: 52px;
  }
}
@media (min-width: 441px) and (max-width: 767px) {
  .lengua {
    top: 93%;
    right: 62%;
  }
  .lengua img {
    width: 58px;
  }
}
@media (max-width: 440px) {
  .lengua {
    top: 93%;
    right: 61%;
  }
  .lengua img {
    width: 52px;
  }
}
/*-------------------CLASIFICADOR---------------------*/
#hero-c {
  color: white;
  padding: 14vh 0;
}
#hero-c h1 {
  font-size: 2.5em;
}
#hero-c .btn {
  background-color: #DF943F;
  border: none;
  border-radius: 0;
}

#como {
  padding: 14vh 0;
}
#como h2, #como .lead {
  color: #DF943F;
}
#como h3, #como p {
  color: #496048;
}

#demo {
  color: white;
  padding: 14vh 0;
}
#demo .btn {
  background-color: #496048;
  border: none;
  border-radius: 0;
}

#contacto {
  padding: 14vh 0;
  color: #496048;
}
#contacto .btn {
  background-color: #DF943F;
  border: none;
  border-radius: 0;
}

/*-------------------DEMOS GENERAL---------------------*/
.demo-card {
  padding: 50px;
}
.demo-card h3 {
  border-bottom: 2px solid #E2A369;
}

/*-------------------DEMOS-----------------------------*/
#demo-estilo {
  margin-top: 5vh;
}
#demo-estilo h2, #demo-estilo h4, #demo-estilo p, #demo-estilo a {
  color: #496048;
}
#demo-estilo h4 {
  margin: 4vh 0 2vh 0;
}
#demo-estilo .accordion, #demo-estilo .accordion-item:first-of-type {
  border-radius: 0 !important;
}
#demo-estilo .accordion-button:not(.collapsed) {
  color: #496048;
  background-color: #daedd9;
}
#demo-estilo .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23496048'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
#demo-estilo .form-select:focus {
  border-color: #496048;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(73, 56, 72, 0.25);
}

/*-------------------FORM CONTACTO-----------------------------*/
#form-contacto {
  margin-top: 5vh;
  margin-bottom: 5vh;
  max-width: 700px;
}
#form-contacto h2, #form-contacto p {
  color: #496048;
}
#form-contacto p {
  margin: 30px 0 10px 0;
}
#form-contacto .destacado {
  margin-bottom: 6vh;
}
#form-contacto input, #form-contacto select, #form-contacto textarea {
  padding: 12px 14px;
  border-radius: 0 !important;
  width: 100%;
  border: 1px solid #496048;
  color: #496048;
}
#form-contacto input::-moz-placeholder {
  color: #496048;
}
#form-contacto input:-ms-input-placeholder {
  color: #496048;
}
#form-contacto input::placeholder {
  color: #496048;
}
#form-contacto select:focus-visible {
  outline-color: #DF943F;
}
#form-contacto textarea {
  min-height: 160px;
}
#form-contacto .btn {
  background-color: #496048;
  border: none;
  border-radius: 0;
  color: white;
  margin-top: 20px;
  border: 1px solid #496048;
}
#form-contacto .btn:hover {
  background-color: #DF943F;
  border: 1px solid #DF943F;
}
#form-contacto .btn.secondary {
  background-color: white;
  color: #496048;
}
#form-contacto .btn.secondary:hover {
  color: #DF943F;
}/*# sourceMappingURL=custom.css.map */