/*
Theme Name: Brightwell Studio Theme
Theme URI: https://brightwellstudio.com
Description: This child theme was developed by Brightwell Studio exclusively for this project.  It is based on the Hello Elementor theme and has been customized specifically to support the design and functionality of this website. Please do not reuse or modify this theme for other projects. For support, contact: support@brightwellstudio.com
Author: Brightwell Studio
Author URI: https://brightwellstudio.com
Version: 1.0.0
Tags: custom, responsive, blog, clean
*/

/* Add your custom styles below */

/* Tenants: categories grid on home */
.home-tenant-categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
.home-tenant-category {
	display: block;
	height: 220px;
	position: relative;
	color: #fff;
	text-decoration: none;
}
.home-tenant-category div {
	position: absolute;
	inset: 0;
	display: grid;
	place-content: center;
	text-align: center;
	transition: background .2s ease-in-out;
}
.home-tenant-category .category-title { font-weight: 600; letter-spacing: .5px; }
.home-tenant-category .view-more { opacity: .9; }
.home-tenant-category:hover div { background: rgba(0,0,0,.6); }

/* Tenants: filters + grid */
.lpx-tenant-search__container { display: grid; gap: 16px; margin: 24px 0; }
.lpx-tenant-filter { display: grid; gap: 10px; align-items: center; }
.lpx-tenant-filter-item,
.lpx-tenant-filter-subcategory-item {
	display: inline-block;
	padding: 8px 14px;
	border: 2px solid #ddd;
	border-radius: 999px;
	text-decoration: none;
	color: #222;
	background: #f8f8f8;
	transition: all .15s ease-in-out;
}
.lpx-tenant-filter-parent-item.lpx-current,
.lpx-tenant-filter-subcategory-item.lpx-current { color:#fff; border-color:#222; background:#222; }
.lpx-tenant-filter-subcategory-container { margin-top: 8px; }
.lpx-hidden { display: none !important; }

.lpx-tenant-grid { display:grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 18px; }
.lpx-tenant-grid-card { display:grid; gap:8px; text-align:center; }
.lpx-tenant-grid-card__square {
	display:block; aspect-ratio: 1 / 1; border:1px solid #ddd; position:relative;
	background:#fff; overflow:hidden; border-radius:8px; text-decoration:none;
}
.lpx-tenant-grid-card__logo { position:absolute; inset:0; background-size:contain; background-repeat:no-repeat; background-position:center; }
.lpx-tenant-grid-card__learn-more { position:absolute; bottom:8px; left:0; right:0; font-size:12px; color:#111; }
.lpx-tenant-grid-card__name { text-decoration:none; color:#111; font-weight:600; }
.lpx-tenant-search-result-empty { text-align:center; padding:24px; background:#fafafa; border:1px dashed #ddd; border-radius:8px; }

/* Map card + controls */
.map-tenant-card-container { position:absolute; left:-400px; top:10px; width:340px; z-index:3; }
.map-tenant-card-container.lpx-visible { left:0; }
.map-tenant-card { background:#fff; border:1px solid #eee; border-radius:10px; padding:16px; box-shadow:0 6px 30px rgba(0,0,0,.12); display:grid; grid-template-columns:96px 1fr; gap:12px; }
.map-tenant-card__image { width:96px; height:96px; background:#f6f6f6; background-size:contain; background-repeat:no-repeat; background-position:center; border-radius:6px; }
.map-tenant-card__title { margin:0 0 6px; font-size:18px; }
.map-tenant-card__learn-more { align-self:end; justify-self:start; margin-top:6px; text-decoration:none; font-weight:600; }

.svg-map-container { background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; }
.btn-zoom { width:36px; height:36px; border-radius:50%; border:1px solid #ddd; background:#fff; cursor:pointer; }
.map-controls { position:absolute; right:10px; top:10px; display:grid; gap:8px; z-index:2; }

/* SVG hovered helpers */
g polygon.hovered, g rect.hovered, g path.hovered, g polyline.hovered { filter: brightness(1.05); }
g polygon.hard-hovered, g rect.hard-hovered, g path.hard-hovered, g polyline.hard-hovered { stroke-width: 2px; }
.local-1 .flip-box__back {
	background-color: #C9F6E3;
}
.local-2 .flip-box__back {
	background-color: #D8FFF4;
}
.local-3 .flip-box__back {
	background-color: #FEFBE9;
}
.bloque-mapa polygon,
.bloque-mapa rect,
.bloque-mapa square {
	cursor: pointer;
}