:root{
  --navy:#0b1220;--navy2:#111b30;--navy3:#1a2743;--acc:#ff6a1a;--acc2:#ff8a4a;
  --bg:#f3f5f9;--card:#fff;--ink:#0f172a;--mut:#5b6678;--line:#e3e8f0;
  --ok:#15803d;--okb:#dcfce7;--cond:#b45309;--condb:#fef3c7;--proj:#c2410c;--projb:#ffedd5;--no:#b91c1c;--nob:#fee2e2;
  --r:16px;--sh:0 10px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
h1,h2,h3{font-family:Sora,Inter,system-ui,sans-serif;margin:0;letter-spacing:-.02em}
button{font:inherit;cursor:pointer}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* header */
header.top{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff14}
.bar{display:flex;align-items:center;gap:18px;height:66px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:Sora,sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:none;border:0;padding:0}
.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;color:#9fb0cc}
nav.main{display:flex;gap:4px;margin-left:auto;overflow-x:auto}
nav.main button{background:none;border:0;color:#b8c4da;padding:9px 13px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap}
nav.main button:hover{background:#ffffff12;color:#fff}
nav.main button.on{background:var(--acc);color:#fff}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#fff;color:var(--navy);font-size:11px;padding:0 5px;margin-left:5px}

/* hero */
.hero{background:radial-gradient(1200px 500px at 80% 0,#24406f55,transparent),linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:56px 0 30px;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}
.eyebrow{color:var(--acc2);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin:12px 0 16px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p{color:#b8c4da;font-size:18px;max-width:560px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:700;font-size:15px;background:var(--acc);color:#fff;transition:.15s}
.btn:hover{background:var(--acc2);transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1.5px solid #ffffff44;color:#fff}
.btn.ghost:hover{background:#ffffff14}
.btn.dark{background:var(--navy);color:#fff}
.btn.line{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn.small{padding:8px 12px;font-size:13px;border-radius:9px}
.hero-art{position:relative}
.hero-art .plate{background:linear-gradient(160deg,#16253f,#0d1626);border:1px solid #ffffff18;border-radius:24px;padding:14px;box-shadow:0 30px 60px #0008}
.stats{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.stats b{display:block;font-family:Sora;font-size:28px}
.stats span{color:#9fb0cc;font-size:13px}

/* sections */
section.view{display:none;padding:34px 0 60px}
section.view.on{display:block}
section.view.home{padding:0}
.head{margin-bottom:22px}
.head h2{font-size:clamp(26px,3.2vw,36px)}
.head p{color:var(--mut);margin:6px 0 0;max-width:720px}
.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:34px 0}
.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh);cursor:pointer;transition:.15s;text-align:left}
.tool:hover{transform:translateY(-3px);border-color:var(--acc)}
.tool .ic{width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--acc);display:grid;place-items:center;font-size:22px;margin-bottom:12px}
.tool h3{font-size:18px;margin-bottom:6px}
.tool p{margin:0;color:var(--mut);font-size:14px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:40px}
.step{background:var(--card);border-radius:var(--r);padding:20px;border:1px solid var(--line)}
.step i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;margin-bottom:10px}

/* cards & chips */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.pad{padding:20px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:13px;color:var(--ink)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.tag{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.tag.ok{background:var(--okb);color:var(--ok)}.tag.cond{background:var(--condb);color:var(--cond)}
.tag.proj{background:var(--projb);color:var(--proj)}.tag.no{background:var(--nob);color:var(--no)}

/* configurador */
.cfg{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}
.vsel{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.vsel button{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px 6px;text-align:center;font-size:12px;font-weight:700;color:var(--ink)}
.vsel button.on{border-color:var(--acc);background:#fff4ec}
.vsel svg{width:100%;height:auto;display:block}
.stage{position:relative;border-radius:20px;background:
  linear-gradient(#ffffff08 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/32px 32px,
  radial-gradient(600px 300px at 50% 60%,#27427a,#0d1626);padding:18px 18px 8px;overflow:hidden}
.stage .art{position:relative}
.stage svg{width:100%;height:auto;display:block}
.hot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--acc);border:3px solid #fff;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0;box-shadow:0 0 0 0 #ff6a1a99;animation:pulse 2s infinite}
.hot:hover,.hot.on{background:#fff;color:var(--acc);transform:scale(1.15)}
@keyframes pulse{70%{box-shadow:0 0 0 12px #ff6a1a00}100%{box-shadow:0 0 0 0 #ff6a1a00}}
.stage-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px 10px;color:#b8c4da;font-size:13px;flex-wrap:wrap}
.sw{display:flex;gap:7px}
.sw button{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff55;padding:0}
.sw button.on{border-color:#fff;box-shadow:0 0 0 2px var(--acc)}
.zonelist{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.part{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;background:#fff;display:flex;gap:10px;justify-content:space-between;align-items:center;width:100%;text-align:left}
.part:hover,.part.on{border-color:var(--acc)}
.part b{font-size:14px;display:block}
.detail{background:var(--navy);color:#fff;border-radius:14px;padding:18px;margin-top:10px}
.detail h3{font-size:18px;margin:8px 0 6px}
.detail .k{color:#9fb0cc;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:12px}
.detail ul{margin:4px 0 0;padding-left:18px;color:#dbe4f3;font-size:14px}
.price{font-family:Sora;font-size:26px;color:var(--acc2)}
.empty{color:var(--mut);padding:26px;text-align:center}
.altbox{background:#ffffff14;border-radius:10px;padding:10px 12px;margin-top:10px;font-size:14px}

/* wizard */
.wiz{max-width:820px;margin:0 auto}
.prog{height:6px;background:var(--line);border-radius:6px;margin-bottom:18px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--acc);transition:.3s}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}
.opt{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:15px;text-align:left;font-weight:700}
.opt small{display:block;font-weight:500;color:var(--mut);margin-top:3px}
.opt:hover{border-color:var(--acc);background:#fff4ec}
.verdict{border-radius:var(--r);padding:22px;color:#fff}
.verdict.direct,.verdict.ficha{background:linear-gradient(135deg,#166534,#15803d)}
.verdict.ficha{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.verdict.proyecto{background:linear-gradient(135deg,#c2410c,#ea580c)}
.verdict.historic{background:linear-gradient(135deg,#6d28d9,#7c3aed)}
.verdict.no{background:linear-gradient(135deg,#991b1b,#dc2626)}
.verdict h3{font-size:26px;margin:6px 0}
.list{margin:10px 0 0;padding-left:20px}
.warn{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:12px;padding:12px 14px;margin-top:12px;font-size:14px}

/* calc */
.calc{display:grid;grid-template-columns:400px 1fr;gap:20px;align-items:start}
.f{display:grid;gap:12px}
.f label{font-size:13px;font-weight:700;color:var(--mut);display:grid;gap:5px}
.f input,.f select{font:inherit;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.f input:focus,.f select:focus{outline:2px solid var(--acc);border-color:transparent}
.f .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chk{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;font-weight:600!important;color:var(--ink)!important}
.chk input{width:auto}
.total{background:var(--navy);color:#fff;border-radius:var(--r);padding:22px}
.total b{font-family:Sora;font-size:40px;display:block;color:var(--acc2)}
.tbl{width:100%;border-collapse:collapse;margin-top:6px}
.tbl td{padding:10px 4px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.tbl td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.tbl small{display:block;color:var(--mut);font-weight:400}
.stack{display:flex;height:16px;border-radius:9px;overflow:hidden;margin:14px 0 8px}
.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mut)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}
.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.band{border:1.5px solid var(--line);border-radius:10px;padding:8px;text-align:center;font-size:12px}
.band.on{border-color:var(--acc);background:#fff4ec}
.band b{display:block;font-size:15px}

/* guia */
.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.tools input{flex:1;min-width:220px;font:inherit;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gcard{padding:16px}
.gcard h3{font-size:16px;margin:8px 0 4px}
.gcard p{margin:0;color:var(--mut);font-size:14px}
.gcard .meta{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:700}

/* presupuesto */
.bud{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.bud .f{margin-top:8px}
footer{background:var(--navy);color:#9fb0cc;padding:30px 0;font-size:13px}
.disc{max-width:900px}

@media(max-width:960px){
  .hero .grid,.cfg,.calc,.bud{grid-template-columns:1fr}
  .vsel{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}
  .bar{height:auto;flex-wrap:wrap;padding:10px 0}
  nav.main{margin-left:0;width:100%}
}
@media print{
  header.top,footer,.noprint,.hero{display:none!important}
  section.view{display:none!important}
  section#v-presupuesto{display:block!important}
  body{background:#fff}
  .card{box-shadow:none}
}