/*

RESOLUCIONES MONITORES

3840 x 2160
2560 x 1440
1920 x 1080 -> 960px (imagen principal)
1536 x 864
1440 x 900
1366 x 768

RESOLUCIONES DISPOSITIVOS MOVILES

1024 x 1366
810 x 1080
768 x 1024
412 x 915
390 x 844
360 x 800

/* FORM */
/* SUBMIT */
/* TABS */
/* ESTILOS POR RESOLUCION */

/* FORM */

#form-busc-props form,
#form-busc-props input,
#form-busc-props select {
	font-family: var(--ak-font-family);
}

#bx_slideshow_formbusc {
    position: relative;
}

#form-busc-props {
	position: absolute;
	max-width: 1200px;
    width: auto;
    /* para centrarlo porque es absolute dentro del relative bx_slideshow_formbusc */
	margin: 0 auto;
    left: 0;
    right: 0;
	margin-bottom: 1rem;
}

/*
Parecido a las dimensiones del 390 y 844 usamos ese como referencia
@media screen and (max-width: 360px) and (max-height: 800px) {
}
*/

.fwc2_col_izq #form-busc-props {
	position: static;
	top: 0;
}

#form-busc-props form {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin: 0 auto;
}

#form-busc-props .bloque-campos-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    justify-content: center;
}

/* Contenedores de inputs individuales */
#form-busc-props > form > .bloque-campos-form > div {
    flex: 1 1 200px;
    min-width: 150px;
    /* max-width: 300px; */
    margin-bottom: 0 !important; /* Sobrescribir margenes de bootstrap si existen */
}

#form-busc-props .form-label {
    display: none; /* Ocultar etiquetas para simular el diseño limpio de la imagen */
}

/* Estilos de inputs y selects */
#form-busc-props .form-control,
#form-busc-props .form-select,
#form-busc-props .multiselect-box select {
    background-color: rgba(246, 246, 246, 0.9);
    border: 1px solid transparent;
    border-radius: 6px;
    height: 45px;
    color: #495057;
    font-size: 0.95rem;
    box-shadow: none;
    transition: all 0.3s ease;
}

#form-busc-props .form-control:focus,
#form-busc-props .form-select:focus {
    background-color: #ffffff;
    border-color: rgba(38, 90, 96, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 90, 96, 0.15);
}

/* Ajustes para autocompletar */
.ui-autocomplete-input {
    background-image: none !important; /* Quitar posibles iconos predeterminados */
}

/* Multiselect arreglos */
#form-busc-props .multiselect {
    position: relative;
    /* width: 100%; */
}

/* Placeholder styles if needed explicitly */
#form-busc-props ::placeholder {
    color: #6c757d;
    opacity: 0.8;
}

.oculto-busqueda-avanzada {
	display: none;
}

#lit_busq_avanzada {
	cursor: pointer;
}

/* SUBMIT */

#bloque-submit-busqueda-avanzada {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
	margin-top: 1rem;
}

#bloque-boton-submit {
	flex: 1 1 auto;
	flex-basis: 75%;
	margin: 0 auto;
}

#form-busc-props #submit-form-busqueda-propiedades {
    background-color: var(--ak-primary-color); /* Color teal oscuro de la imagen */
    border-color: var(--ak-primary-color);
    color: #ffffff;
    font-weight: 500;
    padding: 0 30px;
    height: 45px;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;
}

#form-busc-props #submit-form-busqueda-propiedades:hover {
    background-color: var(--ak-primary-color-hover);
    border-color: var(--ak-primary-color-hover);
}

#form-busc-props.form-busc-propiedades-sin-avanzada #bloque-boton-submit {
	margin-top: 1rem;
}


/* TABS */


/* Contenedor de las pestañas */
.tabs-buscador-wrapper {
    display: flex;
    align-items: flex-end; /* Alinea las pestañas abajo */
    margin-bottom: -1px;
	padding-left: 1rem;
	gap: 0.5rem;
}

/* Estilo de cada pestaña */
.tab-item {
    padding: 10px 25px;
    margin-right: 2px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.9); /* Fondo inactivo */
    color: #555;                                /* Texto inactivo */
    font-weight: bold;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: all 0.2s;
}

