:root{--display:"Bitter",Georgia,serif;--body:"Work Sans",system-ui,sans-serif;--display-weight:800;--display-track:-.02em;--radius:6px;
--paper:#FBF6EC;--ink:#14282F;--brand:#0F5C6E;--brand-ink:#fff;--accent:#F2B705;--accent-ink:#14282F;--accent-text:#8A6700;--stone:#F1E9D8;--line:#E2D6BE}
html[data-theme="red"]{--brand:#9B2226;--accent:#E9D8A6;--accent-text:#7A1B1E;--stone:#F5ECE0}
html[data-theme="navy"]{--brand:#1D3557;--accent:#A8DADC;--accent-text:#1D3557;--stone:#EEF2F4}
html[data-theme="green"]{--brand:#2D6A4F;--accent:#F4A259;--accent-text:#9C5A16;--stone:#EEF4EC}
.btn-line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.site-header .logo .mark{background:var(--brand);border-radius:6px}
.hero-wa{padding:2.5rem 0 3.5rem;background:var(--paper);border-bottom:1px solid var(--line)}
.wa-grid{display:grid;gap:2.5rem;align-items:center}
.wa-kicker{display:inline-block;font-weight:600;font-size:.82rem;color:var(--brand);border:1.5px solid var(--brand);border-radius:999px;padding:.3rem .8rem;margin-bottom:1rem}
.hero-wa h1{font-size:clamp(2.6rem,10vw,5rem);line-height:.98;max-width:11ch}
.wa-window{position:relative;padding:.75rem;background:var(--brand);border-radius:10px;box-shadow:0 20px 40px rgba(15,92,110,.25)}
.wa-window .photo{aspect-ratio:4/3;border-radius:4px}
.wa-sign{position:absolute;left:50%;top:-1.4rem;transform:translateX(-50%) rotate(-3deg);background:var(--accent);color:var(--accent-ink);padding:.45rem 1.1rem;border-radius:6px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.18);font-size:.8rem;font-weight:600;line-height:1.15}
.wa-sign b{display:block;font-family:var(--display);font-size:1.3rem;letter-spacing:.12em}
.wa-sign::before{content:"";position:absolute;left:50%;top:-1rem;width:2.4rem;height:1rem;transform:translateX(-50%);border:2px solid var(--ink);border-bottom:0;border-radius:2rem 2rem 0 0}
.sec-services .svc-grid{gap:1.25rem}
.svc{background:#fff;border:1.5px dashed var(--line);border-radius:6px;position:relative;padding:1rem 1rem 1.2rem}
.svc::before{content:"WORK ORDER";display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--brand);margin-bottom:.6rem}
html[lang="es"] .svc::before{content:"ORDEN DE TRABAJO"}
.svc .photo{aspect-ratio:16/10;border-radius:4px}
.sec-teal{background:var(--brand);color:#fff}
.sec-teal h2{color:#fff}
.sec-teal .quotes li{background:#fff;color:var(--ink);border-radius:6px;padding:1.2rem 1.3rem;border-top:6px solid var(--accent)}
.sec-teal .quotes blockquote{font-family:var(--display);font-weight:600;font-size:1.25rem}
.sec-steps .steps li{border-top:3px solid var(--brand)}
.sec-steps .steps li::before{font-family:var(--display);color:var(--brand)}
.cta-band{background:var(--ink)}
@media (min-width:800px){.hero-wa{padding:4.5rem 0}.wa-grid{grid-template-columns:1.05fr 1fr;gap:4rem}.sec-services .svc-grid{grid-template-columns:repeat(3,1fr)}}