/* PE-FAVS START (2026-10-09) — favoritos sin cuenta: botón flotante y /saved-properties/ */
.pe-vh {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* Mismo aspecto que el botón de comparar del tema (40×40, #636363, insignia verde), justo
   encima de él: el de comparar empieza a media altura de la pantalla. Por debajo del panel
   de comparar (z-index 100), que lo tapa al abrirse. */
.pe-fav-fab {
	position: fixed;
	right: 0;
	top: calc(50% - 48px);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 4px 0 0 4px;
	background: #636363;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}
.pe-fav-fab[hidden] { display: none; }
.pe-fav-fab:hover, .pe-fav-fab:focus-visible { background: #262626; }
.pe-fav-fab:focus-visible { outline: 2px solid #5b8b8b; outline-offset: 2px; }
.pe-fav-fab svg { display: block; }
.pe-fav-fab__n {
	position: absolute;
	top: -5px;
	left: -5px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #85c341;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
}
/* Corazón marcado (el tema pinta el icono con .text-danger). */
.add-favorite-js.pe-fav-on .icon-love-it { color: #dc3545 !important; }
.add-favorite-js:focus-visible { outline: 2px solid #5b8b8b; outline-offset: 2px; }
/* Ficha en móvil: el Personalizador (5689) oculta todas las herramientas bajo el título
   (.mobile-property-tools .item-tool); el corazón vuelve a verse. Ese bloque solo existe
   en la vista móvil de la ficha. */
.mobile-property-tools .item-tool.houzez-favorite { display: inline-block; }
.mobile-property-tools .item-tool.houzez-favorite .item-tool-favorite {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px; /* el alto (29px) lo fija el Personalizador para todas las herramientas */
	line-height: 1;
	border-radius: 4px;
}
/* Pantallas táctiles: mismo tamaño que el de comparar y sin efecto hover pegado. */
@media (hover: none) and (pointer: coarse) {
	.pe-fav-fab:hover { background: #636363; }
}
/* Galería ampliada (#property-lightbox, 2026-10-09): el corazón va en la barra oscura sobre
   la foto. Icono y texto «Favorite» en blanco, igual que «Share» (Personalizador 5689), también
   en :hover/:focus y en los <span>/<font> que mete GTranslate; gana al rojo de guardado de
   arriba. Guardado: corazón relleno (Font Awesome 5, ya cargado por el tema).
   Tarjetas (recuadro blanco propio) y ficha (fondo claro): sin cambio. */
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js *,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js:hover,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js:hover *,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js:focus,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js:focus *,
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js .icon-love-it::before { color: #fff !important; }
#property-lightbox .lightbox-tools .btn-favorite > a.add-favorite-js[aria-pressed="true"] .icon-love-it::before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
@media print { .pe-fav-fab { display: none !important; } }

/* Página /saved-properties/ */
.pe-saved { margin: 0 0 40px; }
.pe-saved__intro { max-width: 70ch; margin: 0 0 24px; color: #5d6870; }
.pe-saved__loading, .pe-saved__error { color: #5d6870; }
.pe-saved__empty { padding: 32px 0; }
.pe-saved__empty p { margin: 0 0 16px; font-size: 1.125rem; }
/* PE-FAVS END */