/**
 * Contact:description
 * ---------------------------------------------
 */

.contact.description {
   padding-top: 142px;
   padding-bottom: 76px;
   background: var(--color-secondary-alpha-light-100);

}

.contact.description .description__title {
   color: var(--color-primary);
   font-size: var(--fs-25);
   font-weight: 600;
   font-family: var(--quicksand);
   position: relative;
   max-width: 451px;
   text-align: left;
   margin: auto;
}

.contact.description .description__title .decoration {
   color: var(--color-primary);
   position: absolute;
   top: -50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.contact.description .top-right{
   right: 43%;
    top: -91px;
}

@media(min-width:768px){
   .contact.description .description__title {
      text-align: center;
   }
}
/**
 * Contact:ventasAndPostVentas
 * ---------------------------------------------
 */

.contact.ventasAndPostVentas {
   padding-top: 25px;
}


/* changing styles of boostrap */
.contact.ventasAndPostVentas .nav-tabs {
   padding: 0;
   margin: 0;
   border: 0;
   display: flex;
   justify-content: center;
   gap: 110px;
   border-bottom: 1px solid var(--color-secondary-alpha-300);
}

.contact.ventasAndPostVentas .nav-link {
   outline: none;
   color: var(--color-primary);
   font-weight: 600;
   font-family: var(--opensans);
   border: none;
   padding: 0;
   padding-bottom: 8px;

}

.contact.ventasAndPostVentas .nav-link.active {
   color: var(--color-primary);
   border-bottom: 5px solid var(--color-secondary);
}


.ventasAndPostVentas__title {
   font-size: var(--fs-20);
   color: var(--color-primary);
   font-weight: 500;
   text-align: left;
   padding-top: 58px;
   margin-bottom: 30px;
}

/******************************
tab:ventas
********************************/

/* contact-form */
.ventasAndPostVentas .form-ventas-wrapper {
   max-width: 741px;
   margin: 0 auto;
}


.ventasAndPostVentas .form-ventas__field label {
   color: var(--color-primary);
   font-weight: 500;
   font-size: var(--fs-18);
   font-family: var(--opensans);
}

.ventasAndPostVentas .form-ventas__field {
   margin-bottom: 18px;
}


.ventasAndPostVentas .form-ventas__field input,
.ventasAndPostVentas .form-ventas__field textarea {
   padding-block: 11px;
   padding-inline: 14px;
   border-radius: 10px;
   border-color: var(--color-primary);
   font-family: var(--opensans);
}

.ventasAndPostVentas .form-ventas__field input::placeholder {
   color: #9F9F9F;
   font-family: var(--opensans);
}

.ventasAndPostVentas .contact-us {
   padding-top: 72px;
   padding-bottom: 64px;
   max-width: 300px;
   margin: 0 auto;
}

.ventasAndPostVentas .contact-us .contact-us__title {
   font-size: var(--fs-40);
   font-family: var(--quicksand);
   color: var(--color-primary);
   max-width: min-content;
   position: relative;
   padding-bottom: 19px;
}

.ventasAndPostVentas .contact-us .contact-us__title .decoration {
   color: var(--color-primary);
   position: absolute;
   top: 0;
   right: 50px;
}


.ventasAndPostVentas .contact-us__emailAndPhone {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.ventasAndPostVentas .contact-us__emailAndPhone .item {
   display: flex;
   align-items: center;
   gap: 18px;
}

.ventasAndPostVentas .contact-us__emailAndPhone .item p {
   color: var(--color-primary);
   font-size: var(--fs-18);
   font-weight: 500;
   font-family: var(--quicksand);
   margin: 0;
}

.ventasAndPostVentas .contact-us__emailAndPhone .item i {
   color: var(--color-secondary);
}

.ventasAndPostVentas .contact-us__emailAndPhone .item .icon-phone {
   font-size: 24px;
}

@media (min-width:768px) {
   .ventasAndPostVentas .form-ventas__field {
      margin-bottom: 46px;
   }


   .ventasAndPostVentas .contact-us {
      padding-top: 87px;
      padding-bottom: 60px;
      max-width: 500px;
      display: flex;
      align-items: center;
      gap: 52px;
   }

   .ventasAndPostVentas .contact-us .contact-us__title .decoration {
      top: 30px;
      left: -80px;
   }
}


/*we are for help you! */
.contact-service {
   overflow: hidden;
   padding-top: 56px;
   padding-bottom: 70px;
   background: var(--color-secondary-alpha-light-100);
}

.contact-service__title {
   color: var(--color-secondary);
   position: relative;
   font-family: var(--quicksand);
   font-weight: bold;
   overflow: hidden;

}

.contact-service__title .decoration {
   position: absolute;
   top: 12px;
   right: -180px;
   color: var(--color-secondary);
}

/* carousel */
.contact-service .helpCard__grid {
   display: none;
}

.contact-service .swiper {
   height: 250px;
   padding-top: 32px;
}

.contact-service .swiper .swiper-slide {
   display: grid;
   place-items: center;
}


@media (min-width:768px) {
   .contact-service .helpCard__grid {
      padding-top: 68px;
      padding-bottom: 72px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
      column-gap: 36px;
      row-gap: 45px;
   }

   .contact-service {
      position: relative;
   }

   .contact-service__title {
      position: relative;
      overflow: initial;
      text-align: center;

   }

   .contact-service__title .decoration {
      position: absolute;
      top: 18%;
      left: -50%;

   }
}

@media (min-width:1200px) {
   .contact-service__title .decoration {
      left: -15%;

   }
}


/* frecuent-questions */
.contact.ventasAndPostVentas .frecuent-questions {
   padding-top: 72px;
   padding-bottom: 30px;
}

@media (min-width:768px) {
   .contact.ventasAndPostVentas .frecuent-questions {
      padding-top: 47px;
      padding-bottom: 95px;
   }

}

/*******************************
tab:postventas
********************************/


/* solicitar-postventa */
.ventasAndPostVentas .solicitar-postventa {
   padding-top: 42px;
   padding-bottom: 42px;
}

.ventasAndPostVentas .solicitar-postventa .solicitar-postventa__video iframe {
   width: 100%;
}

.ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description {}

.ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description h3 {
   color: var(--color-secondary);
   font-size: var(--fs-18);
   font-weight: 600;
   font-family: var(--opensans);
   padding-top: 42px;
}

.ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description ul {
   margin: 0;
   color: var(--color-primary);
   font-weight: 500;
   font-family: var(--opensans);
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding-top: 17px;
   padding-bottom: 37px;
}

.ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description .button-primary {
   display: inline-block;
}

@media (min-width:992px) {
   .ventasAndPostVentas .solicitar-postventa {
      padding-top: 125px;
      padding-bottom: 86px;
   }

   .ventasAndPostVentas .solicitar-postventa__content {
      display: flex;
      gap: 39px;
   }

   .ventasAndPostVentas .solicitar-postventa .solicitar-postventa__video {
      flex: 1;
      display: flex;
      justify-content: flex-end;
   }

   .ventasAndPostVentas .solicitar-postventa .solicitar-postventa__video iframe {
      width: 80%;

   }

   .ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description {
      flex: 1;
   }

   .ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description h3 {
      padding-top: 0;
      font-size: var(--fs-25);

   }

   .solicitar-postventa__descriptionWrapper {
      max-width: 489px;
   }

   .ventasAndPostVentas .solicitar-postventa .solicitar-postventa__description ul {
      padding-bottom: 100px;
   }


}


/* consultar-estado */

.ventasAndPostVentas .consultar-estado {
   background: var(--color-secondary-alpha-light-100);
   padding-bottom: 42px;
}



.ventasAndPostVentas .consultar-estado__content h3 {
   color: var(--color-secondary);
   font-size: var(--fs-18);
   font-weight: 600;
   font-family: var(--opensans);
   padding-top: 42px;
}

.ventasAndPostVentas .consultar-estado__content p {
   margin: 0;
   color: var(--color-primary);
   font-weight: 500;
   font-family: var(--opensans);
   padding-top: 24px;
   padding-bottom: 24px;
}



.ventasAndPostVentas .consultar-estado__wrapper .button-primary {
   display: inline-block;
}

@media(min-width:992px) {
   .ventasAndPostVentas .consultar-estado__wrapper {
      display: flex;
   }

   .ventasAndPostVentas .consultar-estado__wrapper .consultar-estado__image {
      flex: 1;
      order: 2;
   }

   .ventasAndPostVentas .consultar-estado__wrapper .consultar-estado__image img {
      height: 100%;
      object-fit: cover;
   }

   .ventasAndPostVentas .consultar-estado__wrapper .consultar-estado__content {
      flex: 1;
      padding-top: 20px;
   }


   .ventasAndPostVentas .consultar-estado__wrapper .consultar-estado__content p {
      max-width: 450px;
   }

   .ventasAndPostVentas .consultar-estado {
      padding-bottom: 0;

   }

}

/* protege-tu-departamento */
.ventasAndPostVentas .protege-tu-apartamento {
   padding-top: 40px;
   padding-bottom: 40px;
}

.ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__title {
   color: var(--color-primary);
   font-size: var(--fs-40);
   font-family: var(--quicksand);
   position: relative;
   max-width: fit-content;

}


.ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__title .decoration {
   position: absolute;
   bottom: -30px;
   right: 0;
}



.ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__content h3 {
   color: var(--color-secondary);
   font-size: var(--fs-25);
   font-family: var(--opensans);

}

@media(min-width:768px) {
   .ventasAndPostVentas .protege-tu-apartamento {
      overflow: hidden;
   }

   .ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__title {
      font-size: var(--fs-60);
      text-align: center;
      margin: auto;
      display: block;
   }

   .ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__title strong {
      display: block;

   }

   .ventasAndPostVentas .protege-tu-apartamento .protege-tu-apartamento__title .decoration {
      position: absolute;
      bottom: 15px;
      right: -70%;
   }
}

.ventasAndPostVentas .protege-tu-apartamento__card {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   padding-inline: 14px;
   margin-top: 130px;

}

.ventasAndPostVentas .protege-tu-apartamento__card img {
   position: relative;
   top: -40px;
}

.ventasAndPostVentas .protege-tu-apartamento__content {
   padding-inline: 30px;
   padding-bottom: 57px;
}

.ventasAndPostVentas .protege-tu-apartamento__card p {
   color: var(--color-primary);
   font-weight: 500;

}

.ventasAndPostVentas .protege-tu-apartamento__content .button-outline {
   margin-top: 42px;
}

.ventasAndPostVentas .protege-tu-apartamento__content .button-outline .icon-download {
   padding-left: 8px;
}

@media (min-width:992px) {
   .ventasAndPostVentas .protege-tu-apartamento {
      padding-top: 96px;
   }

   .ventasAndPostVentas .protege-tu-apartamento__card {
      max-width: 1066px;
      margin-left: auto;
      position: relative;
      margin-top: 100px;
   }

   .ventasAndPostVentas .protege-tu-apartamento__card h3 {
      padding-bottom: 40px;
      margin-bottom: 0
   }

   .ventasAndPostVentas .protege-tu-apartamento__card img {
      width: 385px;
      position: absolute;
      left: -3%;
   }

   .ventasAndPostVentas .protege-tu-apartamento__card .protege-tu-apartamento__content {
      max-width: 539px;
      margin-left: auto;
   }
}

@media (min-width:1200px) {
   .ventasAndPostVentas .protege-tu-apartamento__card {
      margin-top: 250px;
   }

   .ventasAndPostVentas .protege-tu-apartamento__card img {
      width: 632px;
      height: 385px;
      object-fit: cover;
      left: -14%;
      top: -25%;
   }
}

/* dudas */

.ventasAndPostVentas .dudas {
   padding-top: 72px;
   padding-bottom: 89px;
}

.ventasAndPostVentas .dudas__content {
   position: relative;
   padding-left: 20px;
   max-width: 434px;
   margin: auto;
}

.ventasAndPostVentas .dudas .decoration {
   position: absolute;
   top: 0;
   right: 40px;
}

.ventasAndPostVentas .dudas h3 {
   font-size: var(--fs-25);
   color: var(--color-primary);
   font-family: var(--quicksand);
}

.ventasAndPostVentas .dudas strong {
   font-size: var(--fs-40);
   color: var(--color-primary);
   font-family: var(--quicksand);
}

.ventasAndPostVentas .dudas .dudas__cta {
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding-top: 40px;
}

.ventasAndPostVentas .dudas .dudas__cta p {
   color: var(--color-primary);
   margin: 0;
   display: flex;
   align-items: center;
   gap: 8px;
}

.ventasAndPostVentas .dudas .dudas__cta .icon-mail {
   color: var(--color-secondary);
}

.ventasAndPostVentas .dudas .dudas__cta .icon-phone {
   color: var(--color-secondary);
   font-size: 23px;
}


@media (min-width:768px) {
   .ventasAndPostVentas .dudas .decoration {
      position: absolute;
      top: 0;
      right: initial;
      left: -20px;
      height: 200px;
   }

   .ventasAndPostVentas .dudas .dudas__cta {
      padding-top: 8px;
   }

   .ventasAndPostVentas .dudas h3 {
      font-size: var(--fs-40);
      font-weight: 400;
      margin-bottom: 8px;
   }

   .ventasAndPostVentas .dudas .dudas__cta p {
      font-size: 18px;
   }

   .ventasAndPostVentas .dudas .dudas__cta p {
      gap: 18px;
   }
}

.contact.ventasAndPostVentas #postventa-tab-pane .frecuent-questions{
   background: var(--color-secondary-alpha-light-100);
}

/**
 * Contact:ubication
 * ---------------------------------------------
 */
.contact .ubication__content {
   background: var(--color-primary);
   padding-top: 53px;
   padding-bottom: 64px;
   padding-inline: 33px;
}

.contact .ubication__content p {
   color: var(--white);
   display: flex;
   gap: 14px;
   align-items: flex-start;
   font-family: var(--quicksand);


}

.contact .ubication__content p i {
   font-size: 23px;
   color: var(--color-secondary-alpha-light-700);
}

.contact.ubication .ubication__map iframe {
   width: 100%;
}

@media (min-width:768px) {
   .contact.ubication {
      display: flex;
      height: 464px;

   }

   .contact.ubication .ubication__map iframe {
      height: 100%;
   }

   .contact .ubication__wrapper {
      width: 350px;
      margin: auto;
   }

   .contact .ubication__content {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .contact .ubication__content p {
      font-size: var(--fs-20);


   }

   .contact.ubication>* {
      flex: 1;
   }
}


.wpcf7-response-output{
   border-color: var(--color-secondary) !important;
}


.ventasAndPostVentas .protege-tu-apartamento__content .button-outline:hover{
   background: var(--color-secondary);
   color: white !important;
}