/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.br-8 img{
	border-radius:8px;
}

#witei-widget-search {
  display: flex;
  gap: 8px; /* espacio entre elementos */
  align-items: center;

  width: 100%;
  max-width: 768px;
  min-height: 61px;
  border-radius: 60px;
  background: #FFF;
  flex-shrink: 0;
  margin: 0 auto;
  padding: 8px;
}

#witei-widget-search .select {
  flex: 1;
  border-radius: 30px;
  position: relative;
  min-height: 45px; /* o igual al del contenedor menos padding */
  display: flex; /* para alinear contenido si luego hay inputs o texto */
  align-items: center;
}
#witei-widget-search .select:first-child::after {
  content: "";
  position: absolute;
  top: 8px;     /* respeta el padding interno */
  bottom: 8px;  /* respeta el padding interno */
    right: -4px;
	width: 1px;
  background: #005074;
}

#witei-widget-search .btn {
  max-width: 132px;
  width: 100%; /* ocupa todo su espacio disponible hasta el máximo */
  background: #0073e6;
  color: white;
  border: none;
  border-radius: 30px;
  padding: 8px 12px;
  cursor: pointer;
}

.witei-search-select{
	margin-bottom: 0;	
	border: none;
  box-shadow: none;
}

.filters-container {
    display: flex;
    gap: 12px; /* espacio entre elementos */
    position: relative;
}

.witei-filter-orderby{
  display: flex;
  justify-content: flex-end;
}

/* Cada filtro individual */
.witei-filter-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Cabecera del filtro (icono - texto - icono) */
.witei-filter-title {
    border-radius: 60px;
    background: #EFF1F4;
    display: flex;
    padding: 12px 24px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

/* Iconos y texto */
.icon-left {
    flex-shrink: 0;
}

.text {
    flex-grow: 1;
    text-align: left;
}

.icon-right {
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.witei-filter-content {
  display: none;
  position: absolute;
  top: 125%; 
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid black;
  padding: 8px;
  z-index: 999; 
}

.witei-filter-content a {
    display: block;
    padding: 6px;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.witei-filter-content a:hover {
    background: #eee;
}

/* Rotar icono cuando está abierto */
.witei-filter-container.open .icon-right {
    transform: rotate(180deg);
}


.list-propiedades {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;              
    margin-bottom: 20px;
}

/* Cada propiedad dentro de la lista */
.propiedad-item {
    flex: 1 1 calc(33.333% - 32px); /* 3 por fila considerando el gap */
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
}


/* Galería de imágenes dentro de cada propiedad */
.propiedad-item .galeria img {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 8px;
}

/* Paginación */
#witei-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin-top: 20px;
}

#witei-pagination button,
#witei-pagination .current-page {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

#witei-pagination button:hover {
    background-color: #f0f0f0;
}

#witei-pagination .current-page {
    font-weight: bold;
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    cursor: default;
}

#map{
  aspect-ratio: 2 / 3;
  width: 100%;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media (max-width: 850px) {
    .propiedad-item {
        flex: 1 1 calc(100%);
    }
    .swiper-slide-wrapper{
        aspect-ratio: 2 / 1;
    }
}