/* =========================================================
   RINCÓN · hoja común de todas las páginas · 2026-10-17
   El lenguaje de la portada llevado al resto del sitio: un solo papel, tinta, la serif Hedvig Letters, el color del agente solo
   en lo que se toca y en la pieza de cada dibujo, marcos y líneas dibujados a mano (temblor sutil), dibujitos de la misma serie.
   La portada (index.html) tiene además sus estilos propios en línea.
   ========================================================= */
:root{
  /* el editor pone --accent, --font-heading y --font-body en <html> (en línea): de ellos sale todo lo demás */
  --accent:#B8461B; --font-heading:'Hedvig Letters Serif',Georgia,serif; --font-body:'Figtree',system-ui,sans-serif;
  --paper:#f6f4f0; --ink:#1c1a19; --muted:#4b4743; --soft:#efece6;
  --acc:var(--accent); --serif:var(--font-heading); --sans:var(--font-body);
  --line:color-mix(in srgb,var(--ink),transparent 88%);
  --gut:max(clamp(20px,4vw,64px),calc((100vw - 1500px)/2)); --in:calc(var(--gut) + 4vw);
  /* nombres comunes de Sites (ficha, formularios, mapa) apuntando a los nuestros */
  --accent-deep:color-mix(in srgb,var(--acc),#000 22%); --accent-soft:color-mix(in srgb,var(--acc) 12%,var(--paper));
  --c-ink:var(--ink); --c-ink-soft:#2e2b29; --c-muted:var(--muted); --c-muted-strong:#3a3631; --c-canvas:var(--soft); --c-hueso:var(--paper);
  --c-hairline:color-mix(in srgb,var(--ink),transparent 85%); --c-hairline-soft:color-mix(in srgb,var(--ink),transparent 92%);
  /* la línea a mano (SVG): se estira a lo ancho sin engordar */
  --linea:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 8' preserveAspectRatio='none'%3E%3Cpath d='M1 4.2 L120 3.6 L260 4.6 L410 3.8 L560 4.4 L720 3.5 L870 4.5 L999 3.9' fill='none' stroke='%233a3631' stroke-opacity='.5' stroke-width='1.1' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3C/svg%3E");
  --linea2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 8' preserveAspectRatio='none'%3E%3Cpath d='M1 3.8 L150 4.5 L300 3.7 L450 4.3 L620 3.6 L780 4.6 L999 4.1' fill='none' stroke='%233a3631' stroke-opacity='.5' stroke-width='1.1' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3C/svg%3E");
}
@media (max-width:899px){:root{--in:clamp(20px,5vw,40px)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---------- menú (igual en todas las páginas) ---------- */
.top{width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px var(--in)}
.mark{display:flex;align-items:center}
.mark img{height:36px;width:auto;display:block}
.nav{display:flex;gap:30px;align-items:center;font-weight:500;font-size:16px}
.nav a{text-decoration:none}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
.nav-cta{background:var(--acc);color:#fff!important;padding:9px 18px;font-weight:600;letter-spacing:-.01em;border-radius:6px;
  border:1px solid color-mix(in srgb,var(--acc),#000 18%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.nav .nav-cta[aria-current="page"]{text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.nav-abrir{display:none;background:none;border:0;font:500 16px var(--sans);color:var(--ink);cursor:pointer;padding:6px 0}
@media (max-width:760px){
  .top{padding-inline:20px} .mark img{height:32px}
  .nav .nav-link{display:none}
  .nav-abrir{display:block}
}
/* menú de celular: hoja de papel desde la derecha */
.menu{position:fixed;inset:0;z-index:50;visibility:hidden}
.menu.abierto{visibility:visible}
.menu__fondo{position:absolute;inset:0;background:rgba(28,26,25,.25);opacity:0;transition:opacity .3s}
.menu.abierto .menu__fondo{opacity:1}
.menu__hoja{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--paper);padding:26px 28px;
  transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;gap:6px}
.menu.abierto .menu__hoja{transform:none}
.menu__cerrar{align-self:flex-end;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--ink);margin-bottom:18px}
.menu__hoja a{font:var(--hw,400) 30px/1.35 var(--serif);text-decoration:none;letter-spacing:-.01em}
.menu__hoja .nav-cta{font:600 16px var(--sans);margin-top:22px;align-self:flex-start}

/* ---------- luces de las escenas de portada: un detalle vivo y mínimo (quietas con "reducir movimiento") ---------- */
.isla .luz{position:absolute;inset:auto;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:0;
  background:radial-gradient(circle,rgba(255,206,130,.55) 0,rgba(255,206,130,.18) 40%,transparent 70%)}
.isla .luz--sol{background:radial-gradient(ellipse,rgba(255,226,170,.42) 0,rgba(255,226,170,.12) 45%,transparent 70%);aspect-ratio:2/1}
@media (prefers-reduced-motion:no-preference){
  .isla.vive .luz--foco{animation:titila 5s ease-in-out infinite}
  .isla.vive .luz--lampara{animation:respira-luz 6s ease-in-out infinite}
  .isla.vive .luz--sol{animation:pasa-sol 16s ease-in-out infinite}
}
@keyframes titila{0%,100%{opacity:.15}45%{opacity:.85}60%{opacity:.5}}
@keyframes respira-luz{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes pasa-sol{0%,100%{opacity:.5;transform:translate(-62%,-50%)}50%{opacity:.85;transform:translate(-38%,-46%)}}

/* ---------- las 8 letras (Estilo → Tipografía): peso, espaciado y tamaño óptico de cada una ----------
   el editor pone --font-heading y body.font-{id}; aquí cada voz se ajusta para que los títulos midan parecido */
:root{--hw:400}
body.font-tienda{--hw:400}
body.font-apunte{--hw:600}
body.font-amable{--hw:600}
body.font-estudio{--hw:500}
body.font-tienda,body.font-carta,body.font-cuento{font-synthesis-weight:none}
:is(body.font-apunte,body.font-carta,body.font-amable,body.font-estudio) :is(h1,h2,h3,.h1,.h2,.ti,summary,.menu__hoja a,.pie-marca p){letter-spacing:0!important}
body.font-tienda :is(h1,.h1,.h2){letter-spacing:-.015em!important}
/* Caveat es chica (poca altura de x): crece; Courier es ancha: se achica para seguir en dos renglones */
body.font-apunte :is(h1,h2,h3,.h1,.h2,.ti,summary){font-size-adjust:ex-height .5}
body.font-carta :is(h1,h2,h3,.h1,.h2,.ti,summary){font-size-adjust:ex-height .31}
body.font-carta h1{white-space:nowrap}
body.font-tienda :is(h1,h2,h3,.h1,.h2,.ti,summary){font-size-adjust:ex-height .44}
body.font-amable :is(h1,h2,h3,.h1,.h2,.ti,summary),body.font-estudio :is(h1,h2,h3,.h1,.h2,.ti,summary){font-size-adjust:ex-height .43}
body.font-biblioteca :is(h1,h2,h3,.h1,.h2,.ti,summary){font-size-adjust:ex-height .47}

/* ---------- piezas comunes ---------- */
.sec{padding:clamp(64px,9vh,112px) var(--in)}
.h1{font:var(--hw,400) clamp(42px,min(5vw,10vh),84px)/1.02 var(--serif);letter-spacing:-.03em;margin:0}
.h2{font:var(--hw,400) clamp(34px,min(3.4vw,6.6vh),56px)/1.06 var(--serif);letter-spacing:-.025em;margin:0}
.lead{color:var(--muted);font-size:clamp(17px,1.25vw,19px);max-width:42ch;margin:18px 0 0}
.btn{display:inline-flex;gap:clamp(28px,2.6vw,40px);align-items:center;background:var(--ink);color:var(--paper);text-decoration:none;
  padding:12px 20px 12px 24px;font:600 17px/1.3 var(--sans);letter-spacing:-.01em;border-radius:6px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--ink),#fff 14%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(28,26,25,.12)}
.btn svg{transition:transform .25s ease}.btn:hover svg{transform:translateX(3px)}
.btn--claro{background:transparent;color:var(--ink);border-color:var(--c-hairline);box-shadow:none}
.mas{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:16px;
  border-bottom:1.5px solid var(--line);padding-bottom:3px;transition:border-color .25s}
.mas:hover{border-color:var(--ink)}
.mas svg{transition:transform .25s}.mas:hover svg{transform:translateX(3px)}
/* líneas a mano */
.linea-arriba{background:var(--linea) top left/100% 8px no-repeat}
.linea-abajo{background:var(--linea2) bottom left/100% 8px no-repeat}
/* marco a mano (lo dibuja _rincon.js en cada svg.trazo) */
.trazo{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);overflow:visible;pointer-events:none}
.trazo path{fill:none;stroke:#3a3631;stroke-opacity:.5;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
/* dibujitos de la serie: base multiplicada + pieza que toma el color del agente */
.mini{position:relative;height:100%;max-width:100%}
.mini>*{position:absolute;inset:0;width:100%;height:100%}
.mini .acc{background:var(--acc);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.mini .base{mix-blend-mode:multiply}
/* entrada suave al bajar (una sola vez) */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
}

/* ---------- tarjeta de casa (con marco a mano) ---------- */
.casa{color:inherit;text-decoration:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start}
.casa[hidden]{display:none}
.casa .mf{grid-column:1/-1;position:relative;margin:12px 12px 16px}
.casa .ft{aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:var(--soft)}
.casa img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.58) sepia(.22) contrast(1.02) brightness(1.03) hue-rotate(-6deg);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.casa:hover img{transform:scale(1.035);filter:saturate(.8) sepia(.12) contrast(1.02) brightness(1.02)}
.casa .ti{grid-row:2;grid-column:1;margin-top:18px;font:var(--hw,400) 23px/1.15 var(--serif);letter-spacing:-.01em;min-height:2.3em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.casa .pr{grid-row:2;grid-column:2;margin-top:22px;font-weight:500;font-size:16px;color:var(--muted);white-space:nowrap}
.casa .dt{grid-row:3;grid-column:1/-1;color:var(--muted);font-size:15px;margin-top:5px}
.casa .op{position:absolute;left:12px;top:12px;z-index:2;background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;
  padding:4px 10px;border-radius:999px}

/* ---------- cabecera de las páginas internas ---------- */
.cabecera{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,80px);align-items:end;
  padding:clamp(28px,6vh,72px) var(--in) clamp(32px,5vh,56px)}
.cabecera .lead{max-width:48ch}
.cabecera__dibujo{height:clamp(150px,22vh,220px);display:flex;align-items:flex-end}
@media (max-width:760px){ .cabecera{grid-template-columns:1fr} .cabecera__dibujo{height:150px} }

/* ---------- filtros de Comprar / Rentar ---------- */
.filtros{margin:0 var(--in);padding:22px 0 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:20px 28px;align-items:end;
  background:var(--linea) top left/100% 8px no-repeat,var(--linea2) bottom left/100% 8px no-repeat}
.campo label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.campo select,.campo input,.campo textarea{width:100%;font:400 17px/1.4 var(--sans);color:var(--ink);background:transparent;border:0;
  border-radius:0;padding:8px 26px 8px 0;appearance:none;-webkit-appearance:none;
  background:var(--linea2) bottom left/100% 6px no-repeat}
.campo select{background:var(--linea2) bottom left/100% 6px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231c1a19' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") right 4px center/12px 8px no-repeat;cursor:pointer}
.campo select:focus,.campo input:focus,.campo textarea:focus{outline:none;background-color:color-mix(in srgb,var(--ink) 3%,transparent)}
.filtros__acciones{display:flex;gap:12px;align-items:center}
.filtros .btn{padding:10px 18px 10px 20px;font-size:16px;gap:18px}
.limpiar{background:none;border:0;font:500 15px var(--sans);color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media (max-width:1023px){ .filtros{grid-template-columns:1fr 1fr} .filtros__acciones{grid-column:1/-1} }

/* ---------- listado con mapa ---------- */
.resumen{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:26px var(--in) 8px;color:var(--muted);font-size:16px}
.resumen b{color:var(--ink);font:var(--hw,400) 26px/1 var(--serif)}
.resumen .campo{display:flex;align-items:center;gap:12px}.resumen .campo label{margin:0;font-weight:500;color:var(--muted)}
.resumen .campo select{width:auto;min-width:210px}
.listado{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,36%);gap:clamp(28px,4vw,56px);padding:16px var(--in) clamp(64px,9vh,112px);align-items:start}
.listado__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(24px,2.6vw,40px)}
.listado__vacio{grid-column:1/-1;padding:56px 0;text-align:center;color:var(--muted)}
.listado__mapa{position:sticky;top:24px}
.listing-map{position:relative;height:calc(100vh - 48px);max-height:760px;border-radius:3px;overflow:hidden;background:var(--soft)}
.listado__mapa .trazo{inset:-12px}
@media (max-width:1023px){ .listado{grid-template-columns:1fr} .listado__mapa{position:relative;top:0;order:-1} .listing-map{height:340px} }
@media (max-width:640px){ .listado__grid{grid-template-columns:1fr} }
.pagination{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}
.pagination a{min-width:40px;padding:8px 12px;text-align:center;text-decoration:none;font-size:15px;color:var(--muted);border-radius:6px}
.pagination a.active{color:var(--ink);font-weight:600;background:var(--soft)}
.pagination a:hover{color:var(--ink)}

/* ---------- tarjeta del mapa (al pasar el mouse o tocar un pin): la tarjeta de casa en chico ----------
   papel, marco a mano, foto con el tono cálido, nombre en la serif primero, precio discreto, enlace subrayado en tinta */
.hz-map-pop .leaflet-popup-content-wrapper{position:relative;overflow:visible!important;border-radius:3px!important;background:var(--paper)!important;
  box-shadow:0 12px 28px -14px rgba(60,45,30,.4),0 2px 6px rgba(60,45,30,.08)!important;padding:8px!important}
.hz-map-pop .leaflet-popup-content-wrapper::after{content:"";position:absolute;inset:-5px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M-1.5 1.2 L40 .7 L101.5 1.4 M98.8 -1.5 L99.3 45 L98.6 101.5 M101.5 98.9 L60 99.4 L-1.5 98.7 M1.1 101.5 L.6 55 L1.3 -1.5' fill='none' stroke='%233a3631' stroke-opacity='.5' stroke-width='1.1' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hz-map-pop .leaflet-popup-content{width:220px!important;min-width:220px!important;font-family:var(--sans)!important}
.hz-map-pop .leaflet-popup-tip{background:var(--paper)!important;box-shadow:none!important}
.hz-map-pop__img{border-radius:2px;aspect-ratio:4/3!important;filter:saturate(.58) sepia(.22) contrast(1.02) brightness(1.03) hue-rotate(-6deg)}
.hz-map-pop__body{display:flex;flex-direction:column;padding:12px 4px 4px!important}
.hz-map-pop__title{order:0;margin:0!important;font:var(--hw,400) 19px/1.2 var(--serif)!important;letter-spacing:-.01em;color:var(--ink)!important}
.hz-map-pop__row{order:1;margin-top:6px}
.hz-map-pop__price{font:500 14px/1.3 var(--sans)!important;color:var(--muted)!important}
.hz-map-pop__pill{border:0!important;background:var(--soft);color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;
  font-size:12px!important;font-weight:600!important;padding:2px 9px!important}
.hz-map-pop__meta{order:2;margin-top:2px;font-size:13px!important;color:var(--muted)!important}
.hz-map-pop__link{order:3;align-self:flex-start;margin-top:10px!important;color:var(--ink)!important;font-size:14px!important;font-weight:600!important;
  border-bottom:1.5px solid var(--line);padding-bottom:2px}
/* el pin en el color del agente, con filo de papel */
.hz-pin__drop{border-color:var(--paper)!important;box-shadow:0 2px 6px rgba(60,45,30,.3)!important}

/* ---------- formulario de contacto ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:26px 32px}
.form .ancho{grid-column:1/-1}
.form textarea{min-height:120px;resize:vertical}
.lead-trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-prop{grid-column:1/-1;margin:0;padding:12px 16px;background:var(--soft);border-radius:6px;font-size:16px}
.lead-estado{grid-column:1/-1;margin:0;font-size:16px;color:var(--muted)}
.lead-estado.is-ok{color:var(--ink)}
@media (max-width:640px){ .form{grid-template-columns:1fr} }

/* ---------- Nosotros ---------- */
.historia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,110px);align-items:center;padding-top:clamp(24px,4vh,48px)}
/* el ancho sigue al alto disponible (foto 4:5): así la foto nunca queda más angosta que su marco */
.historia__foto{position:relative;width:min(100%,520px,calc(min(70vh,620px) * .8))}
.historia__ft{aspect-ratio:4/5;border-radius:3px;overflow:hidden;background:var(--soft)}
.historia__ft img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62) sepia(.2) contrast(1.02) brightness(1.03) hue-rotate(-6deg)}
.historia__txt p{color:var(--muted);font-size:clamp(17px,1.2vw,19px);max-width:46ch;margin:18px 0 0}
.equipo__cab{margin-bottom:clamp(32px,5vh,56px)}
.equipo{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(32px,3.4vw,56px)}
.persona-c__mf{position:relative;margin:12px 12px 18px}
.persona-c__ft{aspect-ratio:1/1;border-radius:3px;overflow:hidden;background:var(--soft)}
.persona-c__ft img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62) sepia(.18) contrast(1.02)}
.persona-c h3{font:var(--hw,400) 23px/1.2 var(--serif);letter-spacing:-.01em;margin:0}
.persona-c p{margin:4px 0 0;color:var(--muted);font-size:15px}
/* tú o tu equipo (lo elige el agente en el editor: body.team-solo / team-team) */
body.team-solo [data-team-mode="team"],body:not(.team-solo) [data-team-mode="solo"]{display:none}
.solo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(32px,5vw,90px);align-items:center;max-width:980px}
.solo .persona-c__mf{width:min(100%,360px)}
.solo p{color:var(--muted);font-size:clamp(17px,1.2vw,19px);max-width:46ch}
@media (max-width:760px){ .solo{grid-template-columns:1fr} }
.cierre-n{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;margin:0 var(--in);padding-inline:0;
  background:var(--linea) top left/100% 8px no-repeat}
