/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */

/* --- LISTADO DE ICONOS VERTICAL (Para Footer u otros) --- */
.lista-vertical .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; 
    gap: 15px !important;
}

.lista-vertical .elementor-icon-list-item {
    width: 100% !important;
    margin-right: 0 !important; 
    margin-bottom: 0 !important; 
}



/* ==========================================================================
   SECCIÓN NOTICIAS (BLOG)
   ========================================================================== */

/* Ocultar etiqueta Real Estate y el icono calendario */
.seccion-noticias-custom .blog-post-meta li:nth-child(2) {
    display: none !important;
}
.seccion-noticias-custom .icon-calendar-3 {
    display: none !important;
}

/* Estilo de la fecha (texto) */
.seccion-noticias-custom .blog-post-meta time {
    font-size: 13px;
    opacity: 0.8; 
}

/* Fecha blanca con sombra solo en la tarjeta grande */
.seccion-noticias-custom .blog-post-item-v2 .blog-post-meta time {
    color: #ffffff; 
    text-shadow: 0 1px 3px rgba(0,0,0,0.5); 
}

.seccion-noticias-custom .blog-post-thumb img,
.seccion-noticias-custom .blog-post-thumb .image-wrap {
    border-radius: 20px !important;
    overflow: hidden; 
}

/* Transformar Continue Reading a LEER MÁS */
.seccion-noticias-custom .blog-post-link a {
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.seccion-noticias-custom .blog-post-link a::before {
    content: 'LEER MÁS';
    font-size: 14   px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #148E86; 
    letter-spacing: 0.5px;
}

/* Flecha del enlace */
.seccion-noticias-custom .blog-post-link a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #148E86;
    border-right: 2px solid #148E86;
    transform: rotate(45deg);
    margin-left: 8px;
    margin-top: -2px;
    transition: transform 0.2s ease;
}

.seccion-noticias-custom .blog-post-link a:hover::after {
    transform: rotate(45deg) translate(2px, -2px);
}



/* ==========================================================================
   DISEÑO TARJETAS IRV
   ========================================================================== */

   .tarjetas-personalizadas-irv .item-wrap-v6 {
    transition: box-shadow 0.3s ease;
    overflow: hidden !important;
    border-radius: 24px;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, white);
    box-shadow: none;
    padding-bottom: 50px;
}

.tarjetas-personalizadas-irv .item-wrap-v6:hover {
    transform: translateY(0px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
}

/* Separación entre tarjetas */
.tarjetas-personalizadas-irv .property-cards-module-v6 .row {
    --bs-gutter-x: 90px !important; 
    --bs-gutter-y: 20px !important; 
}

/* BORDES Y EFECTOS HOVER */
.tarjetas-personalizadas-irv .item-wrap-v6 .listing-image-wrap {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.tarjetas-personalizadas-irv .item-wrap-v6 .listing-image-wrap img {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
    transition: transform 0.5s ease;
}

.tarjetas-personalizadas-irv .item-wrap-v6:hover .listing-image-wrap img {
    transform: scale(1.1);
}

.tarjetas-personalizadas-irv .item-wrap-v6:hover .listing-image-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 142, 134, 0.6);
    z-index: 5;
    transition: all 0.3s ease;
    border-radius: 24px 24px 0 0;
    pointer-events: none;
}

/*BOTÓN VER PROPIEDAD */
.tarjetas-personalizadas-irv .boton-real-propiedad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff !important;
    padding: 10px 22px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.tarjetas-personalizadas-irv .item-wrap-v6:hover .listing-image-wrap .boton-real-propiedad {
    opacity: 1;
    margin-top: 0;
}

.tarjetas-personalizadas-irv .boton-real-propiedad:hover {
    background-color: #ffffff !important;
    color: #148E86 !important;
    border-color: #ffffff;
}

/* CUERPO DE LA TARJETA */
.tarjetas-personalizadas-irv .item-wrap-v6 .item-body {
    padding: 20px !important;
}

.tarjetas-personalizadas-irv .item-wrap-v6 .item-amenities {
    margin-bottom: 0px !important; 
    transition: none !important;
}

.tarjetas-personalizadas-irv .item-wrap-v6:hover .item-amenities {
    margin-bottom: 0px !important;
}


