@charset "utf-8";
/*
 * polish-2026.css
 * -----------------------------------------------------------------------
 * Retoques visuales ligeros para el sitio publico (2026), pensados para
 * cargarse DESPUES de styles.css y sumarse encima sin tocarlo. No cambia
 * layout, estructura HTML ni comportamiento/JS - solo detalles de estilo:
 * sombras, transiciones suaves, tipografia y color. Seguro de revertir
 * (basta con quitar el <link> en head.php).
 * -----------------------------------------------------------------------
 */

/* Suavizado de texto general */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Tarjetas de propiedades: sombra mas suave + efecto hover sutil */
.estate-thumb {
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(44, 107, 179, 0.25);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	overflow: hidden;
}

.estate-thumb:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 22px rgba(0, 51, 102, 0.28);
}

.estate-thumb h4 {
	border-radius: 12px 12px 0 0;
	letter-spacing: 0.2px;
}

.estate-thumb-cost,
.estate-thumb .estate-costs {
	border-radius: 0 0 12px 12px;
}

.estate-thumb img {
	transition: transform 0.25s ease;
}

.estate-thumb:hover img {
	transform: scale(1.03);
}

/* Botones: transicion suave y un poco mas de peso visual */
.btn-arleg,
.btn-primary {
	border-radius: 6px;
	transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.08s ease;
}

.btn-arleg:hover,
.btn-primary:hover {
	box-shadow: 0 4px 10px rgba(0, 51, 102, 0.25);
}

.btn-arleg:active,
.btn-primary:active {
	transform: translateY(1px);
}

/* Navbar: sombra sutil para dar profundidad sin cambiar su altura/posicion */
.navbar-default {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Iconos de servicios en Home: leve elevacion al pasar el mouse */
.home-service {
	transition: transform 0.18s ease;
}

.home-service:hover {
	transform: translateY(-3px);
}

.home-service img {
	transition: box-shadow 0.18s ease;
}

.home-service:hover img {
	box-shadow: 0 4px 14px rgba(44, 107, 179, 0.35);
}

/* Servicios (listado /servicios): mismo trato sutil */
.service-col {
	transition: transform 0.18s ease;
}

.service-col:hover {
	transform: translateY(-3px);
}

/* Links de contacto/redes en el footer: transicion de color en vez de salto brusco */
.services-links > li > a,
.social-links > li > a {
	transition: color 0.15s ease;
}

.services-links > li > a:hover,
.social-links > li > a:hover {
	color: #2c6bb3;
}

/* Footer: gradiente un poco mas profundo para dar sensacion mas actual */
footer {
	background: -webkit-linear-gradient(#2c6bb3, #002347);
	background: -o-linear-gradient(#2c6bb3, #002347);
	background: -moz-linear-gradient(#2c6bb3, #002347);
	background: linear-gradient(#2c6bb3, #002347);
}

/* Inputs de busqueda/formularios: bordes mas suaves */
.form-control {
	border-radius: 6px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-control:focus {
	border-color: #2c6bb3;
	box-shadow: 0 0 0 3px rgba(44, 107, 179, 0.15);
}

/* -----------------------------------------------------------------------
 * Tamano uniforme de imagenes (tarjetas de propiedades, banners, iconos)
 * -----------------------------------------------------------------------
 * El sistema original no fijaba alto/objeto en las fotos, asi que cada
 * tarjeta terminaba con una altura distinta segun las proporciones de la
 * foto que subio el agente. Aqui se fija un alto comun y se usa
 * object-fit para recortar sin deformar, sin tocar el HTML ni las fotos
 * originales (siguen viendose completas al abrir el detalle/PDF).
 */

/* Tarjetas de listado (home, categoria, resultados de busqueda) */
.estate-thumb img {
	width: 100%;
	height: 190px;
	object-fit: cover;
	margin: 0;
	border-radius: 0;
}

/*
 * BUG REAL ENCONTRADO Y CORREGIDO: esta regla (agregada en este mismo
 * "retoque visual", no viene del sistema original) combinaba texto
 * centrado + una sola linea + recorte (white-space:nowrap). Cuando el
 * titulo era mas ancho que la tarjeta, el navegador lo recortaba por
 * AMBOS lados (por estar centrado) en vez de mostrar "..." al final,
 * dejando titulos largos ilegibles. Se cambia a un recorte de hasta 2
 * lineas con "..." al final (line-clamp), que es el comportamiento
 * esperado y no depende de que el texto quepa en una sola linea.
 */
.estate-thumb h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	text-align: center;
	height: auto;
	min-height: 50px;
	line-height: 1.25;
	padding: 8px 10px !important;
}

/* Banner principal del home (nivo slider) */
.slider-wrapper,
.slider-wrapper .nivoSlider {
	border-radius: 12px;
	overflow: hidden;
}

.banner-image {
	width: 100%;
	height: 420px;
	object-fit: cover;
}

@media (max-width: 768px) {
	.banner-image {
		height: 220px;
	}
	.estate-thumb img {
		height: 160px;
	}
}

/* Iconos de "Servicios" en el home: mismo diametro para todos */
.home-service img {
	width: 110px;
	height: 110px;
	object-fit: cover;
	border-radius: 50%;
}

/* Iconos de "Servicios" en /servicios y /servicios/detalle */
.service-icon {
	height: 140px;
	object-fit: cover;
	border-radius: 50%;
}

/* -----------------------------------------------------------------------
 * Modernizacion general de detalles (colores/tipografia/componentes)
 * -----------------------------------------------------------------------
 */

/* Etiquetas de caracteristicas de una propiedad: forma de "pill" */
.arleg-tag {
	border-radius: 999px;
	padding: 3px 12px;
	background-color: #2c6bb3;
	border: none;
	font-size: 0.85em;
	letter-spacing: 0.2px;
}

/* Paginacion (categoria/busqueda) */
.btn-default {
	border-radius: 6px;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.btn-default:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Titulos de seccion */
h1.arleg,
.espiral {
	font-weight: 700;
	letter-spacing: 0.2px;
}

/* Links generales dentro del contenido */
.arleg-content a:not(.btn) {
	color: #2c6bb3;
}

.arleg-content a:not(.btn):hover {
	color: #003366;
}