/* «Agrega tu casa»: estilos de la demo acotados bajo #atc (generado por scripts/agrega-tu-casa/construir.js; no editar a mano). */
/* Layout: recorrido de 4 pasos en una columna; el plano de la parcela a escala es la pieza central. Línea clara del sitio de Libra: fondo crema, cabecera oscura, dorado. */
#atc{
  color-scheme:light;
  --bg:#fbf9f4; --panel:#ffffff; --line:#e3ded2; --fg:#24231f; --muted:#6b665b; --ink:#23231f; --cream:#f7f4ec;
  --gold:#b5853f; --gold-soft:#856031; --grass:#4f7344; --soil:#8a7350; --ok:#2f7a45;
  --display:var(--font-cormorant),"Cormorant Garamond",Georgia,serif; --body:var(--font-jost),"Jost",system-ui,sans-serif;
}
#atc{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.5}
#atc .wrap{max-width:980px;margin:0 auto;padding-inline:16px;padding-block:20px 56px;display:flex;flex-direction:column;gap:28px}
#atc header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;background:var(--ink);padding:14px 18px}
#atc .brand{font-family:var(--display);font-size:26px;color:var(--cream);letter-spacing:.02em}
#atc .sub{color:#c9a868;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
#atc .demo{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--gold);padding:3px 10px}
#atc nav{display:flex;gap:6px;flex-wrap:wrap}
#atc nav button{flex:1 1 130px;background:none;border:1px solid var(--line);color:var(--muted);font:500 14px var(--body);padding:10px 8px;cursor:pointer;text-align:left}
#atc nav button b{display:block;font:600 12px var(--body);letter-spacing:.12em;color:var(--gold)}
#atc nav button[aria-current="step"]{border-color:var(--gold);color:var(--fg);background:var(--panel)}
#atc button:focus-visible,#atc select:focus-visible,#atc input:focus-visible,#atc textarea:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}
#atc h1{font:600 clamp(30px,5vw,44px)/1.1 var(--display);margin:0;text-wrap:balance}
#atc h2{font:600 22px/1.2 var(--display);margin:0}
#atc p{margin:0;max-width:65ch}
#atc .muted{color:var(--muted);font-size:14px}
#atc .aviso{border:1px solid var(--muted);border-left:4px solid #c9a227;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:14px}

#atc section{display:flex;flex-direction:column;gap:16px}
#atc .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
#atc .card{border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
#atc .card .pic{aspect-ratio:16/9;display:grid;place-items:center;background:#efebe1;padding:14px}
#atc .card .pic img{max-height:100%;object-fit:contain}
#atc .card .body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
#atc .card.soon{opacity:.55}
#atc .specs{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
#atc .btn{background:var(--gold);color:#fff;border:0;letter-spacing:.08em;text-transform:uppercase;font:600 13px var(--body);padding:11px 16px;cursor:pointer}
#atc .btn.ghost{background:none;color:var(--gold-soft);border:1px solid var(--gold)}
#atc .btn.small{padding:8px 12px;font-size:12px}
#atc .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#atc select,#atc input,#atc textarea{background:var(--panel);color:var(--fg);border:1px solid var(--line);font:15px var(--body);padding:9px 10px;max-width:100%}
/* parcela */
#atc .plot{position:relative;width:100%;aspect-ratio:2/1;border:2px dashed var(--gold);overflow:hidden;touch-action:none;
  background-color:var(--grass);
  background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:10% 20%}
