/* Milton Arquez - Arquitecto de Vida · hoja de estilo unica (tema claro) */
:root{
  --bg:#f6f1e7; --card:#fffdf9; --ink:#1b1813; --ink2:#3f3930; --muted:#6d6557;
  --line:#d9d0bf; --line2:#e5ddcd; --gold:#a67c12; --amber:#c9971f; --soft:#faf3e2;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;line-height:1.65;}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:700;line-height:1.15;color:#161310;}
a{color:inherit;text-decoration:none;}
p{color:var(--ink2);}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.narrow{max-width:860px;}
.top{position:sticky;top:0;z-index:20;background:rgba(246,241,231,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line2);}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px;}
.brand{font-family:Georgia,serif;font-size:15px;letter-spacing:3px;color:var(--gold);font-weight:700;white-space:nowrap;}
.brand small{display:block;font-family:'Segoe UI',Arial,sans-serif;font-size:9px;letter-spacing:3px;color:var(--muted);font-weight:600;margin-top:3px;}
.back{font-size:13px;color:var(--muted);}
.back:hover{color:var(--ink);}
.nav{display:flex;gap:22px;font-size:14px;color:var(--muted);}
.nav a:hover{color:var(--ink);}
.hero{padding:88px 0 68px;border-bottom:1px solid var(--line2);position:relative;overflow:hidden;}
.hero:before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px) 0 0/60px 60px,
  linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px) 0 0/60px 60px;
  mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 70%);}
.hero .wrap{position:relative;}
.kicker{font-size:11px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-weight:700;}
.hero h1{font-size:clamp(33px,5.2vw,60px);margin:16px 0 14px;max-width:900px;}
.hero h1 em{font-style:normal;color:var(--gold);}
.hero p{font-size:clamp(17px,2.1vw,20px);color:#4a443a;max-width:670px;}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
.btn{display:inline-block;padding:15px 26px;border-radius:5px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;font-family:inherit;}
.btn.gold{background:var(--amber);color:#171307;}
.btn.gold:hover{filter:brightness(1.06);}
.btn.ghost{border-color:var(--line);color:var(--ink);}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold);}
section{padding:70px 0;border-bottom:1px solid var(--line2);}
.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-weight:700;margin-bottom:12px;}
h2{font-size:clamp(26px,3.6vw,40px);margin-bottom:16px;max-width:840px;}
.lead{color:var(--ink2);font-size:18px;max-width:740px;}
.grid{display:grid;gap:20px;margin-top:32px;}
.g2{grid-template-columns:1fr 1fr;}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.card{border:1px solid var(--line2);background:var(--card);padding:24px 22px;border-radius:4px;}
.card .num{font-family:Georgia,serif;color:var(--gold);font-size:20px;}
.card h3{font-size:19px;margin:8px 0 6px;}
.card p{color:var(--muted);font-size:15px;}
.card .tag{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-top:12px;font-weight:700;}
.list{list-style:none;display:grid;gap:12px;}
.list li{display:flex;gap:12px;color:var(--ink2);font-size:16px;}
.list li:before{content:"";width:14px;height:2px;background:var(--gold);margin-top:12px;flex:none;}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;margin-top:34px;}
.panel{border:1px solid var(--line);padding:28px;background:var(--card);}
.panel .big{font-family:Georgia,serif;font-size:42px;color:var(--gold);line-height:1;}
.panel small{display:block;color:var(--muted);letter-spacing:2px;font-size:11px;text-transform:uppercase;margin-top:6px;}
.note{border-left:2px solid var(--gold);padding:6px 0 6px 18px;color:var(--ink2);font-family:Georgia,serif;font-size:19px;margin-top:26px;max-width:780px;}
.quote{font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);line-height:1.35;max-width:880px;}
.quote b{color:var(--gold);font-weight:400;}
.final{text-align:center;padding:80px 0;}
.final h2{margin:0 auto 14px;}
.final p{max-width:560px;margin:0 auto 26px;}
footer{padding:34px 0;color:var(--muted);font-size:12px;text-align:center;border-top:1px solid var(--line2);}
footer a{color:var(--muted);}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:30;background:#25d366;color:#0b2b18;font-weight:800;padding:13px 18px;border-radius:40px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);}
.wa-float:hover{filter:brightness(1.06);}

/* Figura del plano */
.figura{margin-top:34px;border:1px solid var(--line2);background:var(--card);border-radius:6px;padding:18px;}
.figura svg{width:100%;height:auto;display:block;}
.figura figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px;}

/* Termometro */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.chip{border:1px solid var(--line);background:var(--card);border-radius:40px;padding:7px 14px;font-size:12px;color:var(--muted);}
.chip b{color:var(--gold);}

/* Pasos */
.steps{counter-reset:s;display:grid;gap:0;margin-top:30px;border-left:1px solid var(--line2);}
.step{padding:0 0 28px 26px;position:relative;}
.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;left:-13px;top:0;
  background:var(--bg);border:1px solid var(--line);color:var(--gold);font-family:Georgia,serif;font-size:12px;
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.step h3{font-size:19px;margin-bottom:4px;}
.step p{color:var(--ink2);font-size:15px;max-width:720px;}

