.page-beneficios .main-container-pages,
.single-beneficios .main-container-pages {
    margin-top: -20px
}

@media (min-width:768px) {

    .page-beneficios .main-container-pages,
    .single-beneficios .main-container-pages {
        margin-top: 10em
    }
}

.page-beneficios form .form-control,
.single-beneficios form .form-control {
    border: 1px solid #cfe3de;
    border-radius: 8px;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding: 12px 16px
}

.page-beneficios section.banner .title,
.single-beneficios section.banner .title {
    color: #212529;
    font-family: Lato;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 67px
}

.page-beneficios section.banner .descripcion,
.single-beneficios section.banner .descripcion {
    align-items: center;
    color: #212529;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px
}

.page-beneficios section.banner-mobile .card-container,
.single-beneficios section.banner-mobile .card-container {
    position: relative
}

.page-beneficios section.banner-mobile .card-overlay,
.single-beneficios section.banner-mobile .card-overlay {
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: absolute
}

.page-beneficios section.banner-mobile .titulo,
.single-beneficios section.banner-mobile .titulo {
    color: #fff;
    font-family: Lato;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px
}

.page-beneficios section.banner-mobile .descripcion,
.single-beneficios section.banner-mobile .descripcion {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.page-beneficios .btn-ver-propiedades,
.single-beneficios .btn-ver-propiedades {
    align-content: center;
    align-items: center;
    background: #159676;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 120px
}

.page-beneficios .btn-ver-propiedades:after,
.page-beneficios .btn-ver-propiedades:before,
.single-beneficios .btn-ver-propiedades:after,
.single-beneficios .btn-ver-propiedades:before {
    animation: latido 3s linear infinite;
    border: 10px solid rgba(21, 150, 118, .69);
    border-radius: 100%;
    content: "";
    height: 120px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.page-beneficios .btn-ver-propiedades:after,
.single-beneficios .btn-ver-propiedades:after {
    animation-delay: -1.5s
}

.page-beneficios .btn-simula-aqui,
.single-beneficios .btn-simula-aqui {
    background: #159676 !important;
    border-radius: 8px !important;
    color: #fff !important;
    height: 49px !important;
    padding: 14px 24px !important;
    width: 129px !important;
}

.page-beneficios .btn-volver-simular,
.single-beneficios .btn-volver-simular {
    background: #159676;
    border-radius: 8px;
    color: #fff;
    padding: 14px 16px
}

.page-beneficios .btn-filtros-mob,
.single-beneficios .btn-filtros-mob {
    background: #e9f2f0;
    color: #212529
}

.page-beneficios .btn-enviarsimula-mail,
.single-beneficios .btn-enviarsimula-mail {
    align-content: center;
    align-items: center;
    background: #159676;
    border-radius: 40px;
    flex-direction: row;
    height: 44px;
    justify-content: center;
    width: 44px
}

.page-beneficios .ban-beneficio,
.single-beneficios .card-beneficio {
    background: #6a6a6a;
    border-radius: 30px;
    min-height: 500px;
}

.page-beneficios .ban-beneficio{
    background-size: cover;
    background-position: center center;
}

.page-beneficios .card-beneficio,
.single-beneficios .card-beneficio {
    background: #e9f2f0;
    border-radius: 30px;
}

.page-beneficios .card-beneficio .titulo,
.single-beneficios .card-beneficio .titulo,
.page-beneficios .ban-beneficio .titulo {
    align-items: center;
    color: #212529;
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 38px
}

.page-beneficios .ban-beneficio .titulo{
    font-weight: 200;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
}

.page-beneficios .ban-beneficio .titulo b{
    font-weight: 600;
}

.page-beneficios .ban-beneficio .titulo span{
    color: #a1d7c8;
}

.page-beneficios .card-beneficio .descripcion,
.single-beneficios .card-beneficio .descripcion,
.page-beneficios .ban-beneficio .descripcion {
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px
}

.page-beneficios section.comenzar-beneficio .swiper-slide,
.single-beneficios section.comenzar-beneficio .swiper-slide {
    transition: transform .3s ease-in-out
}

.page-beneficios section.comenzar-beneficio .content-swiper-buttons .swiper-button-next,
.page-beneficios section.comenzar-beneficio .content-swiper-buttons .swiper-button-prev,
.single-beneficios section.comenzar-beneficio .content-swiper-buttons .swiper-button-next,
.single-beneficios section.comenzar-beneficio .content-swiper-buttons .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%)
}