/* Efecto al pasar el ratón */
.tab-item:hover {
    background-color: var(--ak-primary-color);
}

/* Estilo de la pestaña ACTIVA (Rojo) */
.tab_activo {
    background-color: var(--ak-primary-color); /* Rojo intenso */
    color: white;              /* Texto blanco */
}

/* Ajuste para que la activa mantenga su color al pasar el ratón */
.tab_inactivo:hover {
	background-color: var(--ak-primary-color-hover);
	color: white;
}

#form-busc-props > form > .bloque-campos-form .size-col-1 {
	flex: 1 1 100px;
}
#form-busc-props > form > .bloque-campos-form .size-col-2 {
	flex: 1 1 200px;
}
#form-busc-props > form > .bloque-campos-form .size-col-3 {
	flex: 1 1 300px;
}
#form-busc-props > form > .bloque-campos-form .size-col-4 {
	flex: 1 1 400px;
}


#susc_propiedades .frm_campo_cont,
#aceptar_politica_privacidad .frm_campo_cont,
#susc_noticias .frm_campo_cont {
	float: none;
	display: flex;
	align-items: baseline;
    gap: 0.25rem;
}

/* ESTILOS POR RESOLUCION */

@media screen and (max-width: 3840px) and (max-height: 2160px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 3840px;
		max-width: 100%;
	}
	.bx_slideshow {
		height: 1600px;
	}
	#form-busc-props {
		top: 1200px;
	}
}
@media screen and (max-width: 2560px) and (max-height: 1440px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 2560px;
		max-width: 100%;
	}
	.bx_slideshow,
	.slides {
		height: 1100px;
	}
	#form-busc-props {
		top: 800px;
	}
}
@media screen and (max-width: 1920px) and (max-height: 1080px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 1920px;
		max-width: 100%;
	}
	.bx_slideshow {
		height: 720px;
	}
	#form-busc-props {
		top: 450px;
	}
}
@media screen and (max-width: 1536px) and (max-height: 864px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 1536px;
		max-width: 100%;
	}
	.bx_slideshow {
		height: 680px;
	}
	#form-busc-props {
		top: 400px;
	}
}
/*
al ser la resolucion muy parecida a la 1536x864 usamos la misma
@media screen and (max-width: 1440px) and (max-height: 900px) {
	.bx_slideshow {
		height: 680px;
	}
	#form-busc-props {
		top: 400px;
	}
}
*/

@media screen and (max-width: 1366px) and (max-height: 768px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 1366px;
		max-width: 100%;
	}
	.bx_slideshow {
		height: 560px;
	}
	#form-busc-props {
		top: 300px;
	}
}

/* Dispositivos Móviles */
@media screen and (max-width: 1024px) and (max-height: 1366px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 1024px;
		max-width: 100%;
	}
	.bx_slideshow {
		height: 1000px;
	}
	#form-busc-props {
		max-width: 960px;
		top: 650px;
	}
	.flexslider .slides img {
		width: 100%;
		height: 1000px;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (max-width: 810px) and (max-height: 1080px) {
	.bx_propiedades,
	.pgbusc .bx_central_fwc2 {
		width: 810px;
		max-width: 100%;
	}
	.bx_slideshow {
		display: block;
		height: 720px;
	}
	#form-busc-props {
		max-width: 720px;
        top: 420px;
	}
	.flexslider .slides img {
		width: 100%;
		height: 760px;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (max-width: 768px) and (max-height: 1024px) {
	.bx_slideshow {
		display: block;
		height: 720px;
		overflow: hidden;
	}
	#form-busc-props {
		max-width: 680px;
        top: 380px;
	}
	.flexslider .slides img {
		width: 100%;
		height: 720px;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (max-width: 412px) and (max-height: 915px) {
	#form-busc-props {
        top: auto;
        bottom: 0;
	}
}
@media screen and (max-width: 390px) and (max-height: 844px) {
	#form-busc-props {
        top: auto;
        bottom: 0;
	}
}