/* Formulario */
.field{margin-bottom:16px;}
label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:700;}
input,select,textarea{width:100%;background:#fff;border:1px solid #ddd4c4;border-radius:4px;color:var(--ink);padding:13px 14px;font-size:16px;font-family:inherit;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);}
input::placeholder,textarea::placeholder{color:#9a9183;}
textarea{min-height:86px;resize:vertical;}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.phone{display:flex;gap:8px;}
.phone select{width:150px;flex:none;}
.phone input{flex:1;}
.hint{font-size:12px;color:#7a7263;margin-top:6px;}
.block{border:1px solid var(--line2);border-radius:6px;padding:22px;margin:0 0 18px;background:var(--card);}
.block h3{font-size:18px;color:var(--gold);margin-bottom:4px;}
.block .q{font-size:13px;color:var(--muted);margin-bottom:12px;}
.block.centro{border-color:#cbbf9f;background:var(--soft);}
.opts{display:grid;gap:8px;margin:6px 0 14px;}
.opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line2);background:var(--card);border-radius:5px;
  padding:11px 13px;font-size:15px;color:#4a443a;cursor:pointer;text-transform:none;letter-spacing:0;margin:0;font-weight:400;}
.opt:hover{border-color:#cbbf9f;}
.opt input{width:auto;margin:0;accent-color:var(--amber);}
.opt:has(input:checked){border-color:var(--gold);background:#f5ecd8;color:var(--ink);}
.det{margin-top:8px;font-size:14px;display:block;}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#4f483d;margin:6px 0 22px;text-transform:none;letter-spacing:0;line-height:1.5;font-weight:400;}
.check input{width:auto;margin-top:4px;}
button{background:var(--amber);color:#171307;border:none;border-radius:5px;padding:16px 28px;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;}
button:hover{filter:brightness(1.06);}
.row-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.msg{display:none;padding:12px 14px;border-radius:4px;font-size:14px;margin-bottom:18px;}
.msg.err{display:block;background:#fdecec;border:1px solid #e3a3a3;color:#8a1f1f;}
.falta{border-color:#c0392b!important;box-shadow:0 0 0 2px rgba(192,57,43,.12);}
.estado{font-size:12px;align-self:center;margin-left:6px;}
.estado.ok{color:#2f6b3a;}
.estado.mal{color:#8a1f1f;}
.otro{margin-top:14px;font-size:14px;color:var(--muted);}
.otro a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}

/* La hoja (resultado) */
#resultado{display:none;margin:10px auto 80px;background:var(--card);color:#1a1714;border:1px solid var(--line2);border-radius:6px;padding:40px 36px;}
#resultado .r-brand{font-family:Georgia,serif;letter-spacing:4px;font-size:12px;color:#8a6d1f;font-weight:700;}
#resultado h2{font-size:30px;margin:8px 0 2px;color:#161d33;}
#resultado .sub{font-family:Georgia,serif;font-style:italic;color:#8a6d1f;font-size:17px;margin-bottom:22px;}
#resultado .meta{font-size:12px;color:#6b6459;border-bottom:1px solid #ddd5c5;padding-bottom:12px;margin-bottom:20px;}
.plano{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"p t" "c c" "f d";border:1px solid #ddd5c5;}
.plano .q-block{margin:0;padding:16px 18px;border-bottom:1px solid #ddd5c5;}
.plano .q-block:nth-child(1){grid-area:p;border-right:1px solid #ddd5c5;}
.plano .q-block:nth-child(2){grid-area:t;}
.plano .q-block:nth-child(3){grid-area:f;border-right:1px solid #ddd5c5;border-bottom:none;}
.plano .q-block:nth-child(4){grid-area:d;border-bottom:none;}
.plano .centro{grid-area:c;text-align:center;background:#f5ecd8;padding:18px 22px;}
.plano .centro h4{color:#8a6d1f;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;}
.plano .centro p{font-family:Georgia,serif;font-size:17px;line-height:1.4;}
.plano .centro .det{display:block;font-size:13px;color:#6b6459;margin-top:4px;}
.plano .q-block h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#8a6d1f;margin-bottom:3px;}
.plano .q-block p{font-family:Georgia,serif;font-size:18px;line-height:1.45;}
.plano .q-block .det{color:#6b6459;}
#resultado .foot{margin-top:24px;padding-top:14px;border-top:1px solid #ddd5c5;font-size:11px;color:#6b6459;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.diag{margin-top:18px;border:1px solid #cbbf9f;background:var(--soft);padding:16px 18px;border-radius:4px;}
.diag h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8a6d1f;margin-bottom:6px;}
.diag p{font-family:Georgia,serif;font-size:18px;line-height:1.4;color:#1a1714;}
.diag span{display:block;font-size:13px;line-height:1.5;color:#6b6459;margin-top:6px;}
.acciones{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0;}
.acciones button,.acciones a{font-size:14px;padding:13px 20px;}

@media(max-width:900px){
  .g4{grid-template-columns:1fr 1fr;}
  .g3{grid-template-columns:1fr;}
  .split{grid-template-columns:1fr;gap:30px;}
  .nav{display:none;}
}
@media(max-width:620px){
  .g4,.g2,.row{grid-template-columns:1fr;}
  .hero{padding:64px 0 52px;}
  #resultado{padding:26px 20px;}
  .plano{grid-template-columns:1fr;grid-template-areas:"p" "t" "c" "f" "d";}
  .plano .q-block{border-right:none!important;border-bottom:1px solid #ddd5c5!important;}
  .plano .q-block:nth-child(4){border-bottom:none!important;}
}
@media print{
  @page{size:A4;margin:14mm;}
  body{background:#fff;color:#000;}
  .top,header,form,.acciones,.wa-float,footer,.hero{display:none!important;}
  #resultado{display:block!important;position:static;margin:0;padding:0;background:#fff;color:#111;border:0;border-radius:0;}
  #resultado h2{color:#111;}
  #resultado .plano{border-color:#999;}
  #resultado .plano .q-block{border-color:#bbb;}
  #resultado .plano .centro{background:#f5ecd8!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;}
  .plano .q-block p{color:#111;}
}