.page-beneficios section.inversion .img,
.single-beneficios section.inversion .img {
    height: 140px;
    margin-bottom: 2rem
}

.page-beneficios section.inversion .titulo,
.single-beneficios section.inversion .titulo {
    color: #159676;
    font-family: Lato;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px
}

.page-beneficios section.inversion .descripcion,
.single-beneficios section.inversion .descripcion {
    color: #212529;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.page-beneficios section.inversion .card-beneficio-w,
.single-beneficios section.inversion .card-beneficio-w {
    width: 80%
}

@media (max-width:768px) {

    .page-beneficios section.inversion .card-beneficio-w,
    .single-beneficios section.inversion .card-beneficio-w {
        width: 100%
    }
}

.page-beneficios .card-unidades-beneficios .carousel-control-next-icon,
.page-beneficios .card-unidades-beneficios .carousel-control-prev-icon,
.single-beneficios .card-unidades-beneficios .carousel-control-next-icon,
.single-beneficios .card-unidades-beneficios .carousel-control-prev-icon {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.page-beneficios .card-unidades-beneficios .carousel-control-next-icon:before,
.page-beneficios .card-unidades-beneficios .carousel-control-prev-icon:before,
.single-beneficios .card-unidades-beneficios .carousel-control-next-icon:before,
.single-beneficios .card-unidades-beneficios .carousel-control-prev-icon:before {
    color: #fff;
    font-size: 20px
}

.page-beneficios .card-unidades-beneficios .carousel-control-next,
.page-beneficios .card-unidades-beneficios .carousel-control-prev,
.single-beneficios .card-unidades-beneficios .carousel-control-next,
.single-beneficios .card-unidades-beneficios .carousel-control-prev {
    width: 5%
}

.page-beneficios .card-unidades-beneficios .carousel-control-next:hover,
.page-beneficios .card-unidades-beneficios .carousel-control-prev:hover,
.single-beneficios .card-unidades-beneficios .carousel-control-next:hover,
.single-beneficios .card-unidades-beneficios .carousel-control-prev:hover {
    opacity: .8
}

.page-beneficios .card-unidades-beneficios .carousel-indicators button,
.single-beneficios .card-unidades-beneficios .carousel-indicators button {
    background-color: #333;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 12px;
    opacity: .7;
    transition: opacity .3s ease, background-color .3s ease;
    width: 12px
}

.page-beneficios .card-unidades-beneficios .carousel-indicators .active,
.single-beneficios .card-unidades-beneficios .carousel-indicators .active {
    background-color: #fff;
    border-radius: 10px;
    opacity: 1;
    width: 25px
}

.page-beneficios .card-unidades-beneficios .carousel-indicators button:hover,
.single-beneficios .card-unidades-beneficios .carousel-indicators button:hover {
    background-color: #555;
    opacity: 1
}

.page-beneficios .card-unidades-beneficios .custom-img,
.single-beneficios .card-unidades-beneficios .custom-img {
    height: 265px;
    object-fit: cover
}

.page-beneficios .card-unidades-beneficios .carousel-inner,
.single-beneficios .card-unidades-beneficios .carousel-inner {
    border-radius: 30px
}

.page-beneficios .card-unidades-beneficios .btn-cotizar,
.page-beneficios .card-unidades-beneficios .btn.cotizar,
.single-beneficios .card-unidades-beneficios .btn-cotizar,
.single-beneficios .card-unidades-beneficios .btn.cotizar {
    background: #159676;
    border-radius: 8px;
    padding: 14px 16px
}

.page-beneficios .card-unidades-beneficios .arriendo_potencial,
.page-beneficios .card-unidades-beneficios .plusvalia,
.single-beneficios .card-unidades-beneficios .arriendo_potencial,
.single-beneficios .card-unidades-beneficios .plusvalia {
    color: #212529;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.page-beneficios .card-unidades-beneficios .tespecial,
.single-beneficios .card-unidades-beneficios .tespecial {
    color: #212529;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px
}

.page-beneficios .card-unidades-beneficios .card-title,
.single-beneficios .card-unidades-beneficios .card-title {
    color: #212529;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 19px
}

.page-beneficios .card-unidades-beneficios .btn-ver-prop,
.single-beneficios .card-unidades-beneficios .btn-ver-prop {
    background: transparent;
    border-radius: 8px;
    color: #159676;
    padding: 14px 16px
}

.page-beneficios section.certificados .card-certificados,
.single-beneficios section.certificados .card-certificados {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    padding: 24px
}

.page-beneficios section.certificados .card-certificados .img,
.single-beneficios section.certificados .card-certificados .img {
    height: 80px;
    margin-bottom: 1rem
}

.page-beneficios section.certificados .card-certificados .titulo,
.single-beneficios section.certificados .card-certificados .titulo {
    color: #159676;
    font-family: Lato;
    font-size: 28px;
    font-style: normal;
    font-weight: 700
}

.page-beneficios section.certificados .card-certificados .descripcion,
.single-beneficios section.certificados .card-certificados .descripcion {
    color: #212529;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.page-beneficios section.faq .card-faq,
.single-beneficios section.faq .card-faq {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
    padding: 16px 48px
}

.page-beneficios section.faq .btn-contacto,
.single-beneficios section.faq .btn-contacto {
    background: #159676;
    border-radius: 8px;
    color: #fff;
    padding: 14px 24px
}

.page-beneficios .modal-form .pasos,
.single-beneficios .modal-form .pasos {
    padding-top: 2rem;
    position: relative
}

.page-beneficios .modal-form .pasos ul li,
.single-beneficios .modal-form .pasos ul li {
    align-content: space-around;
    align-items: center;
    color: #212529;
    display: flex;
    flex-direction: row;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-around;
    line-height: 24px;
    margin-bottom: 2rem
}

.page-beneficios .modal-form .pasos ul li.inactivo,
.single-beneficios .modal-form .pasos ul li.inactivo {
    color: #c4c4c4
}

.page-beneficios .modal-form .pasos ul li.inactivo span,
.single-beneficios .modal-form .pasos ul li.inactivo span {
    background: #c4c4c4
}

.page-beneficios .modal-form .pasos ul li.listo,
.single-beneficios .modal-form .pasos ul li.listo {
    color: #25282c;
    font-weight: 200
}

.page-beneficios .modal-form .pasos ul li.listo span,
.single-beneficios .modal-form .pasos ul li.listo span {
    background: #159676
}

.page-beneficios .modal-form .pasos ul li span,
.single-beneficios .modal-form .pasos ul li span {
    align-content: center;
    align-items: center;
    background: #159676;
    border-radius: 80px;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: center;
    padding: 12px;
    position: absolute;
    right: -28px;
    width: 36px;
    z-index: 3
}

.page-beneficios .modal-form .form-check-inline,
.single-beneficios .modal-form .form-check-inline {
    display: inline-block;
    margin-right: 10px
}

.page-beneficios .modal-form .form-check-input,
.single-beneficios .modal-form .form-check-input {
    margin-right: 5px
}

.page-beneficios .modal-form button#btnEnviar,
.single-beneficios .modal-form button#btnEnviar {
    background: #159676;
    border: none;
    border-radius: 8px;
    color: #fff;
    height: 49px;
    padding: 14px 16px;
    width: 85px
}

.page-beneficios .modal-form button#btnAnterior,
.single-beneficios .modal-form button#btnAnterior {
    color: #129676
}

.page-beneficios .modal-form button#btnAnterior svg,
.single-beneficios .modal-form button#btnAnterior svg {
    margin-right: 4px
}

.page-beneficios .modal-form .input-precio-relative,
.single-beneficios .modal-form .input-precio-relative {
    position: relative
}

.page-beneficios .modal-form .form-control,
.single-beneficios .modal-form .form-control {
    border: 1px solid #cfe3de;
    border-radius: 8px;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding: 12px 16px
}

.page-beneficios .modal-form .form-control input,
.single-beneficios .modal-form .form-control input {
    text-align: left
}

.page-beneficios #resultadoSimulaAprobado .info-aprobado svg,
.page-beneficios #resultadoSimulaRechazado .info-rechazado svg,
.single-beneficios #resultadoSimulaAprobado .info-aprobado svg,
.single-beneficios #resultadoSimulaRechazado .info-rechazado svg {
    width: 150px
}

