:root{--navy:#142e3c;--ink:#203846;--muted:#5c6e76;--paper:#f7f5ef;--white:#fff;--line:#d9dfdd;--green:#315c4c;--gold:#ba744c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b47542;outline-offset:4px}a{color:inherit}.demo{text-align:center;background:#e9e6da;color:#4f5b5e;font-size:12px;padding:8px 18px;letter-spacing:.15px}header{max-width:1260px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:19px;letter-spacing:1px}.brand small{font:10px system-ui;display:block;letter-spacing:2px;margin-top:4px}.seal{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--navy);border-radius:50%;font-size:19px;letter-spacing:-1px}.headerRight{display:flex;align-items:center;gap:30px}.location{font-size:10px;letter-spacing:2px}.language{display:flex;border:1px solid #c7d0cf;padding:3px;border-radius:30px}.language button{border:0;background:transparent;font-size:11px;border-radius:30px;padding:8px 12px;color:var(--muted)}.language [aria-pressed=true]{background:var(--navy);color:white}main{max-width:1260px;margin:auto;padding:10px 36px 65px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;padding:48px 0 38px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:650;color:var(--green);margin-bottom:20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 24px;max-width:710px}h2{font-size:32px;line-height:1.15;margin:12px 0 18px}h3{font-size:24px;margin:8px 0 12px}.lead{font-size:17px;max-width:590px;color:var(--muted);line-height:1.75}.sideNote{background:#e8ede8;border-radius:2px;padding:35px;position:relative;overflow:hidden}.sideNote:before{content:'“';font-family:Georgia;font-size:190px;position:absolute;right:14px;top:-36px;color:#d6e0d7;line-height:1}.sideNote p{position:relative;font-family:Georgia;font-size:24px;line-height:1.45;max-width:280px}.sideNote small{font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:var(--white);padding:30px 28px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;min-height:310px}.service .number{font:12px system-ui;color:var(--gold);margin-bottom:22px}.service p{font-size:14px;color:var(--muted);flex:1}.primary{background:var(--navy);color:white;border:1px solid var(--navy);padding:13px 23px;border-radius:3px;display:inline-flex;justify-content:center;align-items:center;gap:20px;font-size:14px;font-weight:600}.service button{width:100%;margin-top:20px}.ghost{border:1px solid #bdc9cd;background:transparent;padding:11px 18px;color:var(--ink);border-radius:3px}.textButton{border:0;background:none;color:var(--green);text-decoration:underline;padding:10px 0;font-size:14px}.how{display:flex;gap:34px;justify-content:space-between;margin-top:35px;border-top:1px solid var(--line);padding-top:24px;font-size:13px}.how span{color:var(--muted)}.how b{font-weight:600;color:var(--ink)}.workspace{display:grid;grid-template-columns:245px 1fr;gap:44px;padding-top:30px;max-width:1120px;margin:auto}.rail{padding:10px 0}.rail h3{font-size:22px;margin:15px 0 25px}.step{border-left:2px solid #d5dedb;padding:9px 0 17px 17px;color:#84928f;font-size:13px}.step.active{border-color:var(--green);color:var(--green);font-weight:650}.step.done{color:var(--ink)}.rail small{display:block;margin-top:28px;font-size:12px;color:var(--muted)}.panel{background:white;padding:32px 36px;border:1px solid var(--line);min-height:440px}.panel h1{font-size:36px;line-height:1.15;letter-spacing:-.7px;margin:15px 0}.panel p.intro{color:var(--muted);font-size:14px}.chat{background:#f1f4f1;padding:18px 20px;border-radius:0 12px 12px 12px;margin:24px 0;font-size:17px;line-height:1.5}.progress{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.progressbar{height:3px;background:#e7ecea;margin:12px 0 22px}.progressbar div{height:100%;background:var(--green)}label.field{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #b9c7cc;color:var(--ink);background:white;border-radius:3px}textarea{resize:vertical;min-height:110px}.choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:4px;margin:10px 0;font-size:14px}.choice:has(input:checked){background:#edf4ef;border-color:#739181}.choice input{width:auto;accent-color:var(--green)}.actions{display:flex;gap:14px;justify-content:space-between;margin-top:28px;flex-wrap:wrap}.hint{font-size:12px;color:var(--muted);margin-top:10px}.alert{padding:14px 18px;background:#fff3dc;border-left:3px solid #b5823b;font-size:13px;margin:18px 0}.docs{padding:0;list-style:none}.docs li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:start;font-size:14px}.docIcon{color:var(--green);font-size:19px;line-height:1.2}.docs small{display:block;color:var(--muted)}.subtle{background:#f1f4f2;padding:16px;font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rowField{margin:17px 0}.summaryList{margin:20px 0}.summaryItem{padding:14px 0;border-bottom:1px solid var(--line)}.summaryItem dt{font-size:12px;color:var(--muted);margin-bottom:5px}.summaryItem dd{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.success{color:var(--green);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.checkmark{display:grid;place-items:center;width:40px;height:40px;background:#e3eee5;border-radius:50%;color:var(--green);font-size:24px;margin:15px 0}footer{border-top:1px solid var(--line);max-width:1188px;margin:auto;padding:23px 0;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer a{font-size:14px;text-decoration:none}footer div span{display:block;margin-top:5px}.privacy{font-size:13px}.error{color:#a23524;font-size:14px}.badge{display:inline-block;padding:4px 9px;background:#edf2ef;color:var(--green);font-size:11px}.miniTitle{font-size:12px;font-weight:650;margin-top:25px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.hero{gap:28px}.services{gap:10px}.service{padding:23px 20px}.workspace{gap:22px;grid-template-columns:190px 1fr}.panel{padding:25px}.location{display:none}}@media(max-width:650px){header{padding:18px}.brand{font-size:15px}.seal{width:39px;height:39px}main{padding:0 18px 40px}.hero{grid-template-columns:1fr;padding:26px 0;gap:15px}.sideNote{display:none}.services{grid-template-columns:1fr}.service{min-height:220px}.service .number{margin-bottom:5px}.service button{margin-top:10px}.how{flex-direction:column;gap:12px}.workspace{display:block;padding-top:12px}.rail{padding:0}.rail h3{font-size:20px;margin:10px 0}.rail small{display:none}.steps{display:flex;margin:15px 0}.step{flex:1;border-left:0;border-top:2px solid #d5dedb;padding:8px 3px;font-size:10px}.panel{padding:22px 19px}.panel h1{font-size:29px}.grid2{grid-template-columns:1fr;gap:0}footer{margin:0 18px;align-items:start;gap:18px;flex-wrap:wrap}}

/* Paleta comprobada en despacho-perezbatallon.com: botón rgb(145,67,67), texto rgb(58,53,67), fondos rgb(245,245,245) y rgb(240,240,240). */
:root{--navy:#914343;--ink:#3a3543;--muted:#655f68;--paper:#f5f5f5;--line:#dfdada;--green:#7c3434;--gold:#ae8738}header{position:sticky;top:0;z-index:20;max-width:none;padding:16px max(28px,calc((100vw - 1188px)/2));background:#fff;border-bottom:3px solid #914343;box-shadow:0 2px 12px #3a354309}.brand{gap:8px}.brandLogo{display:block;width:305px;height:auto;max-height:93px;object-fit:contain}.mobileBrand{display:none}.footerBrand{display:flex;align-items:center;gap:10px}.footerBrand>img{width:40px;height:42px;object-fit:contain}.demo{background:#eee8df;color:#59494c}.navPower{border:0;background:transparent;color:#7c3434;text-decoration:underline;font-size:13px;padding:8px}.headerRight{gap:16px}.sideNote{background:#f1e8e5;border-left:3px solid #cbb171}.sideNote:before{color:#dfd0bd}.chat{background:#f5eeee}.choice:has(input:checked){background:#f7eded;border-color:#b78585}.checkmark{color:#7c3434;background:#f4e8e8}.badge{background:#f6eeee}.subtle{background:#f2f0ee}.primary:hover{background:#7c3434}.service .number{color:#94752d}.hero{padding-top:36px;padding-bottom:24px}.service{min-height:280px}.serviceCategory{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#7c3434;margin-bottom:12px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.services .utilityCard{background:#faf7ee;border-color:#d8c7a0}.utilityIntro{max-width:780px}.guideSteps{counter-reset:guide;list-style:none;padding:0}.guideSteps li{counter-increment:guide;display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.guideSteps li:before{content:counter(guide);display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#914343;color:white;font-size:13px}.guideLinks{display:flex;gap:12px;flex-wrap:wrap}.guideLinks a{text-decoration:none}.guideLinks .ghost{display:inline-block}.guideNote{padding:18px;background:#f8f5ed;border-left:3px solid #b69b5e}.sectionBox{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}.appointment{border-left:4px solid #914343;background:#f8eeee;padding:20px;margin:16px 0}.attachmentRow{padding:14px 0;border-bottom:1px solid var(--line)}.attachmentRow input{font-size:12px;padding:8px}.attachmentRow label{font-size:13px}.attachmentRow ul{font-size:12px;color:var(--muted);padding-left:20px}.attachmentRow .ghost{padding:5px 10px;font-size:11px;margin-top:6px}.sourceLink{font-size:12px}.service p{line-height:1.7}.form-note{font-size:13px;color:var(--muted)}.utilityPanel{max-width:900px;margin:25px auto;background:white;padding:35px;border:1px solid var(--line)}.utilityPanel h1{font-size:39px;letter-spacing:-1px}.utilityPanel h2{font-size:25px}.privacyLink{display:inline-block;margin-top:8px}@media(max-width:900px){.brandLogo{width:240px}.navPower{font-size:12px}.headerRight{gap:8px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){header{padding:11px 16px;gap:6px}.brandLogo{width:43px;height:47px;object-fit:contain}.mobileBrand{display:block;font-size:12px;letter-spacing:.3px}.mobileBrand small{font-size:7px;letter-spacing:.5px}.headerRight{gap:4px}.language button{padding:7px 8px}.navPower{max-width:90px;padding:4px;font-size:10px}.services{grid-template-columns:1fr}.utilityPanel{padding:23px 20px}.utilityPanel h1{font-size:30px}.guideLinks{flex-direction:column}.hero{padding-top:28px}.demo{font-size:10px}.service{min-height:230px}footer{padding-bottom:35px}}
@media(max-width:520px){.brandLogo{width:36px;height:40px}.mobileBrand{font-size:11px}.navPower{max-width:70px;font-size:9px}.language button{font-size:10px;padding:6px 7px}.headerRight{flex-shrink:0}.brand{gap:6px;min-width:0}.guideSteps li::before{font-variant-numeric:tabular-nums}}

/* Materias visibles desde la entrada, con recursos gráficos y la identidad del despacho. */
.service{overflow:hidden;border-color:#e3dcdc;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service:hover{transform:translateY(-3px);border-color:#caa9a9;box-shadow:0 12px 28px #3a35430d}
.serviceArtwork{height:82px;margin:-30px -28px 20px;display:grid;place-items:center;background:linear-gradient(135deg,#f7efed,#f6f2e9);color:#914343;overflow:hidden}
.serviceArtwork svg{width:49px;height:49px;filter:drop-shadow(0 3px 2px #3a354310)}
.serviceArtwork-property,.serviceArtwork-permuta,.serviceArtwork-registry,.serviceArtwork-debt,.serviceArtwork-gananciales{height:116px;background:#eee8df}
.serviceArtwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.serviceCategory{position:relative;z-index:1}
.service .number{display:block}
.service .primary{margin-top:18px}
.services .utilityCard .serviceArtwork{margin-bottom:20px}
.serviceArtwork-administrative{background:linear-gradient(135deg,#f5e8e8,#f4efe5)}
@media(max-width:900px){.serviceArtwork{margin:-23px -20px 18px}.serviceArtwork-property,.serviceArtwork-permuta,.serviceArtwork-registry,.serviceArtwork-debt,.serviceArtwork-gananciales{height:110px}}
@media(max-width:650px){.serviceArtwork{height:78px;margin:-23px -20px 16px}.serviceArtwork-property,.serviceArtwork-permuta,.serviceArtwork-registry,.serviceArtwork-debt,.serviceArtwork-gananciales{height:126px}.serviceArtwork svg{width:44px;height:44px}.service:hover{transform:none;box-shadow:none}}