.tarjetas-personalizadas-irv .item-wrap-v6 .item-body .item-price-wrap .item-price::before {
    content: "Precio:" !important;
    display: inline-block !important;
    font-weight: 700 !important;
    color: #274842 !important;
    margin-right: 5px !important;
    font-size: 16px !important;
}

/*ICONOS PERSONALIZADOS*/
.tarjetas-personalizadas-irv .houzez-icon.icon-hotel-double-bed-1:before {
    content: '' !important;
    background-image: url('https://irv.serverspickandroll.eu/wp-content/uploads/2025/12/icon_Habitaciones.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -3px;
}

.tarjetas-personalizadas-irv .houzez-icon.icon-bathroom-shower-1:before {
    content: '' !important;
    background-image: url('https://irv.serverspickandroll.eu/wp-content/uploads/2025/12/icon_bano.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -3px;
}

.tarjetas-personalizadas-irv .houzez-icon.icon-ruler-triangle:before {
    content: '' !important;
    background-image: url('https://irv.serverspickandroll.eu/wp-content/uploads/2025/12/icon_tamano.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -3px;
}

/*LIMPIEZA*/
.tarjetas-personalizadas-irv .item-wrap-v6 .slick-arrow,
.tarjetas-personalizadas-irv .item-wrap-v6 .slick-next,
.tarjetas-personalizadas-irv .item-wrap-v6 .slick-prev,
.tarjetas-personalizadas-irv .item-wrap-v6 .slick-slide:not(.slick-current) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.tarjetas-personalizadas-irv .item-wrap-v6 .houzez-listing-carousel {
    pointer-events: none !important;
    transform: none !important;
}






.tarjetas-personalizadas-irv .property-cards-module-v6 .row {
    display: flex !important;
    align-items: stretch !important; 
    align-content: flex-start !important;
}


.tarjetas-personalizadas-irv .item-wrap-v6 {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    display: block !important; 
}

.tarjetas-personalizadas-irv .property-cards-module-v6 .row > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; 
    height: auto !important; 
}


/***********BUSCADOR*******/
.advanced-search-v3 .btn-search {
	transition: all .3s ease-out;
}
.advanced-search-v3 .btn-search:hover {
	opacity: .85;
}



/* estilos para pagina blog */

/* TARJETAS */
#sidebar .widget-wrap {
  background: #ffffff;
  border-radius: 15px;
  padding: 20px !important;
  margin-bottom: 25px;
}

/* TITULOS DE WIDGET */
#sidebar .widget-title,
#sidebar .wp-block-heading {
  background: #dff1ee;
  padding: 12px 16px;
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: #274842;
  margin-bottom: 15px;
  font-size: 16px;
}

/* LISTAS */
#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar ul li {
  margin-bottom: 10px;
}

#sidebar ul li a {
  color: #148E86;
  text-decoration: none;
  font-weight: 500;
}

#sidebar ul li a:hover {
  text-decoration: underline;
}

/* BUSCADOR */
#sidebar .wp-block-search__inside-wrapper {
  display: flex;
  gap: 10px;
}

#sidebar .wp-block-search__input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
}

#sidebar .wp-block-search__button {
  background: #0f8f85;
  color: #ffffff;
  border: none;
  padding: 12px 18px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

#sidebar .wp-block-search__button:hover {
  background: #0c6f67;
}

#sidebar .wp-block-search__label {
  display: none;
}

#sidebar {
  font-size: 15px;
}



/* posts*/

/* CONTENEDOR GENERAL */
.article-wrap {
  margin-bottom: 30px;
}

.post-wrap {
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
}

/* IMAGEN */
.post-thumbnail-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

/* CONTENIDO */
.post-inner-wrap {
  padding: 20px 22px;
}

/* TITULO */
.post-title-wrap h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.post-title-wrap h2 a {
  color: #1f3d3a;
  text-decoration: none;
}

.post-title-wrap h2 a:hover {
  text-decoration: underline;
}

/* EXTRACTO */
.post-excerpt-wrap p {
  font-size: 15px;
  color: #6b6b6b;
  line-height: 1.6;
  margin-bottom: 0;
}

/* FOOTER */
.post-footer-wrap {
  padding: 15px 22px;
  border-top: 1px solid #eef2f1;
}

