:root {
  /*--c-primary: #63ae6f; */
  --c-primary: #FFA232;
  --c-primary-filter: brightness(0) invert(68%) sepia(84%) saturate(1287%) hue-rotate(334deg) brightness(104%) contrast(101%);
  /*Verde*/
  --c-secondary: #0A3057;
  /* Azul */
  --c-terciary: #F7F8F8;
  /* Gris de fondo principal */
  --c-hover: #222;

  --dark: #212121;

  --r-facebook: #3C5A99;
  --r-twitter: #00A9FF;
  --r-homea: #F7941E;
  --r-houzz: #77BC42;
  --r-yelp: #D32323;
  --r-google: #DD4B39;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

.levitate {
  animation: levitate 3s infinite alternate ease-in-out;
}
.levitate-inverse {
  animation: levitate 5s infinite alternate-reverse ease-in-out;
}

@keyframes levitate {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-10px);
  }
}


html {
  font-size: 20px;
}

body {
  /* font-family: "DM Sans", sans-serif; */
  font-family: "Dosis", sans-serif;
  font-weight: 300;
  background-color: #fff;
  color: #000;
  margin: 0;
}

a{
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--c-hover);
}



/* Inputs */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
  display: inline-block;
  width: 100%;
  border: 0;
  border-left: 3px solid var(--c-secondary);
  background-color: #fff;
  padding: 0 10px;
  margin-bottom: 0px;
  font-size: 0.65rem;
  height: 45px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  font-family: "DM Sans", sans-serif;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);
  box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);
  margin-bottom: 7px;
}

textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
select::placeholder,
textarea::placeholder {
  opacity: 0.8;
  color: #666666;
}

input[type="number"],
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}



select {
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23343a40' d='M12 21l-12-18h24z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  /* background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; */
  /*background: url("data:image/svg+xml,%3csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sort-down' class='svg-inline--fa fa-sort-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23333' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z'%3e%3c/path%3e%3c/svg%3e") no-repeat right .8rem center/10px 12px;*/
  /* background: url("data:image/svg+xml,%3csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23000' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3e%3c/path%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; */
  background-repeat: no-repeat;
  background-position: calc(100% + -10px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}


.btn {
  display: inline-flex !important;
  font-size: 0.75rem;
  padding: 9px 17px;
  font-weight: 500;
  display: inline-block;
  border: 0;
  background-color: #c8c8c8;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 10px;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 1.2;
}


/*.modal {
  display: none;
}*/
.blocker{
  z-index: 9 !important;
}
@media screen and (max-width: 900px) {
  .blocker{
    z-index: 1142 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

.blocker #form-modal {
    padding: 15px 20px;
}

.blocker #form-modal .text-center {
    text-align: center;
}
}

.title {
  font-size: 35px;
  font-weight: 700;
  color: var(--c-secondary);
  margin-top: 0;
  margin-bottom: 20px;
  display: block;
}

.subtitle {
  font-weight: 600;
  color: var(--c-secondary);
  font-size: 1rem;
  margin-bottom: 25px;
}

@media screen and (max-width:766px) {
  .title {
    font-size: 1.5rem;
  }

  .subtitle {
    font-size: 0.8rem;
  }
}

ul li{
  display: block;
}

.wa-btn{
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  line-height: 73px;
  text-align: center;
  background-color: #48a91f;
  position: fixed;
  bottom: 20px;
  right: 28px;
  z-index: 222;
  animation: levitate 2s infinite alternate ease-in-out;
}
.wa-btn img{
  display: inline-block;
  width: 30px;
  filter: brightness(0) invert(1);
}
.wa-btn:hover{
  background-color: var(--c-hover);
}
.solicita-btn{
  display: none;
}
@media screen and (max-width: 900px) {
  .wa-btn{
    bottom: 65px;
    right: 10px;
  }
  .solicita-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    background-color: var(--c-primary);
    width: 100%;
    padding: 8px 15px;
    font-weight: 600;
    color: white;
    gap: 15px;
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);
    z-index: 99;
  }
}

div#form-modal {
    background-color: #F7F8F8;
}

div#form-modal h3 {
    margin: 0;
    padding-bottom: 3px;
}

div#form-modal p {
    margin: 0;
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: 500;
    color: #888888;
}

.terminos{
  font-size: 12px;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 17px;
  /* display: flex; */
  /* gap: 5px; */
  /* justify-content: center; */
  align-items: center;
}

.terminos label {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px;
    justify-content: center;
}

.chequera {
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.03);
    border-left: 3px solid var(--c-secondary);
    background-color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
}

.chequera .opciones {
    font-family: "DM Sans", sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.chequera .opciones label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.chequera .opciones label input {
    transform: translateY(-2px);
}

.chequera b {
    display: block;
    font-weight: 500;
    padding-bottom: 10px;
}

div#form-modal button{
  cursor: pointer;
}

.alert{
  color: white;
  border-radius: 10px;
  padding: 10px;
  margin-top: 20px;
  font-size: 15px;
}
.alert.alert-danger {
    background-color: var(--r-yelp);
}
.alert.alert-success {
    background-color: var(--r-houzz);
}

.alert.alert-success p {
    padding: 13px 0px !important;
    color: white !important;
}

.alert button {
    display: none;
}