/* ConLupa — Analizador de alquileres (panel del espacio de trabajo). Al cambiarlo, subir el ?v= en analizar.html. */

/* ── calculadora ── */
.alq{margin-top:1.4rem;padding:0}
.alq>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;padding:1.1rem 1.4rem;cursor:pointer;list-style:none;min-height:44px}
.alq>summary::-webkit-details-marker{display:none}
.alq>summary::after{content:"+";margin-left:auto;font:500 1.3rem/1 var(--mono,monospace);color:var(--muted)}
.alq[open]>summary::after{content:"–"}
.alq-tit{display:flex;align-items:center;gap:.6rem;font:700 1.12rem/1.2 var(--display);color:var(--heading)}
.alq-tit b{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:8px;background:var(--ink);color:var(--on-ink,#fff);font:700 .9rem var(--mono,monospace)}
.alq-sub{font:500 .78rem/1.3 var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.alq-auto{margin:0 1.4rem 1rem;padding:.6rem .8rem;border-radius:10px;background:var(--sky);color:var(--text);font-size:.92rem}
.alq-form{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0 1.4rem}
.alq-form input,.alq-form select{min-height:44px}
.alq-reg{padding:0 1.4rem}
.alq-reg p{margin:.2rem 0 .4rem}
.alq-tag{display:inline-block;font:600 .74rem/1.4 var(--mono,monospace);letter-spacing:.04em;padding:.1rem .5rem;border-radius:6px;border:1px solid var(--line-2);color:var(--text);margin-right:.3rem}
.alq-out{padding:.4rem 1.4rem 1.4rem}
.alq-out .eyebrow{display:block;font:500 .72rem/1.3 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.alq-kpis{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:.6rem 0 1rem}
.alq-kpis>div{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;background:var(--bg)}
.alq-kpis b{display:block;font:700 clamp(1.5rem,3.4vw,2rem)/1.1 var(--display);letter-spacing:-.03em;color:var(--heading);font-variant-numeric:tabular-nums}
.alq-kpis small{display:block;margin-top:.3rem;font:600 .9rem/1.3 var(--mono,monospace);color:var(--text)}
.alq-kpis .alq-next{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.alq-tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem;margin-bottom:.4rem}
.alq-tabla th{text-align:left;font:500 .72rem/1.3 var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.4rem .5rem;border-bottom:1px solid var(--line)}
.alq-tabla td{padding:.55rem .5rem;border-bottom:1px dashed var(--line)}
.alq-tabla th:last-child,.alq-tabla td:last-child{text-align:right}
.alq-tabla tr.prox td{font-weight:700;color:var(--heading)}
.alq-tabla abbr{font:500 .72rem var(--mono,monospace);text-decoration:none;color:var(--muted);border-bottom:1px dotted var(--muted);cursor:help}
@media (max-width:480px){.alq>summary,.alq-form,.alq-reg,.alq-out{padding-left:1rem;padding-right:1rem}.alq-auto{margin:0 1rem 1rem}.alq-tabla{font-size:.88rem}}

/* ── resumen verde/rojo del análisis ── */
.vr{margin-top:1.2rem;padding:1.4rem}
.vr>h3{font-size:1.15rem;margin:0 0 .9rem}
.vr-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.vr-col{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;border-top:4px solid}
.vr-rojo{border-top-color:var(--red)}
.vr-verde{border-top-color:var(--green)}
.vr-col h4{display:flex;align-items:center;gap:.5rem;font:700 1rem/1.2 var(--display);margin:0 0 .6rem;color:var(--heading)}
.vr-col h4 i{width:.7rem;height:.7rem;border-radius:50%;flex:none}
.vr-rojo h4 i{background:var(--red)} .vr-verde h4 i{background:var(--green)}
.vr-col h4 span{margin-left:auto;font:600 .8rem/1 var(--mono,monospace);padding:.2rem .5rem;border-radius:99px;background:var(--bg);color:var(--text)}
.vr-col ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.vr-col li{position:relative;padding-left:1.1rem;line-height:1.45;color:var(--text)}
.vr-col li::before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:2px}
.vr-rojo li::before{background:var(--red)} .vr-verde li::before{background:var(--green)}
.vr .fine{margin:.6rem 0 0}
@media print{.alq{display:none}.vr{break-inside:avoid}}