#atc .plot.cult{background-color:var(--soil)}
#atc .house{position:absolute;width:12.2%;aspect-ratio:12.2/6.3;cursor:grab;transform-origin:center;filter:drop-shadow(0 3px 4px #0009)}
#atc .house img{width:100%;height:100%;display:block;pointer-events:none}
#atc .rhd{position:absolute;left:50%;top:-30px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:var(--gold-soft);color:#000;font-weight:700;font-size:15px;line-height:24px;text-align:center;cursor:grab;touch-action:none;box-shadow:0 1px 4px #000a}
#atc .house.sel{outline:2px solid var(--gold-soft);outline-offset:3px}
#atc .scale{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
#atc .stat{font-variant-numeric:tabular-nums}
#atc .stat b{color:var(--gold-soft);font-weight:600}
/* tour */
#atc .stage{position:relative;aspect-ratio:16/9;background:var(--panel);border:1px solid var(--line)}
#atc .stage img{width:100%;height:100%;object-fit:cover;display:block}
#atc .stage .cap{position:absolute;left:0;bottom:0;right:0;padding:26px 14px 12px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap}
#atc .stage.vp .cap{padding:16px 10px 6px;flex-wrap:nowrap;background:linear-gradient(transparent,#0007)}#atc .stage.vp .cap span{display:none}#atc .stage.vp .cap strong{font-size:12px;font-weight:600}#atc .stage.vp .cap .btn{padding:3px 10px;font-size:11px;line-height:1.3;min-height:0}#atc .stage .cap{color:#fff}#atc .stage .cap span{font-size:12px;color:#ddd}
#atc .scenes{display:flex;gap:6px;flex-wrap:wrap}
#atc .scenes button{background:none;border:1px solid var(--line);color:var(--muted);padding:8px 12px;font:500 14px var(--body);cursor:pointer}
#atc .scenes button[aria-pressed="true"]{border-color:var(--gold);color:var(--fg)}
/* cierre */
#atc .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#atc .box{border:1px solid var(--line);background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
#atc .box.gc{border-color:var(--gold)}
#atc label.opt{display:flex;gap:8px;align-items:flex-start;font-size:15px}
#atc label.opt select{width:auto;min-width:56px;padding:4px 8px}
#atc textarea{width:100%;min-height:150px;resize:vertical;box-sizing:border-box}
#atc .host{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:14px}
@media(max-width:700px){#atc .host{grid-template-columns:1fr}}
#atc .ficha{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
#atc .tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#atc .sim{border:1px dashed var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--cream)}
#atc .sim button{background:none;border:1px solid var(--line);color:var(--muted);font:500 13px var(--body);padding:7px 11px;cursor:pointer}
#atc .sim button[aria-pressed="true"]{border-color:var(--gold);color:var(--fg);background:var(--panel)}
#atc .badge{align-self:flex-start;background:var(--ok);color:#fff;font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px}
#atc .badge.buy{background:var(--ink)}
#atc .lock{opacity:.7}
#atc .tbl{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
#atc .tbl th{text-align:left;font-weight:500;color:var(--muted);padding:6px 8px 6px 0;border-bottom:1px solid var(--line)}
#atc .tbl td{text-align:right;padding:6px 0;border-bottom:1px solid var(--line)}
#atc .tbl .tbd{color:var(--muted);font-style:italic}
#atc .tbl tr.sum th,#atc .tbl tr.sum td{font-weight:600;color:var(--fg);border-top:2px solid var(--gold)}
#atc .cmpt th,#atc .cmpt td{text-align:left;padding:8px 10px}#atc .soonc{opacity:.45}
#atc details>summary{cursor:pointer;font-weight:600;color:var(--gold-soft);font-size:14px;padding:4px 0}
#atc .ft{border-top:1px solid var(--line);padding-top:6px}
#atc .vtx{position:absolute;border-radius:50%;background:#c8282847;border:1.5px dashed #ff9a9a;pointer-events:none}
#atc .acc{position:absolute;transform:translate(-50%,-100%);background:var(--ink);color:#fff;font:600 11px var(--body);letter-spacing:.06em;padding:2px 8px;pointer-events:none}
#atc .chkg{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
#atc .chkg h3{font:600 15px var(--body);margin:6px 0 0;color:var(--gold-soft)}
#atc .chkr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:start;font-size:15px;padding:6px 0;border-bottom:1px solid var(--line)}
#atc .chkr .nm small{display:block;color:var(--muted);font-size:13px}
#atc .chkr .pr{font-variant-numeric:tabular-nums;text-align:right}
#atc .tg{font:600 11px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;margin-left:6px;background:var(--ink);color:#fff;white-space:nowrap}
#atc .tg.op{background:#e9e4d6;color:var(--muted)}#atc .tg.hb{background:var(--gold);color:#fff}
#atc .ov{position:absolute;inset:0;pointer-events:none}#atc .ov svg{position:absolute;inset:0;width:100%;height:100%}
#atc .ov .lb{position:absolute;transform:translate(-50%,-50%);font:600 10.5px var(--body);white-space:nowrap;padding:1px 5px;border-radius:3px;background:#000b;color:#ffd36b}
#atc .ov .lb.w{color:#9fd4ff}#atc .ov .cap2{position:absolute;left:4px;top:4px;max-width:66%;background:#000c;color:#fff;font:11.5px/1.35 var(--body);padding:5px 8px;border-radius:4px;transform:none}
#atc .ov .cap2 .lg{opacity:.8;font-size:10.5px}@media(max-width:560px){#atc .ov .cap2{font-size:10.5px;padding:3px 6px;max-width:72%}#atc .ov .cap2 .lg{display:none}#atc .ov .lb{font-size:9.5px}}
#atc .ov .cap2 b{color:#ffd36b}#atc .ov .cap2 .vw b{color:#9fd4ff}#atc .ov .nn{position:absolute;right:6px;top:4px;color:#fff;background:#000b;font:700 11px var(--body);padding:1px 6px;border-radius:3px}
#atc .dm{position:absolute;background:#000a;color:#fff;font:600 10.5px var(--body);padding:1px 6px;border-radius:3px;pointer-events:none;white-space:nowrap}#atc .dm.t{left:50%;top:3px;transform:translateX(-50%)}#atc .dm.l{left:3px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;margin-left:8px}
#atc .cierreL{position:absolute;border:3px solid #111;outline:1px dashed #ffe9a8;pointer-events:none;opacity:.85}
#atc .gate{position:absolute;bottom:0;height:7px;background:#111;border:1px solid #ffe9a8;pointer-events:none;transform:translateY(50%)}
#atc .card.sug{outline:3px solid var(--gold-soft)}
#atc .faq details{border-bottom:1px solid var(--muted);padding:8px 0}#atc .faq summary{cursor:pointer;font-weight:600}
#atc .setb{position:absolute;border:1.5px dashed #ffe9a8;pointer-events:none}
#atc #tint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;transition:background .3s}
#atc #amob button,#atc #horas button{background:none;border:1px solid var(--line);color:var(--muted);font:500 14px var(--body);padding:8px 12px;cursor:pointer}
#atc #amob button[aria-pressed="true"],#atc #horas button[aria-pressed="true"]{border-color:var(--gold);color:var(--fg);background:var(--panel)}
#atc input[type=range]{width:100%;padding:0;border:0;accent-color:var(--gold)}
#atc .tl{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-left:2px solid var(--line)}
#atc .tl li{padding:2px 0 14px 16px;position:relative}#atc .tl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--line)}
#atc .tl li.done::before{background:var(--ok);border-color:var(--ok)}#atc .tl li.now::before{background:var(--gold);border-color:var(--gold)}
#atc .tl b{display:block;font-weight:600}#atc .tl span{color:var(--muted);font-size:14px}
#atc .pro{padding:14px;display:flex;flex-direction:column;gap:4px}
#atc [hidden]{display:none!important}
#atc .box.gc.hot{box-shadow:0 0 0 3px #b5853f55}
#atc .svc{border-top:1px solid var(--gold);padding-top:22px;display:flex;flex-direction:column;gap:22px}
#atc .logo{height:84px;width:auto;align-self:flex-start}
#atc .plan3d{position:relative;width:100%;max-width:820px;border:1px solid var(--line);background:#f4f0e6}
#atc .plan3d img{display:block;width:100%;height:auto}
#atc .plan3d .rm{position:absolute;background:transparent;border:2px solid transparent;cursor:pointer;padding:0;display:grid;place-items:center}
#atc .plan3d .rm span{background:#23231fd9;color:#fff;font:500 12px var(--body);letter-spacing:.04em;padding:3px 8px;white-space:nowrap}
#atc .plan3d .rm:hover,#atc .plan3d .rm:focus-visible{border-color:var(--gold);background:#b5853f2e;outline:none}
#atc .plan3d .rm.on{border-color:var(--gold);background:#b5853f40}
#atc .plan3d .rm.on span{background:var(--gold)}
#atc .plan3d .ent{position:absolute;transform:translate(-50%,0);background:var(--gold);color:#fff;font:600 11px var(--body);letter-spacing:.06em;padding:2px 7px;pointer-events:none;white-space:nowrap}
#atc .plan3d .rm{overflow:visible}
@media(max-width:520px){#atc .plan3d .rm span{font-size:9px;padding:2px 4px}}
#atc .sw{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#atc .sw button{width:30px;height:30px;border:1px solid #0003;cursor:pointer;padding:0}
#atc .sw button[aria-pressed="true"]{outline:3px solid var(--gold);outline-offset:2px}
#atc .note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
#atc .ok{color:var(--ok);font-size:14px}
#atc .chkr.off .nm{opacity:.55}#atc .chkr .pr s{opacity:.6}#atc .noinc{display:block;font-style:normal;font-size:12px;color:#856031;font-weight:600}#atc .chkr .pr{text-align:right}
#atc .p2top{width:100%;height:100%;background:linear-gradient(#aeb3b7 0 91%,#d9c9a5 91% 100%);border:2px solid #23262a;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;font:700 9px var(--body);color:#222}
#atc{scroll-margin-top:96px}#atc .svc,#atc section{scroll-margin-top:96px}