/*Main*/
html {
  scroll-behavior: smooth !important;
}
#heroIntro {position: relative; overflow: hidden; background-size: cover; width: 100%; min-height: 560px; display: flex; align-items: end; background-position: center bottom; background-repeat: no-repeat;}

.cta-section {background-color:#FF7C00; color:#333; border-radius: 20px;}

#mainTitle {text-shadow: 5px 5px 15px rgba(0,0,0,.15);}
#mainTitle-m {text-shadow: 5px 5px 15px rgba(0,0,0,75);}

/*Buttons*/
.btn-lnd {background-color:#FF8C1F; color:#333; font-size: 16px; text-align:center; font-weight: bold; text-transform: none; padding:10px 28px; border-radius: 5px; text-decoration: none; transition: all ease-in .2s; border:1px solid #FF7C00;}

.btn-lnd:hover, .btn-lnd:active {background-color:#131141; color: #fff; text-decoration: none !important; border-color: #131141; }

.btn-lnd-2 {background-color:#131141; color:#FFF; font-size: 16px; text-align:center; font-weight: bold; text-transform: none; padding:10px 44px; border-radius: 5px; text-decoration: none; transition: all ease-in .2s; border:1px solid #131141;}
.btn-lnd-2:hover, .btn-lnd-2:active {background-color:#fff; color: #131141; text-decoration: none !important; border-color: #FFF; }

.quote-btn {padding:14px; border-radius:10px; border:1px solid #d5d5d5; background-color:#fff; margin:0 12px; width:80px; height:80px; background-size: 56px; background-position: center center; background-repeat: no-repeat;}
.quote-btn:hover {box-shadow: rgba(0,0,0,0.15);}
.quote-btn.whats {background-image: url(../assets/whatsapp-ico-landing.webp); }
.quote-btn.tel {background-image: url(../assets/tel-ico-landing.webp); }

/*Imagenes*/
.img_beneficios {max-width:640px; max-height: 500px; border-radius: 10px;}
.img_usos {max-width:600px; max-height: 480px; border-radius: 10px;}
.img_detalles {max-width: 600px;}


/*Forms*/
.contact-form-landing input[type="text"], .contact-form-landing input[type="email"], .contact-form-landing input[type="tel"], .contact-form-landing textarea.form-control {border:1px solid #d5d5d5; background-color:#F9F9F9; color:#4d4d4d; border-radius: 3px; color:#333 !important;}

.contact-form-landing .input-btn {background-color:#FF8C1F; color:#333; font-size: 18px; text-align:center; font-weight: bold; text-transform: none; padding:5px 44px; border-radius: 5px;}

.contact-form-landing input[type="text"]::placeholder, .contact-form-landing input[type="email"]::placeholder, .contact-form-landing input[type="tel"]::placeholder, .contact-form-landing textarea::placeholder {text-align: left;font-family: Roboto, 'Font Awesome 5 Free', sans-serif;font-weight: 600; color:#4d4d4d;}  

/*Listas*/
.cs-list-1 li {font-size: 1.1rem; line-height:1.8; padding-bottom: 10px; font-weight: 400;}

.cs-list-1 {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
  margin-bottom: 32px;
}

.cs-list-1 li {
  padding-left: var(--icon-space);
}

.cs-list-1 li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color:#FF8C1F;
}

/*Misc*/
.border-radius-img, .border-radius-25 {border-radius: 25px;}
.border-radius-20 {border-radius: 20px;}
.border-radius-10 {border-radius: 10px;}
.text-color-secondary {color:#131141 !important;}
.text-color-body {color:#000;}

sup {font-size:.4em !important; top:-1.2em !important;}

/*Hover Animations*/
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pop {transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-pop:hover {-webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*Movil*/
#heroIntro-m {position: relative; overflow: hidden; background-image: url(../assets/aislhogar-1-banner.webp); background-size: cover; width: 100%; min-height: 560px; display: flex; align-items: end; background-position: 68% bottom; background-repeat: no-repeat;}

@media (max-width:640px) {
  .btn-lnd {font-size: 14px;}
  .btn-lnd-2 {font-size: 16px;}
}