@keyframes latido {
    0% {
        border: 10px solid rgba(21, 150, 118, .69);
        height: 120px;
        width: 120px
    }

    to {
        border: 40px solid transparent;
        height: 220px;
        width: 220px
    }
}

.unidad-beneficios .card-detail {
    background: #e9f2f0;
    border: none;
    border-radius: 30px;
    gap: 16px;
    padding: 24px 16px
}

.unidad-beneficios .card-detail .nombre-proyecto {
    color: #212529;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
}

.unidad-beneficios .card-detail .nombre-modelo {
    color: #212529;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 29px
}

.unidad-beneficios .card-detail .mini-card {
    background: rgba(21, 150, 118, .2);
    border-radius: 16px;
    padding: 16px
}

.unidad-beneficios .card-detail .t-comprar {
    color: #212529;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.unidad-beneficios .card-detail .t-desde {
    align-items: center;
    color: #212529;
    display: flex;
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px
}

.unidad-beneficios .card-detail-facilities {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
    padding: 16px
}

.unidad-beneficios .card-simula {
    background: #e9f2f0;
    border-radius: 30px;
    padding: 32px 80px
}

.unidad-beneficios .card-simula .t-simula {
    color: #212529;
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px
}

.unidad-beneficios .card-simula .t-parrafo {
    color: #212529;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px
}