@media (max-width:899px){ .historia{grid-template-columns:1fr} }

/* ---------- Contacto ---------- */
.contacto{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:clamp(40px,7vw,120px);align-items:start;padding-top:clamp(24px,4vh,48px)}
.datos-c .dato{padding:22px 0 24px;background:var(--linea) top left/100% 8px no-repeat}
.datos-c .dato:last-child{background:var(--linea) top left/100% 8px no-repeat,var(--linea2) bottom left/100% 8px no-repeat}
.datos-c h2{font-size:13px;font-weight:600;margin:0 0 8px}
.datos-c a:not(.mas){font:var(--hw,400) 23px/1.3 var(--serif);text-decoration:none;letter-spacing:-.01em}
.datos-c p{margin:0 0 14px;color:var(--muted);font-size:16px}
@media (max-width:899px){ .contacto{grid-template-columns:1fr} }

/* ---------- pie ---------- */
.pie{margin:clamp(24px,4vh,48px) var(--in) 0;padding:clamp(44px,7vh,72px) 0 28px;color:var(--muted);font-size:15px;
  background:var(--linea) top left/100% 8px no-repeat}
.pie-cols{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:clamp(28px,4vw,64px)}
.pie-marca img{height:30px;width:auto;display:block}
.pie-marca p{font:var(--hw,400) 20px/1.3 var(--serif);color:var(--ink);margin:18px 0 0;max-width:16ch}
.pie-col h3{font-size:13px;font-weight:600;color:var(--ink);margin:4px 0 14px}
.pie-col a{display:block;color:inherit;text-decoration:none;margin-bottom:8px;width:fit-content}
.pie-col a:hover{color:var(--ink)}
.pie-col p{margin:0;line-height:1.6}
.pie-fin{margin:clamp(40px,6vh,64px) 0 0;font-size:13px}
@media (max-width:899px){ .pie-cols{grid-template-columns:1fr 1fr} .pie-marca{grid-column:1/-1} }