/* META INFO */
.post-footer-wrap .author-meta li {
  font-size: 13px;
  color: #7a7a7a;
}

.post-footer-wrap .author-meta i {
  color: #0f8f85;
}

/* BOTON LEER MAS */
.post-footer-wrap .btn-primary {
  background: #0f8f85;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
}

.post-footer-wrap .btn-primary:hover {
  background: #0c6f67;
}


/* Contenedor de la paginación */
.pagination-wrap {
    margin-top: 40px;
}

/* UL */
.pagination {
    gap: 10px;
}

/* Items */
.pagination .page-item {
    margin: 0;
}

/* Links generales */
.pagination .page-link {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #f3f5f7;
    color: #333;
    font-weight: 600;
    transition: all 0.25s ease;
}

/* Hover */
.pagination .page-link:hover {
    background: #e6f4f1;
    color: #1bb6a3;
}

/* Página activa */
.pagination .page-item.active .page-link {
    background: #1bb6a3;
    color: #fff;
    box-shadow: 0 6px 16px rgba(27,182,163,0.35);
}

/* Disabled (flecha izquierda cuando no hay página previa) */
.pagination .page-item.disabled .page-link {
    background: #f3f5f7;
    color: #bbb;
    cursor: not-allowed;
}

/* Flechas */
.pagination .page-link i {
    font-size: 14px;
}




.blog-wrap.houzez-blog-top {
    position: relative;
    overflow: hidden;
    background: #fff;
}



.blog-wrap.houzez-blog-top::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 800px; 
    background: radial-gradient(
        ellipse 70% 100% at 100% 0%, 
        rgba(116, 227, 221, 0.44) 0%,
        rgba(116, 227, 221, 0.30) 28%,
        rgba(116, 227, 221, 0.18) 45%,
        rgba(116, 227, 221, 0.10) 60%,
        rgba(116, 227, 221, 0.05) 72%,
        rgba(116, 227, 221, 0.02) 82%,
        rgba(116, 227, 221, 0.01) 88%,
        rgba(116, 227, 221, 0.005) 93%,
        transparent 100%
    );

    z-index: 0;
    pointer-events: none;
}


.blog-wrap.houzez-blog-top > .container {
    position: relative;
    z-index: 1;
    padding-top: 40px;        
    padding-left: 30px;       
    padding-right: 30px;      
}




/*POST TIPO NOTICIA*/

/* Eliminar padding lateral de la columna */
.bt-content-wrap {
    padding-left: 0;
    padding-right: 0;
}

/*CONTENEDOR PADRE → TRANSPARENTE*/

