/* Formulario de contacto bajo el banner lateral del blog (mismo estilo que la ficha de propiedad). */
.side-lead{margin-top:16px;padding:20px;border:1px solid #ebebeb;border-radius:12px;background:#fff;color:#222}
.side-lead .sl-kicker{margin:0 0 6px;color:#6a6a6a;font-size:13px;font-weight:700}
.side-lead h2{margin:0 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#222}
.side-lead .sl-intro{margin:0 0 14px;color:#6a6a6a;font-size:14px;line-height:1.5}
.side-lead form{display:grid;gap:10px}
.side-lead input[type="text"],.side-lead input[type="tel"],.side-lead textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222;font:inherit;font-size:14px}
.side-lead textarea{min-height:84px;resize:vertical}
.side-lead input:focus,.side-lead textarea:focus{border-color:#222;box-shadow:0 0 0 1px #222;outline:none}
.side-lead .sl-consent{display:flex;gap:8px;align-items:flex-start;color:#444;font-size:12.5px;line-height:1.4}
.side-lead .sl-consent input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:#222}
.side-lead button[type="submit"]{min-height:46px;border:0;border-radius:8px;background:#222;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.side-lead button[type="submit"]:hover{background:#000}
.side-lead button[disabled]{opacity:.6;cursor:wait}
.side-lead .sl-status{display:none;margin:10px 0 0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4}
.side-lead .sl-status.is-visible{display:block}
.side-lead .sl-status.is-success{background:#f1f8f1;color:#1d5a2a}
.side-lead .sl-status.is-error{background:#fdf1f1;color:#8a1f1f}
.side-lead .sl-privacy{margin:12px 0 0;color:#6a6a6a;font-size:12px}
.side-lead .sl-privacy a{color:#222;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.side-lead .sl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.side-lead .sl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Columna lateral un poco mas ancha en articulos para que el formulario respire */
@media(min-width:1100px){
  html:root body main.wrap:has(>.side-banner){width:min(1164px,calc(100% - 32px));grid-template-columns:minmax(0,1fr) 280px}
}