/* ---------- botón flotante de WhatsApp (pieza común) ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;width:52px;height:52px;border-radius:50%;background:#25D366;display:grid;place-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,.18)}
.wa-float svg{width:26px;height:26px;fill:#fff}

/* ---------- ficha de propiedad: la estética de la plantilla sobre la ficha común ---------- */
.page-propiedad{--ficha-ease:cubic-bezier(.2,.7,.2,1);--ficha-r:4px;--ficha-shadow:none}
.ficha{background:transparent!important;padding-top:8px!important}
.ficha__wrap{max-width:none!important;padding:0 var(--in)!important}
.ficha__titulo,.ficha__notfound h1{font-weight:400!important;letter-spacing:-.025em!important}
.ficha__precio-top,.ficha__precio{font-family:var(--serif)!important;font-weight:400!important}
.ficha__eyebrow{background:var(--soft)!important;color:var(--ink)!important;letter-spacing:.02em!important;text-transform:none!important;font-size:14px!important;border-radius:999px!important}
.ficha__h2{font-family:var(--serif)!important;font-weight:400!important;font-size:30px!important;letter-spacing:-.02em!important;text-transform:none!important}
.ficha__seccion{padding-top:26px;background:var(--linea) top left/100% 8px no-repeat;border:0!important}
.ficha__similares{border:0!important;background:var(--linea) top left/100% 8px no-repeat;padding-top:26px}
.ficha__card{background:transparent!important;box-shadow:none!important;border:0!important;position:relative}
.ficha__card::before{display:none!important}
.ficha__tile{border-radius:3px!important}
.ficha__tile img{filter:none}
.ficha__cta--visita{background:transparent!important;color:var(--ink)!important;border:1px solid var(--c-hairline)!important}
/* datos: sin cajitas grises; renglones con línea a mano, valor en la serif */
.ficha__datos{gap:0 32px!important}
.ficha-dato{background:transparent!important;border:0!important;border-radius:0!important;padding:14px 0 16px!important;
  background:var(--linea2) bottom left/100% 6px no-repeat!important}
