/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*** Temp ***/
#list-top {display: none!important;}

/*** ESTILO GENERAL ***/
#sin-resultados {display: flex;justify-content: space-between;align-items: center;background: #fff;border: 1px solid #181211;padding: 20px;border-radius: 5px;margin-top: 25px;}
#sin-resultados > span {font-size: 15px;font-weight: 700;}
#sin-resultados > a {display: flex;gap: 20px;align-items: center;background: #181211;padding: 15px 30px;border-radius: 5px;color: #FDFBF6;font-size: 15px;font-weight: 700;}
#content > .page-content > p,
#content > .page-content > .elementor > p {display: none;}
#list-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 35px;}
#list-top .order-by select {display: block;width: fit-content;padding: 0;background-color: transparent;border: 0;font-size: 14px;font-weight: 700;padding-bottom: 5px;border-bottom: 1px solid #000;border-radius: 0;}
#list-top > a {background-color: #181211;color: #FDFBF6;display: flex;align-items: center;gap: 20px;padding: 10px 20px;border-radius: 5px;}
#propiedades-list {display: flex;flex-wrap: wrap;margin: -15px;}
.menu-mobile .elementor-nav-menu > li {margin-bottom: 10px;background-color: #fff;border-radius: 5px;border: 1px solid #d7d7d7;}
.menu-mobile .elementor-nav-menu > li > a {border-radius: 5px;}
.menu-mobile .elementor-nav-menu > li > a:focus,
.menu-mobile .elementor-nav-menu > li > a:hover,
.menu-mobile .elementor-nav-menu > li > a.elementor-item-active {background: #fff;color: #181211;}
@media screen and (max-width: 955px) {
    #sin-resultados {gap: 10px;flex-direction: column;padding: 15px;}
    #sin-resultados > span {font-size: 13px;}
    #sin-resultados > a {gap: 15px;width: 100%;padding: 10px 20px;font-size: 13px;justify-content: center;}
    #propiedades-list {margin: 0;}
    .elementor-location-footer .elementor-form-fields-wrapper {flex-wrap: nowrap!important;}
    .elementor-location-footer .elementor-form-fields-wrapper .elementor-field-type-email {flex: auto!important;}
    .elementor-location-footer .elementor-form-fields-wrapper .elementor-field-type-submit {flex: 1!important;}
    #copyright ul {justify-content: flex-start!important;align-items: flex-start;gap: 5px;flex-direction: column;min-width: 44vh;}
    #copyright ul > li {--e-nav-menu-horizontal-menu-item-margin: 0!important;}
    #copyright ul > li a {font-size: 13px;}
}

/*** Miniatura de propiedad ***/
.propiedad-miniature .propiedad-description .more-info,
.overlay .more-info {display: flex;align-items: center;gap: 5px;padding-top: 10px;justify-content: space-around;}
.propiedad-miniature .propiedad-description .more-info .feature,
.overlay .more-info > .feature {flex: 1;text-align: center;display: flex;flex-direction: column;gap: 3px;}
.propiedad-miniature .propiedad-description .more-info .feature i,
.overlay .more-info > .feature > i {font-size: 18px;color: #3D75A9;}
.overlay .more-info > .feature > i {color: #fff;}
.propiedad-miniature .propiedad-description .more-info .feature span,
.overlay .more-info > .feature > span {font-size: 8.5px;color: #494846;font-weight: 700;}
.overlay .more-info > .feature > span {color: #fff;}
@media screen and (max-width: 955px) {
    .propiedad-miniature .propiedad-description .more-info {gap: 5px;padding-top: 0;align-items: flex-start;}
    .propiedad-miniature .propiedad-description .more-info .feature {flex-basis: calc(33.3% - 5px);}
    .propiedad-miniature .propiedad-description .more-info .feature:nth-child(4) {display: none;}
    .propiedad-miniature .propiedad-description .more-info .feature i {font-size: 15px;}
}

/*** Breadcrumb ***/
#breadcrumb {border-left: 1px solid #FDFBF6;border-right: 1px solid #FDFBF6;}
#breadcrumb > .row {display: flex;gap: 0;align-items: center;border-bottom: 1px solid #FDFBF6;color: #FDFBF6;}
#breadcrumb > .row:last-child {border-bottom: 0px;}
#breadcrumb > .row .volver,
#breadcrumb > .row .breadcrumb,
#breadcrumb > .row > h2,
#breadcrumb > .row > .right > .numAnuncios,
#breadcrumb > .row > .right > a {padding: 15px 20px;color: #FDFBF6;display: flex;gap: 20px;align-items: center;border-right: 1px solid #FDFBF6;}
#breadcrumb > .row .volver {text-transform: uppercase;}
#breadcrumb > .row .breadcrumb {border-right: 0!important;flex-wrap: unset;margin-bottom: 0;background-color: unset;border-radius: 0;}
#breadcrumb > .row .breadcrumb > a {color: #FDFBF6;}
#breadcrumb > .row.title-page {justify-content: space-between;}
#breadcrumb > .row > h2 {font-size: 15px;font-weight: 700;text-transform: uppercase;margin: 0;border-right: 0px;}
#breadcrumb > .row > .right {display: flex;align-items: center;}
#breadcrumb > .row > .right > .numAnuncios {border-left: 1px solid #FDFBF6;gap: 5px;border-right: 0px;}
@media screen and (max-width: 955px) {
    #breadcrumb {border: 0;}
    #breadcrumb > .row {border: 0;flex-direction: column;align-items: flex-start;}
    #breadcrumb > .row .volver,
    #breadcrumb > .row .breadcrumb,
    #breadcrumb > .row > h2,
    #breadcrumb > .row > .right > .numAnuncios,
    #breadcrumb > .row > .right > a {padding: 10px 15px;align-items: center;border: 0;width: 100%;border-bottom: 1px solid #FDFBF6;}
    #breadcrumb > .row .volver {font-size: 14px;}
    #breadcrumb > .row .breadcrumb {font-size: 13px;gap: 10px;flex-wrap: wrap;}
    #breadcrumb > .row > h2 {font-size: 15px;}
    #breadcrumb > .row > .right {width: 100%;}
    #breadcrumb > .row > .right > .numAnuncios {font-size: 13px;border-bottom: 0;}
}

/*** Single Propiedad -> Gallery Imagen ***/

.galeria-custom {display: flex;gap: 5px;width: 100%;height: 500px;}
.img-principal,
.img-secundarias {flex: 1;}
.img-principal img,
.img-secundarias .fila img {width: 100%;height: 100%;object-fit: cover;object-position: center;cursor: pointer;}
.img-secundarias {display: flex;flex-direction: column;gap: 5px;}
.img-secundarias .fila {display: flex;gap: 5px;flex: 1;}
.price_propiedad {font-size: 16px;font-weight: 700;color: #3D75A9;}
.single-propiedad .swiper-slide {max-height: 550px;}
@media screen and (max-width: 955px) {
    #galeria {background-color: rgba(0, 0, 0, 0.85);}
    #gallery-images > .images {height: 350px;}
    #gallery-images > .actions {padding: 15px;}
    #gallery-images > .actions > .action {padding: 10px;}
}

/*** Single Vivienda -> Formulario de contacto ***/
.contact-block-vivienda .reference {display: flex;align-items: center;gap: 10px;color: #181211;font-size: 14px;font-weight: 500;}
.contact-block-vivienda .reference > i {color: #3D75A9;}
.form-vivienda .wpforms-container {margin: 0!important;}
.form-vivienda .wpforms-container .wpforms-field {padding-top: 0!important;padding-bottom: 8px!important;}
.form-vivienda .wpforms-container .wpforms-field label {margin-bottom: 5px;font-size: 13px;font-weight: 500;}
.form-vivienda .wpforms-container .wpforms-field input {width: 100%;max-width: 100%;font-size: 13px;height: auto;padding: 5px 10px;}
.form-vivienda .wpforms-container .wpforms-field .wpforms-error {margin-top: 5px;font-size: 10px;}
.form-vivienda .wpforms-container .wpforms-submit-container {margin-top: 5px!important;}
.form-vivienda .wpforms-container .wpforms-submit-container button {display: block;width: 100%;background-color: #000!important;font-size: 14px;font-weight: 700;height: auto;padding: 10px 20px;}

/*** Single Vivienda -> Descripcion ***/
#datos {display: flex;flex-direction: column;gap: 25px;}
#datos h4.title {font-size: 20px;font-weight: 600;margin: 0;padding: 0;}
#description {display: flex;flex-direction: column;gap: 25px;}
#description .info-esencial {display: flex;flex-direction: column;gap: 10px;}
#description .info-esencial > .disponibilidad {display: block;background-color: #fff;padding: 3px 6px;border-radius: 5px;font-size: 12px;width: fit-content;border: 1px solid #181211;font-weight: 700;}
#description .info-esencial > .disponibilidad.disponible {background-color: rgb(194, 228, 194);}
#description .info-esencial > .disponibilidad.reservado {background-color: rgb(255, 255, 214);}
#description .info-esencial > .disponibilidad.vendido,
#description .info-esencial > .disponibilidad.alquilado {background-color: rgb(228, 194, 194);}
#description .info-esencial > h3.title {font-size: 24px;font-weight: 600;line-height: 28px;margin: 0;}
#description .info-esencial > .operacion {font-size: 14px;}
#description .info-esencial > .price {font-size: 16px;color: #3D75A9;font-weight: 700;}
#description .features-esenciales {display: flex;gap: 10px;font-size: 14px;font-weight: 400;}
#description .features-esenciales > span {display: flex;gap: 10px;align-items: center;}
#description .features-esenciales > span::after {display: block;content: "·";}
#description .features-esenciales > span:last-child::after {display: none;}
#description .descripcion {display: flex;flex-direction: column;gap: 10px;}
#description .descripcion > p {font-size: 14px;line-height: 28px;}
#description .descripcion > .fecha-subida {padding: 10px 0;font-size: 14px;width: fit-content;border-top: 1px solid #181211;}
#enDetalle,
#features {display: flex;flex-direction: column;gap: 20px;padding: 25px 0;border-top: 1px solid #181211;border-bottom: 1px solid #181211;}
#enDetalle .detalles {display: flex;gap: 20px;align-items: center;}
#enDetalle .detalles > .detalle {display: flex;flex-direction: column;gap: 5px;align-items: center;}
#enDetalle .detalles > .detalle .bola {display: flex;width: 80px;height: 80px;align-items: center;justify-content: center;background: #3D75A9;border-radius: 50%;color: #FDFBF6;font-size: 25px;}
#enDetalle .detalles > .detalle a {font-size: 14px;line-height: 28px;color: #181211;text-decoration: underline;}
#features {border-top: 0;padding-top: 0;}
#features .caracteristicas {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 20px;}
#features .caracteristicas > .caracteristica {flex-basis: calc(33% - 20px);display: flex;gap: 10px;align-items: center;}
#features .caracteristicas > .caracteristica > i {color: #3D75A9;font-size: 14px;}
#features .caracteristicas > .caracteristica > span {font-size: 14px;}
#zona {display: flex;flex-direction: column;gap: 20px;}
#zona > .ubicacion {display: flex;flex-direction: column;gap: 5px;font-size: 14px;}
#zona > .ubicacion > .sinDireccion {display: flex;align-items: center;gap: 20px;font-weight: 400;}
#zona > .ubicacion > .sinDireccion > a {color: #3D75A9;font-weight: 700;text-decoration: underline;display: flex;gap: 5px;align-items: center;line-height: 28px;}
#compartir {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 999;flex-direction: column;align-items: center;justify-content: center;}
#compartir.active {display: flex;}
#compartir .content {display: flex;flex-direction: column;background: #fff;width: 600px;border-radius: 5px;}
#compartir .content .cabecera {display: flex;align-items: center;justify-content: space-between;padding: 20px;}
#compartir .content .cabecera h3 {font-size: 20px;font-weight: 700;color: #181211;margin: 0;}
#compartir .content .cabecera button {border: 0;padding: 0;background: 0;}
#compartir .content .cabecera button:focus {box-shadow: none;}
#compartir .content .cabecera button i {font-size: 20px;color: #181211;}
#compartir .content .esencial {display: flex;flex-direction: column;gap: 5px;background-color: #e2e2e2;padding: 20px;}
#compartir .content .esencial h5 {font-size: 16px;font-weight: 600;color: #181211;margin: 0;}
#compartir .content .esencial span {font-size: 14px;color: #181211;font-weight: 500;}
#compartir .content .enlace {display: flex;flex-direction: column;gap: 20px;padding: 20px;}
#compartir .content .enlace h4 {font-size: 18px;font-weight: 700;color: #181211;margin: 0;}
#compartir .content .enlace .enlace-text {display: flex;align-items: center;justify-content: space-between;background: #e2e2e2;border: 1px solid #494846;border-radius: 5px;padding: 15px;width: 100%;}
#compartir .content .enlace .enlace-text span {font-size: 14px;color: #494846;font-weight: 400;}
#compartir .content .enlace .enlace-text button {display: flex;gap: 10px;align-items: center;font-size: 15px;color: #3D75A9;border: 0;background: none;padding: 0;}
#compartir .content .enlace .enlace-text button i {font-size: 18px;}
#compartir .content .enlace .enlace-text button span {color: #3D75A9;}

@media screen and (max-width: 955px) {
    #description .info-esencial > h3.title {font-size: 20px;font-weight: 600;line-height: 24px;}
    #description .features-esenciales {gap: 5px;}
    #description .features-esenciales,
    #description .descripcion > p,
    #description .descripcion > .fecha-subida {font-size: 13px;}
    #datos h4.title {font-size: 16px;}
    #enDetalle .detalles {gap: 10px;}
    #enDetalle .detalles > .detalle .bola {width: 65px;height: 65px;font-size: 20px;}
    #enDetalle .detalles > .detalle a {font-size: 13px;}
    #features .caracteristicas {gap: 8px;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;}
    #compartir .content {width: 90%;}
    #compartir .content .cabecera,
    #compartir .content .esencial,
    #compartir .content .enlace {padding: 15px;}
    #compartir .content .enlace .enlace-text {gap: 10px;}
    #compartir .content .enlace .enlace-text span {flex: auto;font-size: 13px;overflow: hidden;}
    #compartir .content .enlace .enlace-text button span {font-size: 13px;}
}

/*** Carrousel de propiedades ***/
.carousel .carousel-item {display: flex;gap: 15px;visibility: hidden;}
.carousel .carousel-item.active {visibility: visible;}
.carousel .carousel-item .overlay-container {flex: 1;position: relative;height: 400px;border-radius: 5px;padding: 0;margin: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.carousel .carousel-item .overlay-container .overlay,
.cuadricula .overlay-container .overlay  {display: flex;flex-direction: column;height: 100%;justify-content: flex-end;padding: 15px;background: rgba(0, 0, 0, .5);border-radius: 5px;}
.carousel .carousel-item .overlay-container .overlay > a,
.cuadricula .overlay-container .overlay > a {display: flex;flex-direction: column;gap: 10px;}
.carousel .carousel-item .overlay-container .overlay > a h5,
.cuadricula .overlay-container .overlay > a h5 {font-size: 20px;color: #fff;margin: 0;}
.carousel .carousel-item .overlay-container .overlay > a p,
.cuadricula .overlay-container .overlay > a p {color: #fff;margin-bottom: 0;}
.carousel .actions {display: flex;position: absolute;left: 0;bottom: 0;width: 100%;align-items: center;justify-content: center;gap: 15px;margin-bottom: -50px;}
.carousel .actions .carousel-control-prev,
.carousel .actions .carousel-control-next {position: relative;top: auto;bottom: auto;width: auto;display: block;opacity: 1;background-color: #3D75A9;padding: 5px 10px;border-radius: 5px;}
.carousel .actions .carousel-control-prev > span,
.carousel .actions .carousel-control-next > span {width: 100%;height: auto;background-image: none;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 700;}
.carousel .flags,
.cuadricula .flags {display: flex;flex-direction: column;gap: 5px;position: absolute;top: 15px;left: 15px;}
.carousel .flags .item,
.cuadricula .flags .item {background: #fff;padding: 3px 6px;font-size: 12px;border-radius: 5px;text-align: center;}
@media screen and (max-width: 955px) {
    .carousel .carousel-item {gap: 5px;}
    .carousel.hidden-md-down {display: none;}
    .carousel .carousel-item .overlay-container {height: 275px;}
    .carousel .carousel-item .overlay-container .overlay > a h5,
    .cuadricula .overlay-container .overlay > a h5 {font-size: 15px;}
    .carousel .carousel-item .overlay-container .overlay > a p,
    .cuadricula .overlay-container .overlay > a p {font-size: 13px;}
}

/*** Cuadriculas de propiedades ***/
.cuadricula {display: flex;flex-wrap: wrap;align-items: center;margin: -15px;width: 100%;}
.cuadricula .overlay-container {flex-basis: calc(25% - 15px);margin: 7.5px;position: relative;height: 400px;border-radius: 5px;padding: 0;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
@media screen and (max-width: 955px) {
    .cuadricula {margin: 0;}
    .cuadricula .overlay-container {flex-basis: calc(50% - 10px);margin: 5px;height: 275px;}
}

/*** Buscador principal ***/
#main-search {display: flex;justify-content: space-between;width: 85%;align-items: center;background-color: #FDFBF6;padding: 10px;border-radius: 5px;margin: 0 auto;}
#main-search .opciones {display: flex;align-items: center;}
#main-search .opciones > * {padding: 0 15px;border-right: 1px solid #181211;}
#main-search .opciones > *:last-child {border-right: 0px;}
#main-search .opciones > .localizacion {display: flex;align-items: center;gap: 15px;}
#main-search .opciones > * select {padding: 0;border: 0;background: none;font-weight: 500;}
#main-search .search-btn {display: flex;align-items: center;gap: 15px;background: #181211;border: 0;color: #FDFBF6;font-weight: 500;padding: 15px 30px;}
@media screen and (max-width: 955px) {
    #main-search {flex-direction: column;justify-content: flex-start;width: 100%;align-items: flex-start;background-color: transparent;padding: 0;gap: 5px;}
    #main-search .opciones {flex-direction: column;width: 100%;align-items: flex-start;gap: 5px;}
    #main-search .opciones > * {background: #FDFBF6;width: 100%;padding: 10px 20px;border-radius: 5px;gap: 10px;border: 0px;}
    #main-search .opciones > * select {font-size: 14px;}
    #main-search .search-btn {width: 100%;justify-content: center;font-size: 14px;padding: 10px 20px;}
}

/*** Elementor Widgets ***/
.elementor-tabs .elementor-tabs-wrapper {gap: 20px!important;}
.elementor-tabs .elementor-tab-title {border: 1px solid rgba(24, 18, 17, .6)!important;padding: 10px 20px!important;border-radius: 5px!important;}
.elementor-tabs .elementor-tab-title.elementor-active {background: #181211!important;border-color: #181211!important;}

/*** Formulario de contacto ***/
.form-contact-page {margin: 0!important;}
.form-contact-page .wpforms-field-container .wpforms-field {padding: 0!important;margin-bottom: 20px!important;}
.form-contact-page .wpforms-field-container .wpforms-field > label {font-size: 15px!important;font-weight: 600!important;margin-bottom: 5px!important;}
.form-contact-page .wpforms-field-container .wpforms-field > input,
.form-contact-page .wpforms-field-container .wpforms-field > textarea {background: none!important;border: 0!important;border-bottom: 2px solid #181211!important;border-radius: 0!important;line-height: unset!important;height: auto!important;padding: 8px 0!important;font-size: 14px!important;color: #494846!important;}
.form-contact-page .wpforms-field-container .wpforms-field > input:focus,
.form-contact-page .wpforms-field-container .wpforms-field > textarea:focus {box-shadow: none!important;}
.form-contact-page .wpforms-field-container .wpforms-field fieldset label {font-size: 15px!important;color: #181211!important;font-weight: 500!important;}
.form-contact-page .wpforms-submit-container {text-align: right!important;}
.form-contact-page .wpforms-submit-container button {background-color: #3D75A9!important;font-size: 15px!important;font-weight: 700!important;padding: 10px 20px!important;}