:root {
  /*--c-primary: #63ae6f; */
  --c-primary: #8F5FAB ;
  --filter-primary: brightness(0%) invert(42%) sepia(28%) saturate(849%) hue-rotate(234deg) brightness(96%) contrast(90%);
  /*Verde*/
  --c-secondary: #5FAB8F;
  --c-secondary-light: #A5D6B8;
  /* Azul */
  --c-terciary: #F4F7F6;
  /* Gris de fondo principal */
  --c-hover: #222;

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

  --letra-gris: #5E5E5E;
}

/*Color primario (moderno): #6D78AD (Azul-violeta)
Verde: #6DB3AD
Amarillo: #ADAD6D
Naranja: #AD916D
Rosa: #AD6D91
*/
.colores{
  Primario: #8F5FAB;
  
  Azul: #5F8FAB;
  Verde: #5FAB8F;
  Amarillo: #AB8F5F;
  Naranja: #AB5F5F;

  Azul-oscuro: #607FAB;
  Verde-oscuro: #608B7F;
  Amarillo-oscuro: #AB885F;
  Naranja-oscuro: #AB5F5F;
  Gris-oscuro: #7F7F7F;

  Azul-claro: #A5B8D6;
  Verde-claro: #A5D6B8;
  Amarillo-claro: #D6C1A5;
  Naranja-claro: #D6A5A5;
  Gris-claro: #B8B8B8;
}

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

html {
  font-size: 20px;
}

body {
  font-family: "Outfit", sans-serif;
  background-color: #fff;
  color: #000;
  margin: 0;
  overflow-x: hidden !important;
  width: 100vw;
  touch-action: pan-y;
}


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

.move-on-scroll {
  transition: transform 0.3s ease; /* Agrega una transición suave */
}

.move-on-scroll.scrolling {
  transform: translateY(-50px); /* Cambia la propiedad según tu necesidad */
}



/* 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: 1px solid #ebebeb;
  background-color: #fff;
  padding: 0 10px;
  margin-bottom: 0px;
  font-size: 0.65rem;
  height: 34px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}

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-block;
  font-size: 0.75rem;
  padding: 16px 34px;
  font-weight: 600;
  display: inline-block;
  border: 0;
  background-color: #c8c8c8;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
}


.modal {
  /* display: none; */
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal .modal-dialog {
    text-align: center;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}



.title {
  font-size: 30px;
  font-weight: 700;
  color: #363636;
  margin-top: 0;
  margin-bottom: 12px;
  display: block;
}

.title strong, .title b {
    font-weight: 800;
    /* color: var(--c-primary); */
}

.subtitle {
  font-weight: 500;
  color: var(--letra-gris);
  font-size: 17px;
  margin-bottom: 10px;
  letter-spacing: 0.4px;
}

home-spot .subtitle {}

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

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

.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: 8px;
  right: 28px;
  z-index: 222;
}

a.wa-btn span {
    display: block;
    position: absolute;
    color: #222;
    background-color: #fff;
    line-height: 1;
    font-size: 12px;
    padding: 10px 16px;
    border-radius: 20px;
    right: 60px;
    bottom: 11px;
    white-space: nowrap;
    -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);
}

.wa-btn img{
  display: inline-block;
  width: 30px;
  filter: brightness(0) invert(1);
}

.wa-btn:hover{
  background-color: var(--c-hover);
}

.benefits .item {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 300;
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
  -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.02);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.02);
}

.benefits .item span {
    font-weight: 600;
    color: #000;
}

section.benefits .flex {
    gap: 25px;
}

section.benefits {
    color: var(--letra-gris);
    background-color: #feedfe;
    background-image: linear-gradient(180deg, #feedfe 0%, #f7f7ff 100%);
    padding-bottom: 60px;
    padding-top: 50px;
}

.alert{
  color: white;
  border-radius: 10px;
  padding: 10px 30px;
  margin-top: 20px;
  font-size: 15px;
  margin-bottom: 20px !important;
}
.alert h4{
  margin-top: 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;
    margin: 0;
}

.alert button {
    display: none;
}