/*
 * Tema Inmobiliaria — moderno y limpio.
 * Colores y tipografía vienen de theme.json (var(--wp--preset--…)). Aquí: componentes y detalles.
 */

:root {
	--inmo-accent: var(--wp--preset--color--accent);
	--inmo-accent-dark: var(--wp--preset--color--accent-dark);
	--inmo-accent-soft: var(--wp--preset--color--accent-soft);
	--inmo-text: var(--wp--preset--color--contrast);
	--inmo-muted: var(--wp--preset--color--muted);
	--inmo-line: var(--wp--preset--color--line);
	--inmo-surface: var(--wp--preset--color--surface);
	--inmo-radius: 14px;
	--inmo-shadow: var(--wp--preset--shadow--card);

	/* Variables del plugin Inmobiliaria Core */
	--ll-venta: var(--inmo-accent);
	--ll-renta: var(--inmo-text);
	--ll-wa: #16a34a;
	--ll-border: var(--inmo-line);
	--ll-muted: var(--inmo-muted);
	--ll-radius: var(--inmo-radius);
}

body { -webkit-font-smoothing: antialiased; }
::selection { background: var(--inmo-accent-soft); }
:where(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--inmo-accent); outline-offset: 2px; }

/* ---------- Encabezado ---------- */
.inmo-header { position: sticky; top: 0; z-index: 100; background: rgba(255, 255, 255, .92); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--inmo-line); }
.admin-bar .inmo-header { top: 32px; }
.inmo-logo a { color: var(--inmo-text) !important; text-decoration: none !important; }
.inmo-logo a::before { content: ""; display: inline-block; width: .62em; height: .62em; margin-right: .4em; border-radius: 3px; background: var(--inmo-accent); transform: rotate(45deg) translateY(-.08em); }
.inmo-header .wp-block-navigation a { color: var(--inmo-text); }
.inmo-header .wp-block-navigation a:hover { color: var(--inmo-accent); text-decoration: none; }
.inmo-header .wp-block-navigation__submenu-container { border: 1px solid var(--inmo-line) !important; border-radius: 12px; padding: .4rem !important; box-shadow: var(--inmo-shadow); min-width: 220px !important; }
.inmo-header .wp-block-navigation__submenu-container a { padding: .5rem .75rem !important; border-radius: 8px; }
.inmo-header .wp-block-navigation__submenu-container a:hover { background: var(--inmo-surface); }
.inmo-header .llavin-btn--wa { padding: .55em 1em; font-size: .9rem; }
@media (max-width: 781px) {
	.inmo-header .llavin-btn--wa { display: none; } /* En celular queda el botón flotante. */
	.admin-bar .inmo-header { top: 46px; }
	/* El efecto de vidrio (backdrop-filter) encierra al menú de pantalla completa dentro de la barra: en celular, fondo sólido. */
	.inmo-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: #fff; }
}
.inmo-header:has(.is-menu-open) { backdrop-filter: none; -webkit-backdrop-filter: none; }

/* Menú de celular (pantalla completa) */
.inmo-header .wp-block-navigation__responsive-container.is-menu-open { padding: 1.1rem 1.5rem 2rem !important; background: #fff !important; }
.inmo-header .is-menu-open .wp-block-navigation__responsive-container-close { top: .35rem; right: 0; padding: .4rem; }
.inmo-header .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
.inmo-header .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3.25rem !important; align-items: stretch !important; }
.inmo-header .is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; }
.inmo-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--inmo-line); }
.inmo-header .is-menu-open .wp-block-navigation__container,
.inmo-header .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
.inmo-header .is-menu-open .wp-block-navigation__submenu-container { align-self: stretch; }
.inmo-header .is-menu-open .wp-block-navigation-item__content { display: block; width: 100%; padding: .85rem 0 !important; font-size: 1.3rem; font-weight: 700; color: var(--inmo-text); }
.inmo-header .is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; border-left: 2px solid var(--inmo-accent) !important; border-radius: 0 !important; box-shadow: none !important; min-width: 0 !important; margin: 0 0 .85rem .25rem; padding: 0 0 0 1rem !important; gap: 0 !important; }
.inmo-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .45rem 0 !important; font-size: 1.05rem; font-weight: 500; color: var(--inmo-muted); border-radius: 0; }
.inmo-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: none; color: var(--inmo-accent); }