.single-article-wrap {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

/*TARJETA REAL  */

.single-article-wrap .post-wrap {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* Header */
.post-header-wrap {
    padding: 30px 30px 0;
}

/* Título */
.single-article-wrap h1 {
    font-size: 30px;
    font-weight: 700;
    color: #274842;
    margin-bottom: 10px;
}

/* Meta */
.single-article-wrap .author-meta {
    font-size: 14px;
    color: #6c7a7a;
    margin-bottom: 20px;
}

/* Iconos meta */
.single-article-wrap .author-meta i {
    color: #17B3A9;
}

/* Imagen destacada */
.post-thumbnail-wrap img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

/* Contenido */
.post-content-wrap {
    padding: 30px;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* Encabezados internos */
.post-content-wrap h2,
.post-content-wrap h3,
.post-content-wrap h4 {
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #274842;
}

/* Enlaces */
.post-content-wrap a {
    color: #17B3A9;
}

/* Blockquote */
.post-content-wrap blockquote {
    border-left: 4px solid #17B3A9;
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: #666;
}

/*CIERRE DE TARJETA EN TAGS */

.post-footer-wrap {
    padding: 0 30px 30px;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Tags */
.post-tag {
    display: inline-block;
    background: #274842;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 13px;
    margin: 6px 6px 0 0;
    text-decoration: none;
}

/*RELATED POSTS → SECCIÓN INDEPENDIENTE*/

.related-posts-wrap {
    margin-top: 60px;
    background: transparent;
}

.related-posts-wrap h2 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #274842;
}

/* Tarjetas related */
.related-posts-wrap .blog-post-item {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    overflow: hidden;
    height: 100%;
}

/* Imagen */
.related-posts-wrap .blog-post-thumb img {
    width: 100%;
    height: auto;
}

/* Contenido tarjeta */
.related-posts-wrap .blog-post-content-wrap {
    padding: 20px;
}

/* Meta */
.related-posts-wrap .blog-post-meta {
    font-size: 13px;
    color: #6c7a7a;
    margin-bottom: 8px;
}

.related-posts-wrap .blog-post-meta i {
    color: #17B3A9;
}

/* Título */
.related-posts-wrap h3 a {
    color: #274842;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

/* Extracto */
.related-posts-wrap .blog-post-body {
    font-size: 14px;
    color: #666;
}

/* Link leer más */
.related-posts-wrap .blog-post-link a {
    color: #17B3A9;
    font-size: 14px;
    font-weight: 500;
}

/*ELIMINAR SECCIONES NO DESEADAS*/

.post-comment-form-wrap,
#respond,
.comment-respond,
.comments-form-wrap,
.next-prev-block,
.next-prev-blog,
.author-detail-wrap,
.related-posts-wrap .blog-post-author {
    display: none !important;
}




.single-post .blog-wrap {
    position: relative;
    z-index: 1;
}

.single-post .blog-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 800px;

    background: radial-gradient(
        ellipse 70% 100% at 100% 0%, 
        rgba(116, 227, 221, 0.44) 0%,
        rgba(116, 227, 221, 0.30) 28%,
        rgba(116, 227, 221, 0.18) 45%,
        rgba(116, 227, 221, 0.10) 60%,
        rgba(116, 227, 221, 0.05) 72%,
        rgba(116, 227, 221, 0.02) 82%,
        rgba(116, 227, 221, 0.01) 88%,
        rgba(116, 227, 221, 0.005) 93%,
        transparent 100%
    );

    z-index: 0;
    pointer-events: none;
}

.single-post .blog-wrap > * {
    position: relative;
    z-index: 2;
}

/*margen del boton leer mas y los iconos en cada post del blog*/
.post-footer-wrap .btn-primary {
    margin-top: 15px;
}

.post-footer-wrap .author-meta li {
    margin-top: 15px;
}


/*boton leer mas en la seccion de ultimas noticias en home*/
.blog-post-link.small a::before {
    content: 'LEER MÁS';
    font-size: 14px !important; 
    font-weight: 700;
    text-transform: uppercase;
    color: #148E86; 
    letter-spacing: 0.5px;
}

.blog-post-link.small a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #148E86;
    border-right: 2px solid #148E86;
    transform: rotate(45deg);
    margin-left: 8px;
    margin-top: -2px;
    transition: transform 0.2s ease;
}


.blog-post-link.small a:hover::after {
    transform: rotate(45deg) translate(2px, -2px);
}

.blog-post-link.small a {
    font-size: 0 !important; 
    color: transparent !important;
    display: inline-flex !important;
    align-items: center;
    text-decoration: none;
}

.advanced-search.search-expandable-wrap {
    display: none !important;
}


/*id de las propiedades---margen*/
.id-propiedades .hs-meta-widget-module-v4 {
  display: inline-flex;
  align-items: center;
}

.id-propiedades .hs-meta-widget-title {
  margin-right: 5px;
}

.id-propiedades .hs-meta-widget-data {
  margin-left: 0;
}



/***** Arreglos galería inmueble *****/
.galeria-inmueble img,
.galeria-inmueble .property-banner-trigger {
    pointer-events: none; 
    cursor: default;
}

/* Icono galería*/
.galeria-inmueble #pills-gallery-tab {
    cursor: pointer;
}

/* Botón VER FOTOS */
.boton-ver-fotos {
    cursor: pointer;
}


/*arreglos breadcrumb inmuebles*/
.breadcrumb-item-home {
    display: none;
}
.breadcrumb-wrap .breadcrumb-item:first-child::before {
    display: none;
}

/*iconos del gallery en inmuebles*/
#pills-tab .nav-link {
    background-color: #274842;              
}

#pills-tab .nav-link:hover {
    background-color: #1f3d3a;
}

li.breadcrumb-item.active {
    display: none;
}