.unidad-beneficios .card-simula .img-btn {
    height: 60px;
    width: 356.69px
}

.unidad-beneficios .card-simula .img-simula {
    height: 200px;
    width: 235.14px
}

.unidad-beneficios .btn-waze {
    background: #159676;
    border-radius: 8px;
    height: 49px;
    padding: 14px 16px;
    width: 214px
}

.unidad-beneficios section.indicadores {
    background: #e9f2f0
}

.page-beneficios #promociones .swiper-button-next, #promociones .swiper-button-prev{
    top: -335px;
}

.page-beneficios .container.tit-proyectos{
    background-color: #d9e2e0;
}

.page-beneficios .proyectos .proyecto .logo-proyecto{
    text-align: center;
    margin: auto;
    margin-bottom: -40px;
    position: relative;
    z-index: 10;
    max-width: 200px;
}

.page-beneficios .proyectos .proyecto .img-proyecto{
    position: relative;
    z-index: 8;
    text-align: center;
}

.page-beneficios .proyectos .proyecto .img-proyecto img, .page-beneficios .proyectos .proyecto .logo-proyecto img{
    max-width: 100%;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

@media (min-width: 992px) {
    .page-beneficios .modal-lg, .modal-xl {
      --bs-modal-width: 600px;
    }
  }

.page-beneficios .modal-header{
    border-bottom: none !important;
}

.page-beneficios .swiper .swiper-wrapper .swiper-slide a{
    color: #212529;
}

.page-beneficios .swiper .swiper-wrapper .swiper-slide a .card.slide{
    border: none;
    background-color: #d9e2e0;
    border-radius: 30px;
}

.page-beneficios .swiper .swiper-wrapper .swiper-slide a .card.slide .header{
    text-align: center;
    padding: 15px 20px;
    background-color: #a1d7c8;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

div img{
    max-width: 100%;
}

.page-beneficios .swiper .swiper-wrapper .swiper-slide a .card.slide .img-slide-wrapper img{
    border-bottom-left-radius: 30px;
}

.page-beneficios .swiper .swiper-wrapper .swiper-slide a .card.slide .txt-slide-wrapper{
    padding: 20px 40px;
}

@media (max-width: 576px) {
    .page-beneficios .main-txt .card-valores{
        text-align: center;
        padding: 0 20px;
    }
  }

@media (max-width: 1400px) {
    .page-beneficios #promociones .swiper-button-next, #promociones .swiper-button-prev{
        top: -315px;
    }
}

@media (max-width: 1200px) {
    .page-beneficios #promociones .swiper-button-next, #promociones .swiper-button-prev{
        top: -295px;
    }
}