.ficha-dato__label{text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:500!important}
.ficha-dato__valor{font-weight:400!important;font-size:23px!important}
/* calculadora: sin tarjeta blanca; selects como los de los filtros */
.ficha-calc{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ficha-calc__campos label{text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important;color:var(--ink)!important}
.ficha-calc__campos select{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--linea2) bottom left/100% 6px no-repeat!important;padding:8px 0!important}
.ficha-calc__res{font-weight:400!important}
.ficha__amenidades li::before{background:var(--soft)!important}
/* similares: la tarjeta de casa de la plantilla (nombre primero, precio a su lado) */
.casa.ficha-mini{display:grid!important;aspect-ratio:auto!important;border-radius:0!important;color:var(--ink)!important}
.ficha__mini-grid{gap:clamp(28px,3vw,48px)!important}

/* ===== FONDOS (2026-10-17) · el editor pone <html data-superficie>; sin atributo = Papel =====
   html[...] gana al :root (también al :root en línea de Inicio). El dibujo y los dibujitos llevan el papel detrás:
   su "multiplicar" queda dentro de un grupo propio y sin papel mostraba los blancos de la ilustración como halo. */
html[data-superficie="blanco"]{--paper:#fdfdfb;--soft:#f3f3f0}
html[data-superficie="salvia"]{--paper:#ebeee8;--soft:#e1e5dd}
html[data-superficie="lino"]{--paper:#efe6d8;--soft:#e6dccb}.isla,.mini{background:var(--paper)}

/* ===== REVISORES (2026-10-20 · Taste + Impeccable + contraste en 40 combinaciones) =====
   "Me interesa" de la ficha en el verde oscuro de las demás (blanco sobre el verde WhatsApp daba 2:1)
   y el texto de ejemplo de los campos legible también sobre Salvia y Lino (el gris de Chrome daba 3,7:1). */
.ficha__cta--wa{background:#0E7A3F!important;box-shadow:none!important}
.ficha__cta--wa:hover{background:#0B6634!important}
input::placeholder,textarea::placeholder{color:#66605a;opacity:1}