/*arreglos de botones de google maps en inmuebles*/
.galeria-inmueble #pills-map .gmnoprint,
.galeria-inmueble #pills-map .gm-svpc {
    display: none !important;
}

@media (max-width: 767px) and (pointer: coarse) {
    .tarjeta-arriba-foto {
        position: relative;
        top: auto;
        left: auto;
    }
}

.abrir-mapa {
    cursor: pointer;
}

.breadcrumb-sin-home .breadcrumb-item-home {
    display: list-item !important;
}


.half-map-right-wrap .item-author, .item-date,
.item-buttons-right-wrap {
    display: none !important;
}
.half-map-right-wrap .item-footer {
    justify-content: flex-start !important;
}
.half-map-right-wrap .item-amenities i,
.half-map-right-wrap .icon-pin,
.half-map-right-wrap .houzez-icon {
	color: #17B3A9;
}
.ico-share {
	mix-blend-mode: multiply;
}
.half-map-right-wrap .item-price {
    font-size: 24px !important;
	color: #274842;
}

@media (min-width: 992px) {
	.item-footer {
		padding-left: 300px !important;
	}
}
.features-list-wrap > *,
.features-list-wrap .control--checkbox {
	color: white !important;
}
.btn-primary-outlined:hover {
    color: #fff;
    background-color: #274842 !important;
    border-color: #274842 !important;
}

.modal-body .lightbox-form-wrap {
    display: none !important;
}
.lightbox-gallery-wrap {
	width: 100% !important;
	
}
.lightbox-gallery-wrap img {
	max-height: 80vh;	
}

/* ==========================================================================
   SECCIÓN LEGALES
   ========================================================================== */
table tr th {
	padding: 10px 0;
}
table tr th:first-child {
	border-top-left-radius: 10px;
}
table tr th:last-child {
	border-top-right-radius: 10px;
}
table tr td {
	padding: 5px;
}
table tr:nth-child(odd) td {
	background-color: #f7f8f9;
	margin-bottom: 2rem;
}


.tarjetas-personalizadas-irv .item-wrap-v6 .listing-image-wrap {
	max-height: 290px;
}

.listing-gallery-wrap img {
border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;

}

/* ==========================================================================
  ETIQUETAS
   ========================================================================== */
.label-status.label {
	position: absolute;
	top: 20px;
	right: 20px;
}
.labels-wrap {
	top: 0 !important;
	left:0 !important;
	position: absolute;
	display: flex !important;
    justify-content: center;
    align-items: center !important;
    height: 100%;
    width: 100%;
    right: auto !important;
	pointer-events: none
}
a.hz-label.label {
    position: absolute;
    top: 20px;
    right: 20px;
}
.labels-wrap .label-color-61,
a.label-status.label.status-color-210 {
	top: auto !important;
	right: auto !important;
	background-color: red;
    color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 35px;
    transform-origin: center;
    transform: rotate(-15deg);
    border-radius: 8px;
}
.labels-wrap .label-color-49,
a.label-status.label.status-color-185 {
	top: auto !important;
	right: auto !important;
	background-color: white;
	border: 1px solid red;
    color: red;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 35px;
    transform-origin: center;
    transform: rotate(-15deg);
    border-radius: 8px;
}


/*estilos para los sliders del buscador*/
.range-wrap {
    position: relative;
    width: 100%;
    padding-top: 5px;
}

.range-text {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff; 
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.range-text i {
    font-size: 10px;
    opacity: 0.7;
}

.sliders_control {
    position: relative;
    min-height: 20px;
}

input[type=range].hz-area-range-from,
input[type=range].hz-area-range-to,
input[type=range].hz-price-range-from,
input[type=range].hz-price-range-to {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #dce0e0;
    pointer-events: none;
    outline: none;
    margin: 0;
    padding: 0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
    border: none;
}

input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
    border: none;
}

input[type=range].hz-area-range-from, 
input[type=range].hz-price-range-from {
    z-index: 2;
}

.advanced-search-filters .col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
}

/* texto rango de precios y metros cuadrados */
.range-text,
.range-text span,
.range-text .range-title,
.range-text .min-price-range,
.range-text .max-price-range,
.range-text .min-area-range,
.range-text .max-area-range {
    color: #fff !important;
}

/* iconos de flecha en blanco */
.range-text i {
    color: #fff !important;
}