@media (max-width: 991px) {
    .page-beneficios #promociones .swiper-button-next, #promociones .swiper-button-prev{
        top: -585px;
    }
}

@media (max-width: 767px) {
    .page-beneficios #promociones .swiper-button-next, #promociones .swiper-button-prev{
        top: 0;
    }
}

/****** FORM ********/

.page-beneficios .pum-container .wpforms-container-full {
    margin: 0
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container input[type=email],
.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container input[type=text],
.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container input[type=tel],
.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container textarea,
.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container select {
    border: none;
    border-bottom: 1px solid #979e9c;
    padding: 5px 1px;
    resize: none;
    width: 100%;
    margin-bottom: 10px;
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container textarea{
    border: none;
    border-top: 1px solid #979e9c;
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container input.wpforms-field-medium {
    max-width: 100%
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container button[type=submit] {
    background-color: #159676;
    border-color: #159676;
    border-radius: 10px;
    color: #fff
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container .wpforms-sublabel-hide{
    display: none !important;
}


.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container .wpforms-field-row .wpforms-one-half{
    width: 47%;
    display: inline-block;
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-container .wpforms-field-row .wpforms-first.wpforms-one-half{
    margin-right: 2%;
}

.page-beneficios .pum-container .wpforms-container-full input::placeholder,
.page-beneficios .pum-container .wpforms-container-full textarea::placeholder,
.page-beneficios .pum-container .wpforms-container-full select option.placeholder{
    font-size: 85%;
    color: #afafaf;
}

.page-beneficios .pum-container .wpforms-container-full select:invalid,
.page-beneficios .pum-container .wpforms-container-full select option.placeholder {
  color: #afafaf;
  font-size: 90%;
}

.page-beneficios .pum-container .wpforms-container-full input:focus-visible,
.page-beneficios .pum-container .wpforms-container-full select:focus-visible{
    outline: none;
    border-bottom: 1px solid #00d79a !important;
}

.page-beneficios .pum-container .wpforms-container-full textarea:focus-visible{
    outline: none;
    border-top: 1px solid #00d79a !important;
}

.page-beneficios .pum-container .wpforms-container-full textarea{
    min-height: 100px;
}

.page-beneficios .pum-container .wpforms-container-full label.wpforms-field-label{
    margin: 0 0 3px 0;
}

.page-beneficios .pum-container .wpforms-container-full .wpforms-field-limit-text{
    color: #afafaf;
    font-size: 80%;
}

.page-beneficios .pum-container .wpforms-field-container{
    margin-bottom: 20px;
}

.page-beneficios .pum-container .wpforms-container button{
    padding: 6px 15px;
    border: none;
    height: 38px;
}

.page-beneficios .pum-container .wpforms-submit-container{
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: right;
    padding-right: 20px;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
    padding-right: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error{
    border: none;
    border-bottom: 1px solid #cc0000;
}


.page-beneficios .pum-container .wpforms-confirmation-container-full{
    background-color: #fff;
    border: none;
}

.page-beneficios .pum-container .wpforms-confirmation-container-full .response-form-beneficios{
    margin: 100px 0;
}

.page-beneficios .pum-container .wpforms-confirmation-container-full .response-form-beneficios h3{
    color: #158676;
    font-size: 4rem;
    font-weight: 600;
}

.page-beneficios .pum-container .wpforms-confirmation-container-full .response-form-beneficios p{
    color: #158676;
    font-size: 2.5rem;
    font-weight: 200;
    width: 60%;
    margin-top: 20px;
    min-width: 280px;
}