/* ---------- Pie ---------- */
.inmo-footer a { color: #fff; }
.inmo-footer a:hover { color: #86efac; }
.inmo-footer .inmo-logo a { color: #fff !important; }
.inmo-footer .wp-block-site-tagline { color: #94a3b8; max-width: 32ch; }
.inmo-footer-title { color: #fff; font-size: .8rem !important; text-transform: uppercase; letter-spacing: .1em; }
.inmo-footer-list { list-style: none; padding: 0; line-height: 2; }
.inmo-footer-bottom { margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--40); border-top: 1px solid #1e293b; color: #94a3b8; }

/* ---------- Botones ---------- */
.llavin-btn, .wp-element-button { transition: background-color .15s, transform .15s, box-shadow .15s; }
.llavin-btn { background: var(--inmo-accent); border-radius: 10px; padding: .8em 1.4em; }
.llavin-btn:hover { background: var(--inmo-accent-dark); text-decoration: none !important; transform: translateY(-1px); }
.llavin-btn--wa { background: var(--ll-wa); }
.llavin-btn--wa::before { content: ""; display: inline-block; width: 1.05em; height: 1.05em; margin-right: .45em; vertical-align: -.15em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.2 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9 0-1.4.7-2 1-2.3.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l1.9.9c.3.1.5.2.5.3.1.2.1.8-.1 1.4Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.2 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9 0-1.4.7-2 1-2.3.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.7-.1l1.9.9c.3.1.5.2.5.3.1.2.1.8-.1 1.4Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.llavin-btn--wa:hover { background: #15803d; }
.llavin-btn--ghost { background: transparent; color: var(--inmo-text) !important; border: 1px solid var(--inmo-line); }
.llavin-btn--ghost:hover { background: var(--inmo-surface); }
.llavin-wa-float { background: var(--ll-wa); padding: .85em 1.15em; }

/* ---------- Secciones de página ---------- */
.inmo-section { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.inmo-section--tight { padding-top: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--40); }
.inmo-section .inmo-section { padding-top: 0; padding-bottom: 0; }
.inmo-front > .wp-block-post-content > :first-child { margin-top: 0; }
.inmo-front .wp-block-post-content > * + * { margin-block-start: 0; }
.inmo-inner > :first-child, .inmo-section > :first-child { margin-top: 0; }
.inmo-section h2 { margin-top: 0; }
.inmo-eyebrow { color: var(--inmo-accent); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; margin-bottom: .5rem !important; }
.inmo-lede { color: var(--inmo-muted); font-size: var(--wp--preset--font-size--large); max-width: 60ch; }
.inmo-page-head .wp-block-post-title { margin: 0; }
.inmo-page-body > p, .inmo-page-body > h2, .inmo-page-body > h3, .inmo-page-body > ul { max-width: 760px; }
.inmo-single-title { font-size: var(--wp--preset--font-size--x-large) !important; margin: .25rem 0 1.25rem; }
.inmo-breadcrumb a { color: var(--inmo-muted); }

/* Portada: héroe */
.inmo-hero { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); background:
	radial-gradient(900px 420px at 85% -10%, rgba(22, 101, 52, .12), transparent 60%),
	radial-gradient(700px 360px at -10% 110%, rgba(22, 101, 52, .08), transparent 60%),
	var(--inmo-surface); }
.inmo-hero h1 { max-width: 14ch; margin-top: 0; text-wrap: balance; }
.inmo-hero .llavin-buscador { margin-top: var(--wp--preset--spacing--40); }

/* Bloque "¿Por qué con nosotros?" */
.inmo-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; }
.inmo-values > * { margin: 0 !important; padding: 1.5rem; border: 1px solid var(--inmo-line); border-radius: var(--inmo-radius); background: #fff; }
.inmo-values h3 { margin-top: .5rem; }
.inmo-values p { color: var(--inmo-muted); margin-bottom: 0; }
.inmo-value-icon { display: grid !important; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--inmo-accent-soft); font-size: 1.3rem; margin: 0 !important; }

/* Franja final de contacto */
.inmo-band { border-radius: 20px; padding: var(--wp--preset--spacing--50) !important; background: var(--inmo-accent); color: #fff; }
.inmo-band h2 { color: #fff; margin-top: 0; }
.inmo-band p { color: #dcfce7; }
.inmo-band .llavin-btn--wa { background: #fff; color: var(--inmo-accent-dark) !important; }

/* ---------- Buscador de portada ---------- */
.llavin-buscador { background: #fff; border: 1px solid var(--inmo-line); border-radius: 18px; box-shadow: var(--inmo-shadow); padding: 1.25rem; max-width: 980px; }
.llavin-buscador-fields { grid-template-columns: 1fr 1fr 1fr auto; }
@media (max-width: 781px) { .llavin-buscador-fields { grid-template-columns: 1fr; } }
.llavin-buscador label, .llavin-filters label { font-size: .8rem; font-weight: 600; color: var(--inmo-muted); }
.llavin-buscador select, .llavin-buscador input, .llavin-filters select, .llavin-filters input[type=number], .llavin-input input, .llavin-input select, .llavin-input textarea, .llavin-map-controls select {
	height: 46px; padding: 0 .85rem; border: 1px solid var(--inmo-line); border-radius: 10px; background: #fff; color: var(--inmo-text); font: inherit; font-size: 1rem; }
.llavin-input textarea { height: auto; padding: .7rem .85rem; }
.llavin-buscador select:focus, .llavin-buscador input:focus, .llavin-filters select:focus, .llavin-filters input:focus, .llavin-input :is(input, select, textarea):focus { border-color: var(--inmo-accent); box-shadow: 0 0 0 3px var(--inmo-accent-soft); outline: none; }
.llavin-buscador .llavin-btn { height: 46px; padding: 0 1.8em; }
.llavin-buscador-alt { font-size: .95rem; font-weight: 600; }

/* Pestañas Comprar / Rentar */
.llavin-tabs { gap: .25rem; padding: .25rem; background: var(--inmo-surface); border-radius: 12px; width: fit-content; }
.llavin-tab { border: 0; border-radius: 9px; padding: .5em 1.2em; font-weight: 600; color: var(--inmo-muted); }
.llavin-tab:has(input:checked) { background: #fff; color: var(--inmo-text); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); }
.llavin-tab:has(input:focus-visible) { outline: 2px solid var(--inmo-accent); }

/* ---------- Tarjetas de propiedad ---------- */
.llavin-cards { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.llavin-card { border: 1px solid var(--inmo-line); border-radius: var(--inmo-radius); transition: box-shadow .2s, transform .2s; }
.llavin-card:hover { box-shadow: var(--inmo-shadow); transform: translateY(-3px); }
.llavin-card-media img { transition: transform .4s; }
.llavin-card:hover .llavin-card-media img { transform: scale(1.04); }
.llavin-card-media { overflow: hidden; }
.llavin-card-body { padding: 1rem 1.15rem 1.15rem; }
.llavin-card-body h3 { font-size: 1.02rem; line-height: 1.35; margin: .3rem 0 .2rem; }
.llavin-card-body h3 a { color: var(--inmo-text); }
.llavin-card .llavin-price { font-size: 1.2rem; font-weight: 800; letter-spacing: -.01em; }
.llavin-specs { color: var(--inmo-text) !important; font-weight: 500; }
.llavin-ref { font-size: .78rem !important; letter-spacing: .04em; }
.llavin-badge { border-radius: 999px; padding: .3em .75em; font-size: .72rem; letter-spacing: .06em; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); }
.llavin-badge--renta { background: var(--inmo-text); }

/* Sección de destacadas */
.llavin-destacadas h2 { margin-bottom: .25rem; }
.llavin-more { font-weight: 700; }

/* Tipos de propiedad (portada) */
.llavin-tipos { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem; }
.llavin-tipo { display: flex; flex-direction: column; gap: .35rem; padding: 1.25rem; border: 1px solid var(--inmo-line); border-radius: var(--inmo-radius); background: #fff; color: var(--inmo-text) !important; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.llavin-tipo:hover { border-color: var(--inmo-accent); box-shadow: var(--inmo-shadow); transform: translateY(-2px); }
.llavin-tipo-icon { font-size: 1.8rem; line-height: 1; }
.llavin-tipo strong { font-size: 1.05rem; }
.llavin-tipo span:last-child { color: var(--inmo-muted); font-size: .85rem; }

/* CTA propietarios (secundario) */
.llavin-cta-owners { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 2rem; padding: clamp(1.75rem, 4vw, 3.25rem); border: 0; border-radius: 24px; color: #fff;
	background: radial-gradient(600px 300px at 90% 10%, rgba(52, 211, 153, .35), transparent 60%), linear-gradient(135deg, #0f172a 0%, #0a3a12 55%, #166534 100%); box-shadow: 0 20px 50px rgba(6, 78, 59, .25); }
.llavin-cta-owners-eyebrow { display: inline-block; margin: 0 0 .75rem; padding: .3em .85em; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #86efac; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.llavin-cta-owners h2 { color: #fff; font-size: clamp(1.6rem, 3.2vw, 2.4rem); line-height: 1.12; margin: 0 0 1.1rem; max-width: 18ch; text-wrap: balance; }
.llavin-cta-owners ul { list-style: none; padding: 0; margin: 0 0 1.6rem; display: grid; gap: .6rem; }
.llavin-cta-owners li { position: relative; padding-left: 2rem; color: #dcfce7; }
.llavin-cta-owners li::before { content: "✓"; position: absolute; left: 0; top: .05em; display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: #4ade80; color: #0a3a12; font-size: .8rem; font-weight: 800; }
.llavin-cta-owners-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin: 0; }
.llavin-cta-owners .llavin-btn { background: #fff; color: var(--inmo-accent-dark) !important; padding: .95em 1.6em; font-weight: 800; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
.llavin-cta-owners .llavin-btn:hover { background: #f0fdf4; }
.llavin-cta-owners-wa { color: #bbf7d0 !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
/* Ilustración: casa, llave y "chips" de dónde se publica */
.llavin-cta-owners-art { position: relative; display: block; min-height: 260px; }
.llavin-cta-owners-art::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: 230px; height: 230px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(255, 255, 255, .08); box-shadow: 0 0 0 26px rgba(255, 255, 255, .04), 0 0 0 52px rgba(255, 255, 255, .025); }
.art-house { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 108px; line-height: 1; filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .35)); }
.art-key { position: absolute; left: 62%; top: 60%; font-size: 44px; transform: rotate(-25deg); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .3)); animation: inmo-float 4s ease-in-out infinite; }
.art-chip { position: absolute; padding: .45em .9em; border-radius: 999px; background: #fff; color: var(--inmo-text); font-size: .85rem; font-weight: 700; white-space: nowrap; box-shadow: 0 8px 20px rgba(0, 0, 0, .25); animation: inmo-float 5s ease-in-out infinite; }
.art-chip--1 { left: 4%; top: 12%; }
.art-chip--2 { right: 2%; top: 30%; animation-delay: -1.6s; }
.art-chip--3 { left: 12%; bottom: 8%; animation-delay: -3.2s; }
@keyframes inmo-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@media (prefers-reduced-motion: reduce) { .art-key, .art-chip { animation: none; } }
@media (max-width: 781px) {
	.llavin-cta-owners { grid-template-columns: 1fr; }
	.llavin-cta-owners-art { min-height: 200px; order: -1; }
	.art-house { font-size: 84px; }
}

/* ---------- Listado y filtros ---------- */
.llavin-filters { background: #fff; border: 1px solid var(--inmo-line); border-radius: var(--inmo-radius); box-shadow: var(--inmo-shadow); }
.llavin-filters .llavin-btn { height: 46px; padding: 0 1.4em; }
.llavin-reset { color: var(--inmo-muted); font-size: .9rem; align-self: center; }
.llavin-count { font-weight: 600; color: var(--inmo-text); }
.llavin-empty { padding: 2rem; border: 1px dashed var(--inmo-line); border-radius: var(--inmo-radius); text-align: center; color: var(--inmo-muted); }
.llavin-pagination a, .llavin-pagination span { border-radius: 8px; padding: .45em .85em; }
.llavin-pagination span { background: var(--inmo-accent); border-color: var(--inmo-accent); }

/* ---------- Mapa ---------- */
.llavin-map-canvas { border-radius: var(--inmo-radius); border: 1px solid var(--inmo-line); overflow: hidden; }
.llavin-map--explore { padding: 1.25rem; border: 1px solid var(--inmo-line); border-radius: 20px; background: #fff; box-shadow: var(--inmo-shadow); }
.llavin-map-controls label { font-size: .8rem; font-weight: 600; color: var(--inmo-muted); }
.llavin-radius legend { font-size: .8rem; font-weight: 600; color: var(--inmo-muted); }
.llavin-radius label { display: inline-flex; white-space: nowrap; align-items: center; gap: .3rem; padding: .45em .85em; border: 1px solid var(--inmo-line); border-radius: 999px; cursor: pointer; font-weight: 600; font-size: .9rem; }
.llavin-radius label:has(input:checked) { background: var(--inmo-accent); border-color: var(--inmo-accent); color: #fff; }
.llavin-radius input { position: absolute; opacity: 0; pointer-events: none; }
.llavin-map-results { padding: 1rem 0 0; }

/* "Elige tu ubicación ideal": panel lateral (controles + lista) y mapa grande */
@media (min-width: 900px) {
	.llavin-map--explore { display: grid; grid-template-columns: 340px 1fr; grid-template-rows: auto 1fr; grid-template-areas: "controls canvas" "results canvas"; gap: 1rem 1.25rem; }
	.llavin-map--explore .llavin-map-controls { grid-area: controls; flex-direction: column; align-items: stretch; margin: 0; }
	.llavin-map--explore .llavin-map-controls select { min-width: 0; width: 100%; }
	.llavin-map--explore .llavin-map-canvas { grid-area: canvas; min-height: 560px; }
	.llavin-map--explore .llavin-map-results { grid-area: results; padding: 0; overflow-y: auto; max-height: var(--inmo-map-list, 330px); }
}
.llavin-results-title { margin: 0 0 .6rem; font-size: .95rem; }
.llavin-results-title span { color: var(--inmo-muted); font-size: .85rem; }
.llavin-reset-origin { margin-left: .25rem; padding: .15em .6em; border: 1px solid var(--inmo-line); border-radius: 999px; background: #fff; color: var(--inmo-accent); font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; }
.llavin-near--list li { display: flex; gap: .7rem; align-items: center; padding: .5rem; cursor: pointer; transition: border-color .15s, background .15s; }
.llavin-near--list li:hover { border-color: var(--inmo-accent); background: var(--inmo-accent-soft); }
.llavin-near--list img { width: 64px; height: 48px; object-fit: cover; border-radius: 8px; flex: none; }
.llavin-near-body { display: flex; flex-direction: column; gap: .1rem; min-width: 0; font-size: .9rem; }
.llavin-near-body a { color: var(--inmo-text); font-weight: 600; line-height: 1.3; }
.llavin-near-price { font-weight: 700; }
.llavin-near--list .llavin-dist { margin: .15rem 0 0; width: fit-content; }

/* Portada con el mapa como héroe */
.inmo-map-hero { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--50); }
.inmo-map-hero h1 { max-width: none; font-size: clamp(2rem, 4.5vw, 3.25rem); margin-bottom: .5rem; }
.inmo-map-hero .inmo-lede { margin-bottom: 1.5rem; }
.inmo-map-hero .llavin-map--explore { --inmo-map-list: 420px; margin: 0; }
@media (min-width: 900px) { .inmo-map-hero .llavin-map--explore .llavin-map-canvas { min-height: 620px; } }
@media (max-width: 899px) {
	.llavin-map--explore { padding: .9rem; }
	.llavin-map--explore .llavin-map-canvas { height: min(62vh, 460px) !important; }
	.llavin-map--explore .llavin-map-controls > label { width: 100%; }
	.llavin-map--explore .llavin-map-controls select { min-width: 0; width: 100%; }
}
.llavin-near { list-style: none; padding: 0; display: grid; gap: .5rem; }
.llavin-near li { padding: .7rem .9rem; border: 1px solid var(--inmo-line); border-radius: 10px; }
.llavin-dist { display: inline-block; margin-left: .35rem; padding: .1em .55em; border-radius: 999px; background: var(--inmo-accent-soft); color: var(--inmo-accent-dark) !important; font-weight: 600; font-size: .8rem !important; }
.llavin-poi span { width: 26px; height: 26px; border: 1.5px solid #fff; font-size: 14px; }
.llavin-pin { font-family: var(--wp--preset--font-family--jakarta); }
.llavin-map-legend { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .6rem; font-size: .8rem; color: var(--inmo-muted); }
.leaflet-popup-content-wrapper { border-radius: 12px; }
.leaflet-popup-content { font-family: var(--wp--preset--font-family--jakarta); margin: 12px 14px; }
.leaflet-popup-content img { border-radius: 8px; }
.leaflet-container a { color: var(--inmo-accent); font-weight: 600; }

/* ---------- Ficha ---------- */
.llavin-gallery { gap: .6rem; border-radius: 18px; overflow: hidden; }
.llavin-gallery a { border-radius: 0; }
.llavin-ficha-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--inmo-line); }
.llavin-ficha-head .llavin-price { order: -1; flex-basis: 100%; font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 800; letter-spacing: -.02em; }
.llavin-ficha-head .llavin-place, .llavin-ficha-head .llavin-ref { margin: 0; }
.llavin-facts dl div { border-radius: 12px; background: var(--inmo-surface); border-color: transparent; }
.llavin-facts dd { font-size: 1.1rem; }
.llavin-ficha h2 { font-size: 1.35rem; }
.llavin-amenities li { padding: .2rem 0; }
.llavin-amenities li::marker { color: var(--inmo-accent); }
.llavin-visit { padding: 1.5rem; border-radius: 18px; background: var(--inmo-surface); }
.llavin-visit .llavin-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 1rem; }
.llavin-visit .llavin-form > :is(.llavin-check, p:has(button), .llavin-note, .llavin-error), .llavin-visit .llavin-input:has(textarea) { grid-column: 1 / -1; }
.llavin-sticky { background: linear-gradient(transparent, #fff 40%); }
@media (max-width: 700px) { .llavin-sticky { box-shadow: 0 -4px 16px rgba(15, 23, 42, .1); } }

/* ---------- Formularios ---------- */
.llavin-form fieldset { border-radius: var(--inmo-radius); border-color: var(--inmo-line); padding: 1.25rem; background: #fff; }
.llavin-form legend { font-size: 1.05rem; }
.llavin-input label { font-size: .85rem; font-weight: 600; color: var(--inmo-muted); }
.llavin-input input[type=file] { height: auto; padding: .6rem; }
.llavin-check { font-size: .9rem; }
.llavin-check input { accent-color: var(--inmo-accent); width: 18px; height: 18px; vertical-align: -3px; }
.llavin-error { border-radius: 10px; }
.llavin-thanks { font-size: var(--wp--preset--font-size--large); }

/* Búsqueda libre de lugares en el mapa */
.llavin-place-search { display: flex; flex-direction: column; gap: .3rem; width: 100%; margin: 0; }
.llavin-place-search > label { font-size: .8rem; font-weight: 600; color: var(--inmo-muted); }
.llavin-place-row { display: flex; gap: .4rem; }
.llavin-place-row input { flex: 1; min-width: 0; height: 46px; padding: 0 .85rem; border: 1px solid var(--inmo-line); border-radius: 10px; font: inherit; font-size: 1rem; }
.llavin-place-row input:focus { border-color: var(--inmo-accent); box-shadow: 0 0 0 3px var(--inmo-accent-soft); outline: none; }
.llavin-place-row .llavin-btn { height: 46px; padding: 0 1.1em; }
.llavin-place-results { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; color: var(--inmo-muted); }
.llavin-place-results:empty { display: none; }
.llavin-place-hint { font-weight: 600; }
.llavin-place-option { display: flex; flex-direction: column; align-items: flex-start; gap: .1rem; padding: .5rem .7rem; border: 1px solid var(--inmo-line); border-radius: 10px; background: #fff; color: var(--inmo-text); font: inherit; text-align: left; cursor: pointer; }
.llavin-place-option:hover { border-color: var(--inmo-accent); background: var(--inmo-accent-soft); }
.llavin-place-option small { color: var(--inmo-muted); }
.llavin-search-pin span { display: block; font-size: 28px; line-height: 1; filter: drop-shadow(0 2px 3px rgba(0,0,0,.4)); }

/* "Vende o renta con nosotros": solo en el menú de celular, como botón destacado */
/* Computadora: botón con borde verde junto a WhatsApp. Celular: botón verde lleno al final del menú. */
@media (min-width: 600px) {
	.inmo-header .wp-block-navigation__responsive-container:not(.is-menu-open) .inmo-nav-cta .wp-block-navigation-item__content { padding: .5em .95em; border: 1.5px solid var(--inmo-accent); border-radius: 10px; color: var(--inmo-accent) !important; font-weight: 700; white-space: nowrap; }
	.inmo-header .wp-block-navigation__responsive-container:not(.is-menu-open) .inmo-nav-cta .wp-block-navigation-item__content:hover { background: var(--inmo-accent); color: #fff !important; text-decoration: none; }
}
.inmo-header .is-menu-open .wp-block-navigation-item.inmo-nav-cta { display: flex; border-bottom: 0; margin-top: 1.25rem; }
.inmo-header .is-menu-open .inmo-nav-cta .wp-block-navigation-item__content { box-sizing: border-box; padding: .95rem 1.2rem !important; border-radius: 12px; background: var(--inmo-accent); color: #fff !important; text-align: center; font-size: 1.1rem; }
.inmo-header .is-menu-open .inmo-nav-cta .wp-block-navigation-item__content::before { content: "🔑 "; }

/* Logo (imagen) en encabezado y pie */
.inmo-logo-img { margin: 0; line-height: 0; }
.inmo-logo-img img { width: auto !important; height: 46px; max-width: none; }
.inmo-header .inmo-logo-img img { height: 46px; }
.inmo-footer .inmo-logo-img img { height: 44px; filter: brightness(0) invert(1); } /* versión blanca sobre fondo oscuro */
@media (max-width: 781px) {
	.inmo-header .inmo-logo-img img { height: 34px; }
}

/* Metro en la leyenda y en la ficha */
.llavin-legend-metro i { display: inline-block; width: 16px; height: 4px; border-radius: 2px; vertical-align: middle; }
.llavin-near-metro { font-weight: 600; }
.llavin-near-metro small { font-weight: 400; color: var(--inmo-muted); }

/* Si el menú completo no cabe (laptops chicas, tabletas, ventanas angostas), usar el menú de 3 barritas. */
@media (min-width: 600px) and (max-width: 1239px) {
	.inmo-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.inmo-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	.inmo-header .is-menu-open .wp-block-navigation__responsive-container-content { max-width: 520px; margin: 0 auto; }
}