@charset "UTF-8";
/* Generado por scripts/unir-css.php el 2026-10-22 21:05. No editar: editar las partes y volver a correr el script. */

/* ── fuentes.css ── */
@font-face{font-family:'Host Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/host-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Host Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/host-grotesk-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-condensed-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-condensed-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/barlow-condensed-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/barlow-condensed-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font-body:'Host Grotesk',Arial,sans-serif;--font-display:'Barlow Condensed','Arial Narrow',sans-serif}

/* ── sitio.css ── */
:root{--ink:#151c21;--muted:#616970;--celeste:#0ea5e9;--celeste-hover:#38bdf8;--celeste-soft:#e8f5fc;--paper:#f9f9f5;--line:#dfe1dc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--celeste);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(42px,5.6vw,78px);font-weight:750}h2{font-size:clamp(30px,3.2vw,45px)}h3{font-size:23px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.topbar{background:var(--ink);color:#d9dfdf;font-size:12px;letter-spacing:.04em}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px}.topbar .icon{width:14px;height:14px;margin-right:5px}.topbar a{text-decoration:none}.site-header{background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:91px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-size:33px;font-weight:800;line-height:.78;letter-spacing:0}.brand>span{display:flex;flex-direction:column;justify-content:space-between;height:54px}.brand strong{display:block;font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin:0;line-height:inherit}.brand picture{display:block;flex-shrink:0}.brand-logo{display:block;width:auto;height:54px}.main-nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.main-nav a{text-decoration:none;padding:12px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a[aria-current=page]{border-color:var(--celeste)}.button{background:var(--celeste);color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:16px 22px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;line-height:1.3;min-height:54px;transition:background .15s,transform .15s}.button:hover{background:var(--celeste-hover);transform:translateY(-2px)}.button-small{min-height:44px;padding:12px 17px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#2a353e}.menu-toggle{display:none}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:54px;align-items:center;padding-block:72px}.hero h1{margin-bottom:23px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.5;color:var(--muted);margin-bottom:22px}.hero .eyebrow{color:#d0d7da;display:flex;align-items:center;gap:10px}.tiny-line{height:2px;width:25px;background:var(--celeste)}.hero-text{max-width:450px;color:#b6bfc4;font-size:15px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-note{font-size:11px;color:#aebac0;margin-top:22px}.hero-note span{padding-inline:12px;color:var(--celeste)}.electrical-art{height:480px;background:#1d272d;border:1px solid #3a454b;position:relative;border-radius:6px;overflow:hidden;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:26px 26px}.art-caption,.art-footer{display:flex;justify-content:space-between;position:absolute;left:24px;right:24px;font:9px var(--font-body);letter-spacing:.08em;color:#a7b7bd}.art-caption{top:22px}.art-footer{bottom:19px;font-size:8px}.circuit-lines{position:absolute;inset:80px 70px 64px;border:2px solid #b693474d;border-radius:35px}.circuit-lines:before,.circuit-lines:after{content:'';position:absolute;width:58%;height:32%;border:2px solid #b6934755;border-radius:18px;left:-48px;top:39%}.circuit-lines:after{left:auto;right:-50px;top:6%;height:73%}.switchboard{position:absolute;top:87px;left:19%;width:66%;padding:22px;background:linear-gradient(130deg,#434f55,#263239);border:1px solid #738087;border-radius:12px;box-shadow:16px 22px 0 #10171a55,0 30px 45px #0005;transform:rotate(-7deg)}.board-top{display:flex;align-items:center;justify-content:space-between;font-size:35px;font-weight:800;letter-spacing:-.07em}.yellow{color:var(--celeste)}.board-label{font-size:8px;letter-spacing:.13em;line-height:1.5;color:#d1dadd}.board-line{height:1px;background:#73808766;margin-block:12px 22px}.switches{display:flex;gap:8px;padding:11px;background:#131b20;border-radius:5px}.switch{flex:1;background:linear-gradient(100deg,#d5d7ce,#f4f2e9);height:111px;border-radius:3px;display:flex;flex-direction:column;align-items:center;padding:9px;box-shadow:inset -4px 0 5px #0002}.switch i{display:block;width:14px;height:3px;background:#9b9f99;margin-bottom:16px}.switch b{height:36px;width:32px;background:linear-gradient(#f9d876 0 15%,#d29b28 17% 75%,#b7831a 80%);box-shadow:0 6px 0 #222;border-radius:2px}.switch small{font:9px var(--font-body);color:#616760;margin-top:16px}.board-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:#a1b1b8}.board-bottom .icon{color:var(--celeste);height:18px}.art-chip{position:absolute;bottom:60px;left:22px;background:var(--celeste);color:var(--ink);padding:14px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 20px #0003;border-radius:4px;font-size:12px;line-height:1.5;transform:rotate(2deg)}.art-chip .icon{width:31px;height:31px}.service-strip{border-bottom:1px solid var(--line);background:#efefe9}.service-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}.service-strip span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;border-right:1px solid #cfd2ca}.service-strip span:last-child{border:0}.section{padding-block:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:14px}.section-heading .eyebrow{font-size:11px}.dark-link{color:var(--ink)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:29px;background:#fff;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;scroll-margin-top:125px}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.service-card-top .icon{width:30px;height:30px}.service-card-top span{font:11px var(--font-body);color:#8b918d}.service-card h3{font-size:21px;margin-bottom:16px;letter-spacing:-.025em}.service-card p{font-size:14px;line-height:1.75}.service-card a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:13px;font-weight:700;padding-top:18px;border-top:1px solid var(--line);margin-top:auto}.service-card:hover{border-color:var(--celeste)}.process{background:#efefe8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #c7cbc4;padding-top:22px}.steps article>span{font-size:38px;letter-spacing:-.05em;color:#838d83}.steps h3{font-size:22px;margin-block:20px 14px}.steps p{font-size:14px}.coverage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.coverage p{max-width:460px}.coverage-card{background:var(--ink);color:#fff;padding:42px;border-radius:5px;position:relative}.coverage-card>.icon{width:45px;height:45px;color:var(--celeste);margin-bottom:35px}.coverage-card>p{color:#b3bdc3;font-size:11px;letter-spacing:.15em}.coverage-card h3{font-size:38px}.coverage-line{height:1px;background:#3c484c;margin:32px 0 20px}.coverage-card>span{color:#b3bdc3;font-size:12px}.coverage-card>a{display:block;text-decoration:none;font-size:30px;font-weight:700;color:var(--celeste)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-list details{border-bottom:1px solid #d3d7d0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:22px;padding:23px 0;cursor:pointer;font-size:16px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;max-width:580px;padding-bottom:10px}.contact-banner{background:var(--celeste);padding-block:52px}.contact-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-banner h2{font-size:34px;margin-bottom:12px}.contact-banner p{color:var(--ink);margin-bottom:0}.contact-banner .eyebrow{margin-bottom:12px;color:var(--ink)}.footer-grid{display:grid}.footer-bottom{display:flex;justify-content:space-between}.page-intro{background:var(--ink);color:white;padding:25px 0 65px}.page-intro h1{max-width:850px;font-size:clamp(40px,5vw,66px);margin-bottom:0}.page-intro .eyebrow{color:var(--celeste);margin-top:44px}.breadcrumb{display:flex;gap:15px;font-size:12px;color:#bec7cd}.breadcrumb a{text-decoration:none}.narrow{max-width:820px}.narrow p{font-size:17px}.info-card{background:#efefe8;padding:40px;border-radius:5px}.info-card h3{font-size:35px;line-height:1.3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact-method{display:flex;align-items:center;gap:22px;padding-block:23px;border-bottom:1px solid var(--line);text-decoration:none}.contact-method small{display:block;color:var(--muted);font-size:12px}.contact-method strong{display:block;font-size:24px}.contact-method .icon:last-child{margin-left:auto}.contact-form{background:white;padding:36px;border:1px solid var(--line);border-radius:5px}.contact-form h2{font-size:28px}.contact-form p{font-size:13px}.contact-form label{display:block;font-size:13px;font-weight:700;margin-block:18px 6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b6bcb7;padding:12px;border-radius:3px;background:var(--paper);color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form .button{width:100%;margin-top:19px}.contact-form .form-note{font-size:11px;text-align:center;margin-top:13px}.prepared-message{background:#d8f2da}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--celeste);padding:10px 20px}.skip-link:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.hero-grid{padding-block:90px}.hero h1{font-size:82px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.main-nav{gap:16px}.header-cta{display:none}.hero-grid{gap:28px}.hero h1{font-size:62px}.electrical-art{height:445px}.hero .actions{gap:20px}.coverage{gap:55px}.contact-grid{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.topbar .wrap{min-height:30px;font-size:10px}.header-inner{min-height:77px}.brand{font-size:28px;gap:9px}.brand>span{height:46px}.brand-logo{height:46px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #cbd0c8;padding:8px 12px;border-radius:4px;font-size:13px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px;box-shadow:0 12px 15px #0001}.main-nav.is-open{display:grid;gap:0}.main-nav a{padding:13px 5px}.hero-grid{grid-template-columns:1fr;padding-block:42px;gap:35px}.hero h1{font-size:clamp(46px,12vw,72px);letter-spacing:-.055em}.hero .eyebrow{font-size:9px;letter-spacing:.1em;gap:8px}.hero-text{font-size:14px}.hero .actions{gap:22px}.hero .button{font-size:13px;padding-inline:16px}.hero-note{font-size:10px}.electrical-art{height:370px;max-width:450px;width:100%;margin:auto}.switchboard{top:65px;left:22%;width:60%;padding:17px;max-width:280px}.switch{height:94px;padding:7px}.switch i{margin-bottom:12px}.switch b{width:25px;height:30px}.switch small{margin-top:12px}.board-top{font-size:29px}.board-line{margin-block:10px 16px}.board-bottom{margin-top:15px}.art-chip{bottom:46px;font-size:11px;padding:10px 15px}.art-caption,.art-footer{left:17px;right:17px;font-size:7px}.service-strip .wrap{grid-template-columns:1fr 1fr;gap:18px 0;padding-block:20px}.service-strip span{font-size:12px}.service-strip span:nth-child(2){border:0}.service-strip .icon{width:20px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:27px}.section-heading .text-link{margin-top:22px}.section-heading>p{margin-top:22px}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:25px}.service-card-top{margin-bottom:20px}.steps{grid-template-columns:1fr;gap:23px}.steps article{padding-top:16px}.steps article>span{font-size:29px}.steps h3{margin-block:12px}.steps p{margin-bottom:0}.coverage{grid-template-columns:1fr;gap:35px}.coverage-card{padding:30px}.coverage-card>.icon{margin-bottom:23px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section>div>p:last-child{display:none}.faq-list summary{font-size:14px}.contact-banner .wrap{display:block}.contact-banner h2{font-size:29px}.contact-banner .button{margin-top:25px}.page-intro{padding-bottom:40px}.page-intro .eyebrow{margin-top:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-form{padding:24px}.contact-method strong{font-size:23px}.info-card{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.wsp-float{position:fixed;right:26px;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:40;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 22px #0003;text-decoration:none;transition:background .2s,transform .2s}
.wsp-float svg{width:33px;height:33px}
.wsp-float:hover{background:#1fba59;transform:translateY(-3px)}
.wsp-float:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:760px){.wsp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:58px;height:58px}.site-footer{padding-bottom:80px}}
/* Fondos responsive: picture descarga solamente la variante seleccionada. */
.hero--photo{position:relative;isolation:isolate}
.hero-background{position:absolute;inset:0;z-index:-2;display:block}
.hero-background img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%}
.hero--photo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,20,25,.94) 0%,rgba(12,20,25,.83) 34%,rgba(12,20,25,.26) 65%,rgba(12,20,25,.08) 100%)}
.hero--photo .hero-grid{min-height:630px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.hero--photo .hero-text,.hero--photo .hero-note{color:#e0e5e8}
@media(max-width:760px){
 .hero--photo .hero-grid{min-height:0;grid-template-columns:1fr;align-items:start;padding-top:42px;padding-bottom:48px}
 .hero-background img{object-position:center center}
 .hero--photo:before{background:rgba(12,20,25,.55);box-shadow:inset 0 0 140px 60px rgba(12,20,25,.95)}
}

h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}
.hero--photo h1{font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.button-wsp,.button-wsp.button-dark,.button-wsp.prepared-message{border-radius:999px;background:#25d366;color:#fff}.button-wsp:hover,.button-wsp.button-dark:hover{background:#1ebe5b;color:#fff}.services-banner .button-wsp,.vs-col--us .button-wsp{background:#fff;color:var(--celeste)}.services-banner .button-wsp:hover,.vs-col--us .button-wsp:hover{background:#f2fafe;color:var(--celeste)}
@media(max-width:760px){.topbar{display:none}}
.hero .actions .text-link{border:2px solid currentColor;border-radius:999px;padding:14px 22px;min-height:54px;justify-content:center}
@media(max-width:760px){.hero .actions{flex-direction:column;align-items:stretch;gap:14px}.hero .actions .button,.hero .actions .text-link{width:100%}}
.hero-note{text-align:center}
@media(max-width:760px){.site-header{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;color:#fff;transition:background .25s,border-color .25s,color .25s}.site-header.is-scrolled{background:#fff;border-bottom-color:var(--line);color:var(--ink)}.site-header .menu-toggle{border-color:currentColor;color:inherit}.hero--photo .hero-grid{padding-top:119px}.page-intro{padding-top:102px}}
.nav-links{display:contents}.nav-extra{display:none}.menu-toggle .icon{width:28px;height:28px;stroke-width:2}.menu-icon-close{display:none}.menu-toggle[aria-expanded=true] .menu-icon-open{display:none}.menu-toggle[aria-expanded=true] .menu-icon-close{display:block}
@media(max-width:760px){
.menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:0;color:inherit;position:relative;z-index:2}.site-header .brand{position:relative;z-index:2}
.site-header.menu-open{background:var(--ink);border-bottom-color:transparent;color:#fff}
.main-nav{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;position:fixed;inset:0;padding:104px 24px 36px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--ink);color:#fff;border:0;box-shadow:none;font-size:inherit;font-weight:inherit;z-index:1;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s}
.main-nav.is-open{display:flex;opacity:1;visibility:visible;transform:none}
.nav-links{display:grid;gap:0;padding-top:8px}
.main-nav .nav-links a{display:block;padding:14px 0;font-family:var(--font-body);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:none;border:0}
.main-nav .nav-links a:hover,.main-nav .nav-links a[aria-current=page]{color:var(--celeste);border:0}
.nav-extra{display:grid;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid #2b363c}
.nav-extra .button{width:100%;padding:16px 24px;border:1px solid transparent;font-size:17px;min-height:58px;letter-spacing:0;text-transform:none;font-family:var(--font-body)}.nav-extra .button:hover{border-color:transparent}.main-nav .nav-phone:hover{border-color:#fff}
.main-nav .nav-phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;min-height:58px;font-size:18px;font-weight:700;letter-spacing:0;border:2px solid #fff;border-radius:999px;text-decoration:none;color:#fff;font-family:var(--font-body)}
.nav-meta{font-size:13px;letter-spacing:.06em;color:#aebac0;text-align:center;margin-top:6px}
}
@media(max-width:760px){
body{font-size:18px;line-height:1.7}
p{font-size:18px}
h2{font-size:clamp(32px,8.5vw,40px)}
h3{font-size:24px}
.eyebrow,.hero .eyebrow,.section-heading .eyebrow{font-size:13px;letter-spacing:.12em}
.hero-text{font-size:18px;max-width:none}
.hero-note{font-size:15px}
.button,.hero .button,.button-small{font-size:17px;min-height:58px;padding:16px 24px}
.hero .actions .text-link,.main-nav .nav-phone{font-size:18px;min-height:58px}
.text-link{font-size:16px}
.service-strip span{font-size:16px}.service-strip .icon{width:24px;height:24px}
.section-heading p{font-size:17px}
.service-card h3{font-size:24px}.service-card p{font-size:17px;line-height:1.7}.service-card a{font-size:16px}.service-card-top span{font-size:14px}
.steps h3{font-size:24px}.steps p{font-size:17px}.steps article>span{font-size:34px}
.coverage p{font-size:18px}.coverage-card>p{font-size:14px}.coverage-card>span{font-size:15px}.coverage-card h3{font-size:32px}.coverage-card>a{font-size:28px}
.faq-list summary{font-size:18px;padding:22px 0}.faq-list details p{font-size:17px}
.contact-banner h2{font-size:32px}.contact-banner p{font-size:18px}

.breadcrumb{font-size:14px}
.narrow p{font-size:18px}
.info-card h3{font-size:30px}
.contact-method small{font-size:15px}.contact-method strong{font-size:24px}
.contact-form h2{font-size:28px}.contact-form p{font-size:16px}.contact-form label{font-size:16px}.contact-form input,.contact-form textarea{font-size:17px;padding:14px}.contact-form .form-note{font-size:14px}
.nav-meta{font-size:13px}
.main-nav .nav-links a{font-size:26px}
}
.social-proof{position:relative;isolation:isolate;background:var(--ink);color:#fff;overflow:hidden}
.social-proof-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2;filter:blur(3px) brightness(.55);transform:scale(1.05)}
.social-proof:before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(12,20,25,.55)}
.social-proof-inner{max-width:700px;padding-block:64px 56px}
.stats{display:flex;gap:56px;margin-bottom:34px}
.stat strong{display:block;font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.03em}
.stat strong span{color:var(--celeste);font-size:.5em;vertical-align:top;margin-left:2px}
.stat small{display:block;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;line-height:1.5;color:#e0e5e8}
.testimonial{margin:0;background:#fff;color:#202124;border-radius:12px;padding:22px 24px 24px;font-family:Roboto,'Host Grotesk',Arial,sans-serif;box-shadow:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}
.testimonial-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:#1a73e8;color:#fff;display:grid;place-items:center;font-size:19px;font-weight:500;flex-shrink:0;font-family:inherit}
.testimonial-meta{flex:1;min-width:0}
.testimonial-meta strong{display:block;font-size:16px;font-weight:500;line-height:1.25;color:#202124;letter-spacing:0}
.testimonial-date{display:block;font-size:13px;color:#5f6368;margin-top:3px}
.google-g{width:24px;height:24px;flex-shrink:0;align-self:flex-start;margin-top:2px}
.stars{display:inline-flex;gap:2px;margin-bottom:10px}
.stars svg{width:18px;height:18px;fill:#fbbc04}
.testimonial blockquote{margin:0;font-size:16px;line-height:1.6;color:#3c4043}
@media(max-width:760px){.social-proof-inner{padding-block:52px 48px}.stats{gap:36px;margin-bottom:26px}.stat strong{font-size:40px}.stat small{font-size:13px;margin-top:8px}.testimonial{padding:20px 20px 22px}.testimonial-avatar{width:46px;height:46px;font-size:20px}.testimonial-meta strong{font-size:18px}.testimonial-date{font-size:14px}.stars svg{width:20px;height:20px}.testimonial blockquote{font-size:17px;line-height:1.65}}
.pill{display:inline-block;background:var(--celeste);color:#fff;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:8px 18px;border-radius:999px;margin-bottom:18px}
.services-heading{margin-bottom:34px}
.services-heading h2{font-size:clamp(40px,4.6vw,66px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:0}
.services-section .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.services-section .service-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:530px;padding:0;background:#151c21;border:0;border-radius:16px;color:#fff;scroll-margin-top:125px}
.services-section .service-card:hover{border:0}
.service-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.services-section .service-card:hover .service-card-bg{transform:scale(1.04)}
.services-section .service-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,20,25,.08) 0%,rgba(12,20,25,.55) 45%,rgba(12,20,25,.94) 100%)}
.service-card--noimg{background:radial-gradient(120% 80% at 80% 0%,#2a3a45 0%,#151c21 60%)}
.service-card--noimg:before{background:linear-gradient(180deg,transparent 0%,rgba(12,20,25,.5) 100%)}
.service-card-body{padding:30px 28px 30px}
.service-num{display:block;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.25em;color:var(--celeste);margin-bottom:8px}
.services-section .service-card h3{font-size:clamp(28px,2.2vw,34px);font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1.05;margin-bottom:12px;color:#fff}
.services-section .service-card p{color:#e0e5e8;font-size:15px;line-height:1.6;margin-bottom:22px}
.services-section .service-card .button{align-self:flex-start;display:inline-flex;font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;padding:0 22px;min-height:50px;border-top:0;margin-top:0;justify-content:center}
.services-banner{margin-top:40px;background:var(--celeste);color:#fff;border:0;border-radius:14px;padding:26px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.services-banner p{margin:0;color:#fff;font-size:18px}
.services-banner .button{flex-shrink:0;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;min-height:56px;padding:0 30px}
@media(max-width:1100px){.services-section .services-grid{grid-template-columns:repeat(2,1fr);gap:22px}.services-section .service-card{min-height:460px}}
@media(max-width:760px){.services-heading{margin-bottom:26px}.services-heading h2{font-size:clamp(36px,10vw,48px)}.services-section .services-grid{grid-template-columns:1fr;gap:20px}.services-section .service-card{min-height:420px;border-radius:16px}.service-card-body{padding:26px 24px 26px}.services-section .service-card h3{font-size:30px}.services-section .service-card p{font-size:16px}.services-banner{flex-direction:column;align-items:stretch;text-align:left;padding:26px 24px;margin-top:28px;gap:22px}.services-banner p{font-size:18px}.services-banner .button{width:100%}}
.vs-section{border-top:1px solid var(--line)}
.vs-heading{max-width:820px;margin-bottom:40px}
.vs-heading h2{font-size:clamp(40px,4.6vw,66px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:0}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.vs-col{border-radius:22px;padding:38px 40px 42px}
.vs-col--us{background:var(--celeste);color:#fff}
.vs-brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:30px;font-weight:800;line-height:.78;text-transform:uppercase}
.vs-brand picture{display:block;flex-shrink:0}.vs-brand img{display:block;width:auto;height:50px}
.vs-brand>span{display:flex;flex-direction:column;justify-content:space-between;height:50px}.vs-brand strong{font:inherit}
.vs-col--us .vs-brand{display:flex;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid rgba(255,255,255,.3)}
.vs-col--them{background:#fff;border:1px solid var(--line);color:var(--muted)}
.vs-col--them h3{font-family:var(--font-display);font-weight:700;font-size:28px;text-transform:uppercase;letter-spacing:.02em;color:#616970;margin:8px 0 0;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line);line-height:1}
.vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.vs-col li{display:flex;align-items:center;gap:14px;font-size:18px;line-height:1.4;font-weight:500}
.vs-col--them li{color:#616970;font-weight:400}
.vs-badge{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff}
.vs-badge .icon{width:14px;height:14px;stroke-width:3}
.vs-col--us .vs-badge{background:#25d366}
.vs-col--them .vs-badge{background:#e5686a}
@media(max-width:1100px){.vs-col{padding:30px 28px 34px}.vs-col li{font-size:16px}}
@media(max-width:760px){.vs-heading{margin-bottom:28px}.vs-heading h2{font-size:clamp(36px,10vw,48px)}.vs-grid{grid-template-columns:1fr;gap:16px}.vs-col{padding:28px 22px 30px;border-radius:18px}.vs-brand{font-size:26px}.vs-brand img,.vs-brand>span{height:44px}.vs-col--them h3{font-size:26px}.vs-col li{font-size:17px}}
.about-section{border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:center}
.about-media{border-radius:22px;overflow:hidden;aspect-ratio:9/10;background:#151c21}
.about-media img{display:block;width:100%;height:100%;object-fit:cover}
.about-media--empty{background:radial-gradient(120% 80% at 80% 0%,#2a3a45 0%,#151c21 60%)}
.about-copy h2{font-size:clamp(40px,4.2vw,60px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:22px}
.about-copy p{font-size:16px;line-height:1.7;max-width:520px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}
@media(max-width:1100px){.about-grid{gap:40px}}
@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:28px}.about-media{aspect-ratio:4/3;border-radius:18px}.about-copy h2{font-size:clamp(36px,10vw,48px)}.about-copy p{font-size:18px;max-width:none}.about-actions{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px}.about-actions .button{width:100%}.about-actions .text-link{justify-content:center}}
.site-footer{background:#fff;color:var(--ink);border-top:1px solid var(--line);padding-top:64px}
.site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1.2fr;gap:60px;padding-bottom:48px}
.site-footer .footer-brand p{font-size:15px;color:var(--muted);margin:20px 0 22px;max-width:360px;line-height:1.6}
.site-footer .footer-brand .button{font-size:15px;min-height:52px;padding:14px 22px}
.site-footer h3{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b918d;margin-bottom:18px}
.site-footer nav{display:grid;gap:10px}
.site-footer nav a{font-size:15px;color:var(--ink);text-decoration:none;display:block}.site-footer .footer-brand .button{display:inline-flex;color:#fff;font-size:15px;min-height:52px;padding:14px 22px}
.site-footer nav a:hover{text-decoration:underline}
.site-footer .footer-col a.footer-phone,.site-footer .footer-col a.footer-wsp{display:inline-flex;text-decoration:none;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px}
.site-footer a.footer-phone .icon{color:var(--celeste)}.site-footer a.footer-wsp .icon{color:#25d366}
.site-footer .footer-col{display:flex;flex-direction:column;align-items:flex-start}
.footer-meta{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-top:6px}
.footer-meta .icon{width:18px;height:18px}
.site-footer .footer-bottom{border-top:1px solid var(--line);padding-block:22px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.site-footer{padding-top:44px;padding-bottom:80px}.site-footer .footer-grid{grid-template-columns:1fr;gap:34px;padding-bottom:34px}.site-footer .footer-brand p{font-size:17px;max-width:none}.site-footer .footer-brand .button{width:100%}.site-footer nav{gap:12px}.site-footer nav a{font-size:17px}.site-footer .footer-col a.footer-phone,.site-footer .footer-col a.footer-wsp{font-size:20px}.footer-meta{font-size:15px}.site-footer .footer-bottom{font-size:13px}.site-footer .footer-bottom span{display:block;margin-bottom:4px}}
.contact-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:#fff;padding-block:84px}
.contact-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}
.contact-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(12,20,25,.55);box-shadow:inset 0 0 140px 60px rgba(12,20,25,.95)}
.contact-banner .eyebrow{color:#d0d7da}
.contact-banner h2{font-size:34px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:#fff;margin-bottom:12px}
.contact-banner p{color:#e0e5e8}
@media(max-width:760px){.contact-banner{padding-block:64px}.contact-banner h2{font-size:32px}.contact-banner p{font-size:18px}.contact-banner .button{width:100%}}
.steps-section{border-top:1px solid var(--line)}
.steps-heading{max-width:720px;margin-bottom:48px}
.steps-heading h2{font-size:clamp(40px,4.6vw,66px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:18px}
.steps-heading p{font-size:16px;max-width:560px;margin-bottom:0}
.steps-section .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.steps-section .step{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px 32px}
.step-icon{width:60px;height:60px;border-radius:14px;background:var(--celeste-soft);color:var(--celeste);display:grid;place-items:center;margin-bottom:22px}
.step-icon .icon{width:30px;height:30px;stroke-width:1.6}
.step-num{display:block;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--celeste);margin-bottom:8px}
.steps-section .step h3{font-family:var(--font-display);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:0;line-height:1.05;margin:0 0 10px}
.steps-section .step p{font-size:15px;line-height:1.7;margin:0}
.steps-cta{margin-top:36px}
@media(max-width:1100px){.steps-section .steps{gap:18px}.steps-section .step{padding:26px 22px 28px}}
@media(max-width:760px){.steps-heading{margin-bottom:28px}.steps-heading h2{font-size:clamp(36px,10vw,48px)}.steps-heading p{font-size:18px;max-width:none}.steps-section .steps{grid-template-columns:1fr;gap:14px}.steps-section .step{padding:24px 22px 26px;border-radius:14px}.step-icon{width:56px;height:56px;margin-bottom:18px}.steps-section .step h3{font-size:26px}.steps-section .step p{font-size:17px}.steps-cta{margin-top:24px}.steps-cta .button{width:100%}}
.landing-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:640px}
.landing-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.55}
.landing-list .icon{width:22px;height:22px;flex-shrink:0;color:var(--celeste);margin-top:2px;stroke-width:2.2}
.zonas-list{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;max-width:640px}
.zonas-list li{display:flex;align-items:center;gap:8px;font-size:15px}
.zonas-list .icon{width:18px;height:18px;color:var(--celeste);flex-shrink:0}
.service-card h3 .service-card-link{color:inherit;text-decoration:none}
.services-section .service-card h3 a:hover{text-decoration:underline}
.services-section .service-card .service-more{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;border:0;padding:0;margin:0 0 18px}
.services-section .service-card .service-more .icon{width:18px;height:18px}
.hero .breadcrumb{margin-bottom:22px;color:#bec7cd;font-size:13px}
.hero--landing h1{font-size:clamp(38px,4.4vw,64px);text-transform:uppercase;letter-spacing:-.01em}
.hero--landing .hero-text{max-width:520px}
.landing-section{border-top:1px solid var(--line)}
.landing-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start}
.landing-lead{font-size:16px;line-height:1.7;margin-bottom:22px}
.landing-text h3{font-family:var(--font-display);font-weight:700;font-size:28px;text-transform:uppercase;letter-spacing:0;line-height:1.05;margin:0 0 12px}
.landing-text h3+p{margin-top:0}
.landing-text p+h3{margin-top:34px}
.landing-text p{font-size:16px;line-height:1.75}
@media(max-width:1100px){.landing-cols{gap:36px}.zonas-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.landing-cols{grid-template-columns:1fr;gap:30px}.landing-lead,.landing-list li,.landing-text p{font-size:17px}.landing-text h3{font-size:26px;margin-top:30px}.zonas-list{grid-template-columns:repeat(2,1fr)}.zonas-list li{font-size:16px}.services-section .service-card .service-more{font-size:15px}.hero--landing h1{font-size:clamp(34px,9vw,44px)}.hero .breadcrumb{margin-bottom:16px}}
.zonas-list--wide{max-width:none;grid-template-columns:repeat(5,1fr);gap:10px 18px}
.landing-cols--after{margin-top:44px}
@media(max-width:1100px){.zonas-list--wide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.zonas-list--wide{grid-template-columns:repeat(2,1fr)}.landing-cols--after{margin-top:32px}}
.zones-section{border-top:1px solid var(--line)}
.zones-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.zones-cols h3{font-family:var(--font-display);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px;color:var(--muted)}
.zones-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}
.zones-list a{display:inline-flex;align-items:center;gap:8px;font-size:15px;text-decoration:none;color:var(--ink);padding:6px 0}
.zones-list a:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--celeste);flex-shrink:0}
.zones-list a:hover{text-decoration:underline}
.site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:44px}
@media(max-width:1100px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px}.zones-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.zones-cols{grid-template-columns:1fr;gap:28px}.zones-list{grid-template-columns:repeat(2,1fr)}.zones-list a{font-size:16px}.site-footer .footer-grid{grid-template-columns:1fr}}
.wsp-float-msg{position:fixed;right:98px;bottom:calc(26px + env(safe-area-inset-bottom,0px) + 14px);z-index:40;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;padding:10px 14px;border-radius:999px;box-shadow:0 6px 24px #0003;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.wsp-float-msg.is-visible{opacity:1;transform:none}
.wsp-float-msg:after{content:'';position:absolute;right:-6px;top:50%;width:12px;height:12px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:2px}
.wsp-float-dot{width:9px;height:9px;border-radius:50%;background:#25d366;flex-shrink:0;box-shadow:0 0 0 3px rgba(37,211,102,.25)}
.wsp-float-msg.is-offline .wsp-float-dot{background:#9aa3a8;box-shadow:0 0 0 3px rgba(154,163,168,.25)}
@media(max-width:760px){.wsp-float-msg{right:86px;bottom:calc(18px + env(safe-area-inset-bottom,0px) + 12px);font-size:13px;padding:9px 12px}}
.landing-links{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.landing-links p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}
.landing-links-label{font-weight:700;color:var(--ink)}
.landing-links a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.landing-links a:hover{color:var(--celeste);border-bottom-color:var(--celeste)}
@media(max-width:760px){.landing-links p{font-size:14px}}
.landing-lead--zone{max-width:760px;margin-bottom:28px}
.landing-lead--zone p{font-size:16px;line-height:1.75;margin-bottom:12px}
.landing-list--grid{max-width:none;grid-template-columns:repeat(2,1fr);gap:12px}
.landing-list--grid li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.5}
.landing-accordion{max-width:760px;margin-top:36px;border-top:1px solid #d3d7d0}
.landing-accordion summary{font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;padding:18px 0}
.landing-accordion-body{padding-bottom:18px}
.landing-accordion-body p{font-size:16px;line-height:1.75;max-width:700px;margin-bottom:12px}
.landing-accordion-body p:last-child{margin-bottom:0}
.landing-text--links{max-width:760px}
@media(max-width:1100px){.landing-list--grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.landing-list--grid{grid-template-columns:1fr;gap:10px}.landing-list--grid li{font-size:16px}.landing-lead--zone p{font-size:17px}.landing-accordion{margin-top:28px}.landing-accordion summary{font-size:19px;padding:16px 0}.landing-accordion-body p{font-size:17px}}
/* Detalle de servicio: lectura simple */
.landing-section .services-heading{margin-bottom:28px}
.landing-section .services-heading h2{font-size:clamp(34px,3.6vw,52px)}
.landing-lead--zone{max-width:680px;margin-bottom:36px}
.landing-lead--zone p{font-size:17px;line-height:1.7;color:var(--ink);margin-bottom:14px}
.landing-lead--zone p:last-child{margin-bottom:0}
.landing-list--grid{max-width:900px;grid-template-columns:repeat(2,1fr);gap:0 48px}
.landing-list--grid li{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;font-size:16px;line-height:1.55;color:var(--ink)}
.landing-list--grid .icon{width:20px;height:20px;margin-top:3px;stroke-width:2.4}
.landing-accordion{max-width:680px;margin-top:44px;border-top:0}
.landing-accordion details{border-bottom:1px solid var(--line)}
.landing-accordion summary{font-family:var(--font-body);font-size:18px;font-weight:700;text-transform:none;letter-spacing:-.01em;padding:20px 0;gap:16px}
.landing-accordion-icon{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1.5px solid #c9ceca;margin-top:2px;transition:transform .2s,border-color .2s}
.landing-accordion-icon:before,.landing-accordion-icon:after{content:'';position:absolute;top:50%;left:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.landing-accordion-icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.landing-accordion details[open] .landing-accordion-icon{border-color:var(--celeste)}
.landing-accordion details[open] .landing-accordion-icon:after{transform:translate(-50%,-50%) rotate(0)}
.landing-accordion details[open] summary span{transform:none}
.landing-accordion summary:hover{color:var(--celeste)}
.landing-accordion-body{padding:0 0 24px}
.landing-accordion-body p{font-size:16px;line-height:1.8;color:var(--muted);max-width:640px;margin-bottom:14px}
.landing-text--links{max-width:680px}
.landing-links{margin-top:32px;padding-top:20px}
@media(max-width:760px){.landing-list--grid{grid-template-columns:1fr;gap:0}.landing-list--grid li{font-size:16px;padding:13px 0}.landing-lead--zone p{font-size:17px}.landing-accordion summary{font-size:17px;padding:18px 0}.landing-accordion-body p{font-size:16px}}
.related-links{padding-block:28px 34px}
.related-links .landing-links{max-width:none;margin-top:0;padding-top:0;border-top:0}
.related-links .landing-links p{font-size:13px;line-height:1.9}
.landing-photo{margin:0 0 36px;max-width:900px;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:#e9ebe6}
.landing-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.landing-photo{margin-bottom:26px;border-radius:14px;aspect-ratio:4/3}}
@media(min-width:761px){
.site-header.header--overlay{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;color:#fff;transition:background .25s,border-color .25s,color .25s}
.site-header.header--overlay.is-scrolled{background:#fff;border-bottom-color:var(--line);color:var(--ink)}
.site-header.header--overlay:not(.is-scrolled) .main-nav a:hover,.site-header.header--overlay:not(.is-scrolled) .main-nav a[aria-current=page]{border-color:#fff}
.header--overlay ~ main .hero--photo .hero-grid{padding-top:160px}
}
/* Barra de confianza (reemplaza cifras y testimonios no verificados) */
.trust-bar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust-bar li{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 18px}
.trust-bar .icon{width:24px;height:24px;flex-shrink:0;color:var(--celeste);margin-top:2px}
.trust-bar strong{display:block;font-size:16px;line-height:1.3}
.trust-bar small{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#e0e5e8}
.social-proof-inner:has(.trust-bar){max-width:1100px;padding-block:40px}
@media(max-width:760px){.trust-bar{grid-template-columns:1fr;gap:10px}.trust-bar li{padding:14px 16px}.trust-bar strong{font-size:17px}.trust-bar small{font-size:15px}}
/* Bloques de respuesta directa, tablas y fuentes en landings */
.landing-prose{max-width:760px;margin-top:36px}
.landing-prose h2{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.1;text-transform:none;letter-spacing:0;margin:38px 0 12px}
.landing-prose h2:first-child{margin-top:0}
.landing-prose p{font-size:17px;line-height:1.75;margin:0 0 14px}
.landing-prose a,.landing-sources a{color:inherit;text-decoration:underline;text-decoration-color:var(--celeste);text-underline-offset:3px}
.landing-prose .landing-list{margin:8px 0 18px}
.table-wrap{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.table-wrap table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.table-wrap th{background:var(--celeste-soft);font-weight:700}
.table-wrap tr:last-child td{border-bottom:0}
.landing-sources{max-width:760px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.landing-sources h2{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0 0 12px}
.landing-sources ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15px;line-height:1.55}
.landing-updated{margin-top:16px;font-size:14px;color:var(--muted)}
.zonas-list small{color:var(--muted);font-size:14px}
@media(max-width:760px){.landing-prose h2{font-size:26px}.landing-prose p{font-size:17px}.table-wrap table{font-size:14px;min-width:520px}}
/* Zonas y servicio × barrio: ficha del barrio, listas apiladas y tarjetas de región (mismos componentes del sitio) */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.table-wrap--ficha{max-width:760px}
.table-wrap--ficha th{width:34%;background:var(--celeste-soft)}
.zones-list--stack{grid-template-columns:1fr;gap:4px}
.region-zonas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 48px;margin-top:28px}
.region-zona h3{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.1;margin:0 0 6px}
.region-zona h3 a{color:inherit;text-decoration:none}
.region-zona h3 a:hover{color:var(--celeste)}
.region-zona p{font-size:16px;line-height:1.65;margin:0 0 6px;color:var(--muted)}
.region-zona small{font-size:14px;color:var(--muted)}
.region-zona small a{color:inherit}
@media(max-width:760px){.table-wrap--ficha table{min-width:0}.region-zonas{grid-template-columns:1fr}}

/* ── dw.css ── */
/* Rediseño estilo Dent Wizard (10/2026). Se carga después de sitio.css y solo cambia lo visual: el contenido, los
   encabezados y los enlaces son los mismos. Paleta: azul noche, azul, amarillo y celeste. Títulos en Archivo condensada
   (62 %), lo más parecido libre a Nimbus Sans Condensed. Sin blur ni vidrio; el único verde es el botón flotante. */
@font-face{font-family:Archivo;src:url('../fonts/archivo-latin.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url('../fonts/archivo-latin-ext.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --font-body:Archivo,'Helvetica Neue',Arial,sans-serif;--font-display:Archivo,'Arial Narrow',sans-serif;
  --dw-noche:#00243F;--dw-azul:#034693;--dw-amarillo:#FBCE23;--dw-amarillo-2:#F2BF05;--dw-celeste:#D9E5F0;--dw-fondo:#EEF3F9;
  --ink:#202021;--muted:#525254;--celeste:#034693;--celeste-hover:#00243F;--celeste-soft:#D9E5F0;--paper:#fff;--line:#D9E5F0;
  --dw-sombra:0 8px 32px rgba(3,70,147,.16);--dw-sombra-s:0 4px 18px rgba(3,70,147,.10)
}
body{background:#fff;color:var(--ink)}
p{color:var(--muted)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:0;word-spacing:.1em;color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--dw-amarillo)}
.wrap{width:min(1320px,calc(100% - 64px))}

/* Botones: píldora amarilla con texto azul noche */
.button,.button-wsp,.button-wsp.button-dark,.button-wsp.prepared-message,.services-banner .button-wsp,.vs-col--us .button-wsp{background:var(--dw-amarillo);color:var(--dw-noche);border:0;border-radius:999px;font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:18px;line-height:1.1;padding:15px 28px;min-height:54px;box-shadow:none}
.button:hover,.button-wsp:hover,.button-wsp.button-dark:hover,.services-banner .button-wsp:hover,.vs-col--us .button-wsp:hover{background:var(--dw-amarillo-2);color:var(--dw-noche);transform:none}
.button .icon{width:21px;height:21px}
.button-dark{background:var(--dw-azul);color:#fff}
.button-dark:hover{background:var(--dw-noche);color:#fff}
.button-small{min-height:46px;padding:11px 22px;font-size:17px}
.text-link{font-weight:700}
.dark-link{color:var(--dw-azul)}
.wsp-float{background:#25d366}

/* Barra superior azul */
.dw-topbar{background:var(--dw-azul);color:#fff;font-size:14px;position:relative;z-index:41}
.dw-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.dw-topbar a{color:#fff;text-decoration:none}
.dw-topbar a:hover{text-decoration:underline}
.dw-topbar-datos{display:flex;align-items:center;gap:20px}
.dw-topbar-datos a,.dw-topbar-zona{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.dw-topbar .icon{width:16px;height:16px;color:var(--dw-amarillo)}
.dw-topbar-zona{padding-left:20px;border-left:1px solid rgba(255,255,255,.35);font-weight:400}
.dw-topbar-links{display:flex;gap:26px}

/* Header */
.site-header{background:#fff;border-bottom:0;box-shadow:0 1px 0 var(--line)}
.header-inner{min-height:88px;gap:24px}
.brand{font-size:0;line-height:0}
.brand-logo{height:64px;width:auto}
.main-nav{gap:0;font-size:16px;font-weight:700;align-self:stretch}
.nav-links{display:flex;align-items:stretch}
.dw-item{display:flex}
.main-nav .dw-link{display:flex;align-items:center;gap:6px;padding:0 14px;border:0;font-family:var(--font-body);font-weight:700;font-size:16px;color:inherit;position:relative;text-decoration:none}
.main-nav .dw-link:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--dw-amarillo);transform:scaleY(0);transform-origin:bottom;transition:transform .18s}
.main-nav .dw-link:hover,.main-nav .dw-link[aria-current=page]{color:var(--dw-azul);border:0}
.dw-item--mega:hover>.dw-link:after,.dw-item--mega:focus-within>.dw-link:after,.main-nav .dw-link[aria-current=page]:after{transform:scaleY(1)}
.dw-flecha{width:10px;height:6px;transition:transform .2s}
.dw-item--mega:hover .dw-flecha,.dw-item--mega:focus-within .dw-flecha{transform:rotate(180deg)}
.header-cta{padding:12px 22px}
/* Megamenú a todo el ancho */
.dw-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:0 24px 40px rgba(0,36,63,.16);padding:32px 0 36px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:5}
.dw-item--mega:hover .dw-mega,.dw-item--mega:focus-within .dw-mega{opacity:1;visibility:visible;transform:none}
.dw-mega-grid{display:grid;grid-template-columns:300px 1fr;gap:40px}
.dw-mega-destacado{display:flex;flex-direction:column;gap:6px;padding-right:40px;border-right:1px solid var(--line);text-decoration:none;color:var(--ink)}
.dw-mega-destacado img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-bottom:10px}
.dw-mega-destacado strong{font-size:17px}
.dw-mega-destacado em,.dw-mega-lista em{display:block;font-size:14px;line-height:1.45;color:var(--muted);font-weight:400}
.dw-mega-ver{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dw-azul)}
.dw-mega-ver .icon{width:16px;height:16px}
.dw-mega-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 32px;align-content:start}
.dw-mega-lista a{display:block;text-decoration:none;color:var(--ink)}
.dw-mega-lista strong{display:block;font-size:16px;margin-bottom:3px}
.dw-mega-lista a:hover strong,.dw-mega-destacado:hover strong{color:var(--dw-azul)}
.dw-mega-lista--zonas{grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.dw-mega{display:none}.main-nav .dw-link{padding:0 9px;font-size:14px}.main-nav .dw-link:after{left:9px;right:9px}.dw-flecha{display:none}.brand-logo{height:54px}}

/* Escritorio: barra azul + header transparente sobre el hero, blanco al scrollear */
@media(min-width:761px){
  .dw-topbar{position:fixed;top:0;left:0;right:0;transition:transform .25s}
  body:has(.header--overlay.is-scrolled) .dw-topbar{transform:translateY(-100%)}
  .site-header.header--overlay{top:40px;color:#fff;background:transparent;box-shadow:none;transition:top .25s,background .25s,box-shadow .25s,color .25s}
  .site-header.header--overlay.is-scrolled{top:0;background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(0,36,63,.12)}
  .site-header.header--overlay:not(.is-scrolled) .main-nav .dw-link:hover,.site-header.header--overlay:not(.is-scrolled) .main-nav .dw-link[aria-current=page]{color:#fff}
  .header--overlay ~ main .hero--photo .hero-grid{padding-top:200px}
  body:not(:has(.header--overlay)) .dw-topbar{position:relative}
  body:not(:has(.header--overlay)) .site-header{position:sticky;top:0}
}
@media(max-width:760px){
  .dw-topbar{display:none}
  .brand-logo{height:46px}
  .main-nav{align-self:auto}
  .nav-links{display:grid}
  .dw-item{display:block}
  .main-nav .nav-links .dw-link{display:block;padding:14px 0;font-size:24px}
  .main-nav .nav-links .dw-link:after{display:none}
  .dw-flecha{display:none}
  .wrap{width:calc(100% - 32px)}
}

/* Hero: foto con velo azul noche, todo centrado, última línea del H1 en amarillo */
.hero{background:var(--dw-noche)}
.hero--photo:before{background:linear-gradient(180deg,rgba(0,36,63,.82) 0%,rgba(0,36,63,.68) 45%,rgba(3,40,85,.9) 100%)}
.hero--photo .hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:600px}
.hero-copy{max-width:980px;display:flex;flex-direction:column;align-items:center}
.hero--photo h1,.hero--landing h1{font-size:clamp(44px,6.6vw,88px);line-height:1;color:#fff;max-width:18ch;margin-bottom:24px;text-wrap:balance}
.dw-amarillo{color:var(--dw-amarillo)}
.dw-eyebrow,.hero .breadcrumb{font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dw-amarillo);margin:0 0 14px;justify-content:center;flex-wrap:wrap;gap:10px}
.hero .breadcrumb a,.hero .breadcrumb span{color:var(--dw-amarillo)}
.hero .breadcrumb a:hover{text-decoration:underline}
.hero-text,.hero--photo .hero-text{max-width:680px;margin-inline:auto;color:rgba(255,255,255,.92);font-size:18px}
.hero .actions{justify-content:center}
.hero .actions .text-link{color:#fff;border:2px solid rgba(255,255,255,.8);font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:18px}
.hero .actions .text-link:hover{background:#fff;color:var(--dw-noche);text-decoration:none}
.hero-note{color:rgba(255,255,255,.85)}

/* Barra de confianza: tres tarjetas blancas montadas sobre el hero, con franja de color arriba */
.social-proof{background:linear-gradient(180deg,var(--dw-noche) 0,var(--dw-noche) 60px,var(--dw-fondo) 60px);color:var(--ink);overflow:visible}
.social-proof:before,.social-proof-bg{display:none}
.social-proof-inner:has(.trust-bar){max-width:none;padding-block:0 56px}
.trust-bar{gap:24px}
.trust-bar li{--banda:var(--dw-azul);background:#fff;border:0;border-top:10px solid var(--banda);border-radius:24px;box-shadow:var(--dw-sombra);padding:26px 26px 24px;gap:16px;align-items:center}
.trust-bar li:nth-child(2){--banda:var(--dw-amarillo)}
.trust-bar .icon{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--dw-azul);color:#fff;margin:0}
.trust-bar strong{font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.05;color:var(--ink);word-spacing:.08em}
.trust-bar small{color:var(--muted);font-size:15px}

/* Secciones: eyebrow azul en lugar de la píldora, títulos grandes y bandas alternadas */
.pill{background:none;color:var(--dw-azul);padding:0;border-radius:0;font-size:14px;letter-spacing:.16em;margin-bottom:10px}
.eyebrow{color:var(--dw-azul);font-size:14px;letter-spacing:.16em}
.services-heading h2,.vs-heading h2,.steps-heading h2,.about-copy h2{font-size:clamp(40px,4.8vw,64px);font-weight:800;letter-spacing:0;line-height:1}
.landing-section,.zones-section,.steps-section,.vs-section,.about-section,.faq-section{border-top:0}
.steps-section,.zones-section{background:var(--dw-fondo)}
.zones-section{box-shadow:0 0 0 100vmax var(--dw-fondo);clip-path:inset(0 -100vmax)}
.section{padding-block:88px}

/* Tarjetas de servicios: foto con degradé azul, número y "Ver más" en amarillo */
.services-section .service-card{border-radius:16px;box-shadow:var(--dw-sombra-s);background:var(--dw-azul)}
.services-section .service-card:before{background:linear-gradient(180deg,rgba(3,70,147,0) 25%,rgba(3,70,147,.6) 55%,rgba(0,36,63,.96) 100%)}
.service-card--noimg{background:linear-gradient(160deg,var(--dw-azul),var(--dw-noche))}
.service-num{color:var(--dw-amarillo);font-family:var(--font-body);letter-spacing:.2em}
.services-section .service-card h3{font-size:clamp(30px,2.4vw,38px);font-weight:800;line-height:1}
.services-section .service-card .service-more{color:var(--dw-amarillo);font-size:14px;letter-spacing:.15em;text-transform:uppercase}
.services-banner{background:var(--dw-noche);border-radius:24px}
.services-banner p{color:#fff}

/* Pasos */
.steps-section .step{border:0;border-radius:24px;box-shadow:var(--dw-sombra-s);border-top:10px solid var(--dw-azul)}
.steps-section .step:nth-child(2){border-top-color:var(--dw-amarillo)}
.step-icon{background:var(--dw-celeste);color:var(--dw-azul);border-radius:50%}
.step-num{color:var(--dw-azul)}
.steps-section .step h3{font-size:30px;font-weight:800}

/* Comparativa */
.vs-col{border-radius:24px}
.vs-col--us{background:var(--dw-azul)}
.vs-col--us .vs-badge{background:var(--dw-amarillo);color:var(--dw-noche)}
.vs-col--us li{font-weight:700;font-style:italic}
.vs-col--them{border:0;box-shadow:var(--dw-sombra-s)}
.vs-brand{background:#fff;border-radius:14px;padding:10px 14px}
.vs-col--us .vs-brand{padding-bottom:10px;border-bottom:0}
.vs-brand img{height:56px}

/* Quiénes somos */
.about-media{border-radius:16px}

/* Zonas */
.zones-cols h3{color:var(--dw-azul);font-size:26px}
.zones-list a:before,.zonas-list .icon{background:var(--dw-azul);color:var(--dw-azul)}

/* Contenido de las landings */
.landing-prose h2{font-size:clamp(28px,2.6vw,36px);text-transform:uppercase;line-height:1.05}
.landing-list .icon{color:#fff;background:var(--dw-azul);border-radius:50%;padding:4px;width:24px;height:24px;stroke-width:3}
.landing-list--grid .icon{width:24px;height:24px}
.landing-list--grid li{font-weight:600}
.table-wrap{border-radius:16px;overflow:auto;box-shadow:var(--dw-sombra-s)}
.table-wrap th{background:var(--dw-azul);color:#fff}
.table-wrap--ficha th{background:var(--dw-fondo);color:var(--dw-azul)}
.landing-photo{border-radius:16px}
.landing-accordion details[open] .landing-accordion-icon{border-color:var(--dw-amarillo);background:var(--dw-amarillo)}
.landing-accordion summary:hover{color:var(--dw-azul)}
.landing-updated{color:var(--muted)}
.region-zona{border-radius:16px}

/* Preguntas frecuentes */
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{font-weight:700}
.faq-list summary span{width:30px;height:30px;border-radius:50%;background:var(--dw-azul);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.faq-list details[open] summary span{background:var(--dw-amarillo);color:var(--dw-noche)}
.faq-section .eyebrow{color:var(--dw-azul)}
.faq-section h2{font-size:clamp(40px,4.8vw,64px)}

/* Cierre: tarjeta blanca sobre foto azul */
.contact-banner{background:var(--dw-noche);padding-block:80px}
.contact-banner:before{background:linear-gradient(135deg,rgba(3,70,147,.88),rgba(0,36,63,.94));box-shadow:none}
.contact-banner .wrap{max-width:880px;flex-direction:column;justify-content:center;text-align:center;gap:22px;background:#fff;border-radius:32px;padding:48px 32px;box-shadow:var(--dw-sombra)}
.contact-banner h2{color:var(--ink);font-size:clamp(34px,4vw,52px)}
.contact-banner p{color:var(--muted)}

/* Página interna (sin hero de foto) */
.page-intro{background:linear-gradient(180deg,var(--dw-noche),#03315f);text-align:center;padding:40px 0 70px}
.page-intro h1{color:#fff;margin-inline:auto}
.page-intro .breadcrumb{justify-content:center;color:var(--dw-amarillo);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.page-intro .eyebrow{color:var(--dw-amarillo)}
.contact-form,.info-card{border:0;border-radius:24px;box-shadow:var(--dw-sombra-s)}
.info-card{background:var(--dw-fondo)}
.contact-method .icon{color:var(--dw-azul)}

/* Pie: blanco con línea azul arriba y barra azul noche abajo */
.site-footer{border-top:5px solid var(--dw-azul);padding-top:56px}
.site-footer .footer-brand .brand-logo{height:76px}
.site-footer h3{font-family:var(--font-body);font-stretch:100%;color:var(--ink);font-size:15px;letter-spacing:0;text-transform:none;font-weight:700}
.site-footer nav a:hover{color:var(--dw-azul)}
.site-footer a.footer-phone .icon{color:var(--dw-azul)}
.site-footer .footer-bottom{background:var(--dw-noche);color:#fff;border-top:0;box-shadow:0 0 0 100vmax var(--dw-noche);clip-path:inset(0 -100vmax)}
.site-footer .footer-bottom span{color:#fff}
.related-links .landing-links a:hover{color:var(--dw-azul);border-bottom-color:var(--dw-azul)}

@media(max-width:760px){
  .section{padding-block:56px}
  .hero--photo .hero-grid{min-height:0;padding-top:120px}
  .hero--photo h1,.hero--landing h1{font-size:clamp(40px,11vw,58px)}
  .dw-eyebrow,.hero .breadcrumb{font-size:13px;letter-spacing:.12em}
  .social-proof{background:linear-gradient(180deg,var(--dw-noche) 0,var(--dw-noche) 40px,var(--dw-fondo) 40px)}
  .trust-bar{gap:14px}
  .contact-banner .wrap{padding:36px 22px;border-radius:24px}
  .button,.button-wsp{font-size:18px}
}
/* Barra superior: nunca en dos líneas */
.dw-topbar a,.dw-topbar span{white-space:nowrap}
@media(max-width:1100px){.dw-topbar-zona{display:none!important}.dw-topbar-links{gap:18px}}
@media(max-width:900px){.dw-topbar-links{display:none}}
/* Tarjetas de servicios: el enlace del título hereda el tamaño (había una regla vieja de 13 px para los links de la tarjeta) */
.services-section .service-card h3 .service-card-link{display:inline;font-size:inherit;font-weight:inherit;padding:0;margin:0;border:0;color:#fff}
.services-section .service-card .button{font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:16px;color:var(--dw-noche);padding:0 20px;min-height:46px}
.brand-logo{height:70px}
@media(max-width:1100px){.brand-logo{height:56px}}
@media(max-width:760px){.brand-logo{height:46px}}
/* Artículos: misma paleta */
.ar-page{background:#fff;color:var(--ink)}
.ar-page h1,.ar-page h2,.ar-page h3{color:var(--ink);font-stretch:62%;font-weight:800;text-transform:uppercase}
.ar-page a{color:var(--dw-azul)}
.ar-page a:focus-visible,.ar-page summary:focus-visible{outline-color:var(--dw-amarillo)}
.ar-meta,.ar-figure figcaption{color:var(--muted)}
.ar-tag{background:none;color:var(--dw-azul);padding:0;border-radius:0;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ar-answer,.ar-note,.ar-toc,.ar-cta{background:var(--dw-fondo);border-radius:16px}
.ar-answer{border-left:6px solid var(--dw-amarillo)}
.ar-key-points,.ar-card{background:#fff;border:0;border-radius:16px;box-shadow:var(--dw-sombra-s)}
.ar-page th,.ar-page td{border-color:var(--line)}
.ar-page th{background:var(--dw-azul);color:#fff}
.ar-faq{border-bottom-color:var(--line)}
.ar-contact{background:var(--dw-noche);border-radius:24px}
.ar-page .ar-button{background:var(--dw-amarillo);color:var(--dw-noche);border-radius:999px;font-family:var(--font-display);font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:13px 26px}
.ar-chips a{border-color:var(--line)}
.ar-chips a[aria-current=page]{background:var(--dw-azul);border-color:var(--dw-azul);color:#fff}
.ar-page tr{border-color:var(--line)}
.ar-page td:before{color:var(--dw-azul)}
.ar-sidebar{border-top-color:var(--line)}
.ar-page .ar-contact h2,.ar-page .ar-contact h3{color:#fff}.ar-page .ar-contact p{color:rgba(255,255,255,.85)}

/* ── cabecera.css ── */
/* Header de electricistasmontevideo.com con el CSS de pintor.uy (22/10/2026).
   Misma estructura y medidas; la paleta es la del logo: azul noche #00243F y amarillo #FBCE23. */
@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/oswald-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/oswald-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --cab-f-titulos:Oswald,"Arial Narrow",sans-serif;
  --cab-pri:#00243F;--cab-acento:#FBCE23;--cab-acento-2:#F2BF05;
  --cab-texto:#181818;--cab-texto-2:#545454;--cab-borde:#E5E5E5;--cab-fondo-2:#F5F5F5;
  --cab-radio:8px;
  --cab-fs-xs:.8125rem;
  --cab-fs-sm:clamp(.875rem,.85rem + .1vw,.9375rem);
  --cab-fs-h3:clamp(1.25rem,1.15rem + .4vw,1.5rem);
  --cab-fs-btn:clamp(1rem,.95rem + .2vw,1.125rem);
  --alto-header:64px;
}
@media (min-width:1100px){:root{--alto-header:80px}}

/* Botones del header: rectángulo de radio 8 px; el de presupuesto va en amarillo */
.header .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.3em;border-radius:var(--cab-radio);font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--cab-fs-btn);text-decoration:none;border:2px solid transparent;line-height:1.2;cursor:pointer;transition:background-color .2s,color .2s;min-height:0;box-shadow:none}
.header .btn .icon{width:1.15em;height:1.15em;flex:0 0 auto}
.header .btn--wa{background:var(--cab-acento);color:var(--cab-pri)}
.header .btn--wa:hover{background:var(--cab-acento-2);color:var(--cab-pri)}
.header .btn--linea{background:#fff;color:var(--cab-pri);border-color:var(--cab-pri)}
.header .btn--linea:hover{background:var(--cab-fondo-2)}
.header .btn--grande{font-size:calc(var(--cab-fs-btn) * 1.1);padding:.85em 1.5em}
.header .btn--bloque{width:100%}

/* Barra superior */
.topbar{display:none;background:var(--cab-pri);color:#fff;font-family:var(--font-body);font-size:var(--cab-fs-xs);font-weight:600;letter-spacing:0;position:relative;z-index:51}
@media (min-width:860px){.topbar{display:block}}
.topbar .topbar__fila{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:38px;font-size:var(--cab-fs-xs)}
.topbar .icon{width:.95em;height:.95em;margin-right:5px;opacity:.9;color:#fff;flex:0 0 auto}
.topbar__zona{color:#E4E4E4;display:inline-flex;align-items:center}
.topbar__acciones{display:flex;align-items:center;gap:22px}
.topbar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;letter-spacing:.02em}
.topbar a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Header */
.header{position:sticky;top:0;z-index:50;background:#fff;transition:background-color .25s,box-shadow .25s}
.header.is-scrolled,.header.menu-abierto{box-shadow:0 6px 20px rgba(24,24,24,.08)}
.header__fila{display:flex;align-items:center;gap:20px;min-height:64px}
@media (min-width:1100px){.header__fila{min-height:80px}}
.logo{display:block;text-decoration:none;flex:0 0 auto}
.logo__img{display:block;width:auto;height:56px}
@media (min-width:1100px){.logo__img{height:70px}}
.logo__img--claro{display:none}

/* Menú de escritorio */
.nav{display:none;flex:1;align-self:stretch}
.nav__lista{display:flex;justify-content:center;align-items:stretch;gap:2px;list-style:none;margin:0;padding:0;height:100%}
.nav__item{position:relative;display:flex}
.nav__link{position:relative;display:flex;align-items:center;padding:0 14px;text-decoration:none;color:var(--cab-texto);font-family:var(--cab-f-titulos);font-weight:700;font-size:var(--cab-fs-btn);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.nav__link::after{content:"";position:absolute;left:14px;right:14px;bottom:18px;height:3px;border-radius:2px;background:var(--cab-acento);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav__link:hover,.nav__link[aria-current]{color:var(--cab-pri)}
.nav__link:hover::after,.nav__link[aria-current]::after,.nav__item--sub:focus-within>.nav__link::after{transform:scaleX(1)}
.nav__panel{position:absolute;top:100%;left:50%;min-width:250px;padding-top:0;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.nav__item--sub:hover .nav__panel,.nav__item--sub:focus-within .nav__panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__sub{list-style:none;margin:0;padding:10px;background:#fff;border-top:3px solid var(--cab-acento);border-radius:0 0 var(--cab-radio) var(--cab-radio);box-shadow:0 18px 40px rgba(24,24,24,.16)}
.nav__item--ancho .nav__sub{display:grid;grid-template-columns:1fr 1fr;column-gap:6px;min-width:440px}
.nav__sub a{display:block;padding:9px 12px;border-radius:6px;font-family:var(--font-body);font-size:var(--cab-fs-sm);font-weight:600;color:var(--cab-texto);text-decoration:none;border-left:3px solid transparent;transition:background-color .15s,color .15s,border-color .15s}
.nav__sub a:hover,.nav__sub a[aria-current]{background:var(--cab-fondo-2);color:var(--cab-pri);border-left-color:var(--cab-acento)}

.header__acciones{margin-left:auto;display:flex;align-items:center;gap:6px}
.header__cta{padding:.6em 1.1em;white-space:nowrap;flex-shrink:0}
@media (min-width:1100px) and (max-width:1399px){.nav__link{padding:0 10px}.nav__link::after{left:10px;right:10px}}
.header__cta span{display:none}
/* El texto "Obtener tu presupuesto" entra en el header desde 1400 px; entre 1100 y 1399 va solo el ícono */
@media (min-width:600px) and (max-width:1099px),(min-width:1400px){.header__cta span{display:inline}}

/* Hamburguesa */
.burger{width:46px;height:46px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;padding:0;border-radius:var(--cab-radio)}
.burger span{display:block;width:24px;height:2.5px;background:var(--cab-texto);border-radius:2px;transition:transform .25s,opacity .2s,background-color .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
@media (min-width:1100px){.nav{display:block}.burger{display:none}}

/* Menú de celular */
.menu-movil{background:#fff;border-top:1px solid var(--cab-borde);padding:8px 0 28px;max-height:calc(100dvh - var(--alto-header));overflow:auto;overscroll-behavior:contain}
.menu-movil[hidden]{display:none}
.menu-movil__lista{list-style:none;margin:0 0 20px;padding:0}
.menu-movil__lista>li{border-bottom:1px solid var(--cab-borde)}
.menu-movil__lista>li>a,.menu-movil__lista summary{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;font-family:var(--cab-f-titulos);font-weight:700;font-size:var(--cab-fs-h3);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;color:var(--cab-texto);cursor:pointer;list-style:none}
.menu-movil__lista summary::-webkit-details-marker{display:none}
.menu-movil__lista>li>a[aria-current],.menu-movil__lista details[open]>summary{color:var(--cab-pri)}
.menu-movil__flecha{font-size:.7em;color:var(--cab-pri);transform:rotate(90deg);transition:transform .2s}
.menu-movil__lista details[open] .menu-movil__flecha{transform:rotate(-90deg)}
.menu-movil__sub{list-style:none;margin:0 0 12px;padding:4px 0 4px 14px;border-left:3px solid var(--cab-acento)}
.menu-movil__sub a{display:block;padding:9px 4px;font-family:var(--font-body);font-weight:600;color:var(--cab-texto-2);text-decoration:none}
.menu-movil__sub a[aria-current]{color:var(--cab-pri)}
.menu-movil__acciones{display:grid;gap:10px}
.menu-movil__zona{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-family:var(--font-body);font-size:var(--cab-fs-sm);color:var(--cab-texto-2)}
.menu-movil__zona .icon{width:1em;height:1em;color:var(--cab-pri)}
body.menu-abierto{overflow:hidden}

/* Sobre el hero: transparente, logo con letras blancas y menú blanco; blanco al scrollear o con el menú abierto */
.header--sobre-hero{margin-bottom:calc(-1 * var(--alto-header))}
.header--sobre-hero:not(.is-scrolled):not(.menu-abierto){background:transparent}
.header--sobre-hero:not(.is-scrolled):not(.menu-abierto) .logo__img{display:none}
.header--sobre-hero:not(.is-scrolled):not(.menu-abierto) .logo__img--claro{display:block}
.header--sobre-hero:not(.is-scrolled):not(.menu-abierto) .nav__link{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.header--sobre-hero:not(.is-scrolled):not(.menu-abierto) .burger span{background:#fff}

/* Celular: el header queda solo con logo y menú, sin el botón (como pintor.uy) */
@media (max-width:767px){.header .header__cta{display:none}}

/* Todos los botones del sitio rectangulares con radio 8 px, como el del hero (pedido del usuario, 22/10: "nada de botones redondos").
   Va con !important porque las reglas viejas de píldora (999px) tienen selectores más específicos (.services-banner .button-wsp, etc.).
   El flotante de WhatsApp sigue redondo. */
.button,.button-wsp,.button-small,.ar-button,.ar-chips a,.contact-form button,.contact-form .button{border-radius:8px!important}

/* ── hero.css ── */
/* Hero de electricistasmontevideo.com con el estilo de pintor.uy (22/10/2026).
   Solo H1, bajada y botón de WhatsApp (pedido del usuario, 22/10).
   Texto alineado a la izquierda sobre la foto, velo oscuro de abajo hacia arriba, H1 en Oswald y botones rectangulares. */
:root{
  --hero-fs-lg:clamp(1.0625rem,.99rem + .3vw,1.25rem);   /* 17–20: bajada */
  --hero-fs-h1:clamp(2rem,1.55rem + 1.9vw,3.125rem);      /* 32–50 */
  --hero-fs-h1-home:clamp(2.125rem,1.5rem + 2.6vw,3.5rem); /* 34–56 */
}

/* Alto según el contenido; el header transparente va encima */
.hero.hero--photo .hero-grid{min-height:0;grid-template-columns:1fr;justify-items:start;text-align:left;gap:0;padding:calc(var(--alto-header) + 28px) 0 40px}
.hero.hero--photo:not(.hero--landing) .hero-grid{padding:calc(var(--alto-header) + 52px) 0 60px}
.hero.hero--photo .hero-copy{max-width:none;width:100%;display:block;text-shadow:0 1px 12px rgba(0,0,0,.35)}

/* Velo: el oscuro de la marca, más fuerte abajo */
.hero.hero--photo:before{background:linear-gradient(0deg,rgba(0,36,63,.92) 0%,rgba(0,36,63,.7) 40%,rgba(0,36,63,.35) 80%,rgba(0,36,63,.3) 100%);box-shadow:none}


/* H1 */
.hero.hero--photo h1{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;line-height:1.05;color:#fff;max-width:none;margin:.15em 0 .35em;font-size:var(--hero-fs-h1-home);text-wrap:balance}
.hero.hero--photo.hero--landing h1{font-size:var(--hero-fs-h1)}
.hero.hero--photo h1 .dw-amarillo{color:#fff}

/* Bajada */
.hero.hero--photo .hero-text{font-size:var(--hero-fs-lg);line-height:1.65;color:#EBEBEB;max-width:760px;margin:0 0 1em}

/* Botón de WhatsApp: rectángulo de radio 8 px en amarillo */
.hero.hero--photo .actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:20px;flex-direction:row}
.hero.hero--photo .actions .button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:auto;min-height:0;padding:.85em 1.5em;border-radius:8px;border:2px solid transparent;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:calc(var(--cab-fs-btn) * 1.1);line-height:1.2;text-decoration:none;text-shadow:none;box-shadow:none}
.hero.hero--photo .actions .button{background:var(--dw-amarillo);color:var(--dw-noche)}
.hero.hero--photo .actions .button:hover{background:var(--dw-amarillo-2);color:var(--dw-noche)}
.hero.hero--photo .actions .icon{width:1.15em;height:1.15em;flex:0 0 auto}


/* Celular: el botón a todo el ancho; H1 que entra en pocas líneas */
@media (max-width:767px){
  .hero.hero--photo .actions{flex-direction:column;align-items:stretch}
  .hero.hero--photo .actions .button{width:100%}
  .hero.hero--photo h1,.hero.hero--photo.hero--landing h1{font-size:6.8vw}
}
/* Celulares chicos (menos de 375 px): el botón con letra un poco menor para que "Obtener tu presupuesto" entre en una línea, como en pintor.uy */
@media (max-width:374px){.hero.hero--photo .actions .button{font-size:.9375rem;padding-left:12px;padding-right:12px}}

/* ── ventajas.css ── */
/* Ventajas debajo del hero con el CSS de pintor.uy (22/10/2026): franja blanca propia, NO se monta sobre el hero.
   Celular: una tarjeta con filas (ícono en círculo a la izquierda). Desde 760 px: tres tarjetas sueltas con pestaña amarilla
   arriba, el ícono en un círculo gris claro, título Oswald con rayita amarilla y sombra recta sin desenfoque. */
.franja.ventajas{position:relative;z-index:2;margin:0;padding:clamp(28px,4vw,52px) 0 clamp(28px,4vw,48px);background:#fff;border:0}
.ventajas__tarjeta{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid #E0E0E0;border-radius:14px;box-shadow:0 4px 0 rgba(0,36,63,.06)}
.ventaja.franja__item{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:0;align-items:start;padding:20px 18px 22px;border-bottom:1px solid #E0E0E0}
.ventaja.franja__item:last-child{border-bottom:0}
.ventaja__ico{grid-row:1 / 3;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#EBEBEB;color:var(--dw-noche);line-height:0;transition:background-color .2s}
.ventaja__ico svg.svgp{width:54px;height:54px;transition:transform .25s ease}
.ventaja.franja__item strong{position:relative;align-self:start;margin:4px 0 0;padding-bottom:8px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.03em;word-spacing:0;font-size:1.25rem;line-height:1.1;color:var(--dw-noche)}
.ventaja.franja__item strong::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--dw-amarillo)}
.ventaja.franja__item>span:last-child{grid-column:2;margin:8px 0 0;font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:#545454}
@media (min-width:760px){
  .ventajas__tarjeta{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:none;border:0;border-radius:0;box-shadow:none}
  .ventaja.franja__item{position:relative;grid-template-columns:1fr;grid-template-rows:auto;padding:30px 26px 28px;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:0 6px 0 rgba(0,36,63,.07);transition:transform .2s,box-shadow .2s}
  .ventaja.franja__item:last-child{border:1px solid #E0E0E0}
  .ventaja.franja__item::before{content:"";position:absolute;top:-1px;left:26px;width:56px;height:4px;border-radius:0 0 4px 4px;background:var(--dw-amarillo)}
  .ventaja__ico{grid-row:auto;width:96px;height:96px;margin-bottom:20px}
  .ventaja__ico svg.svgp{width:72px;height:72px}
  .ventaja.franja__item strong{margin-top:0;font-size:1.375rem;padding-bottom:10px}
  .ventaja.franja__item>span:last-child{grid-column:auto;margin-top:12px}
  .ventaja.franja__item:hover{transform:translateY(-4px);box-shadow:0 10px 0 rgba(0,36,63,.09)}
  .ventaja.franja__item:hover .ventaja__ico{background:#E0E0E0}
  .ventaja.franja__item:hover .ventaja__ico svg.svgp{transform:translateY(-2px) scale(1.05)}
}
@media (min-width:1024px){.ventaja.franja__item{padding:32px 30px 30px}.ventaja.franja__item strong{font-size:1.5rem}.ventaja.franja__item>span:last-child{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.ventaja.franja__item,.ventaja__ico,.ventaja__ico svg.svgp{transition:none}.ventaja.franja__item:hover,.ventaja.franja__item:hover .ventaja__ico svg.svgp{transform:none}}
/* Ilustraciones propias (como pintor.uy): trazo azul noche; acento amarillo, celeste claro, gris y blanco */
.svgp{display:block;width:100%;height:100%;color:var(--dw-noche);overflow:visible}
.svgp .a{fill:var(--dw-amarillo)}.svgp .m{fill:#D9E5F0}.svgp .s{fill:#F2F2F2}.svgp .w{fill:#fff}.svgp .o{fill:currentColor}

/* ── bandas.css ── */
/* Bandas de texto con el CSS de pintor.uy (22/10/2026): cada H2 en su propia franja a todo el ancho, fondos que alternan
   (gris claro / blanco), columna de texto de 820 px y H2 en Oswald con una rayita de acento debajo. Solo estilo: los textos no cambian. */
.banda{padding:clamp(40px,5vw,72px) 0;background:#fff;border:0}
.banda:nth-of-type(odd){background:#F5F5F5}
.banda .prosa{max-width:820px;margin:0}
.banda .services-heading{margin:0}
.banda .pill{display:block;background:none;padding:0;border-radius:0;margin:0 0 .4em;font-family:var(--font-body);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dw-azul)}
.banda .prosa h2,.banda .services-heading h2{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:var(--dw-noche);margin:0 0 .45em;max-width:none;text-wrap:balance}
.banda .prosa h2::after,.banda .services-heading h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--dw-amarillo);margin-top:14px}
.banda .prosa h2:not(:first-child){margin-top:1.5em}
.banda .prosa .services-heading h2{margin-top:0}
.banda .landing-lead--zone{max-width:none;margin:0}
.banda .prosa p,.banda .landing-lead--zone p{font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#181818;margin:0 0 1em}
.banda .prosa p:last-child{margin-bottom:0}
.banda .prosa a{color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.45);text-underline-offset:3px}
.banda .prosa a:hover{text-decoration-color:var(--dw-noche)}
.banda .landing-updated{font-size:.8125rem;color:#545454;margin-top:1.4em}

/* ── servicios.css ── */
/* Tarjetas de servicios con foto, con el CSS de pintor.uy (22/10/2026): a la izquierda la foto que se funde en blanco hacia el texto
   de la derecha; tarjeta blanca con sombra recta sin desenfoque que pasa a azul noche al pasar el mouse, y toda la tarjeta clickeable.
   Una columna en celular; dos desde 900 px. */
.services-section .services-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.services-section .services-heading .pill{flex-basis:100%}
.services-section .services-heading h2{margin-bottom:0}
.services-section .services-heading .text-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.9375rem;font-weight:700;color:var(--dw-azul);text-decoration:underline;text-underline-offset:3px;margin:0 0 6px}
.services-section .services-heading .text-link .icon{width:16px;height:16px}

.grilla-servicios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.grilla-servicios__item{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:stretch;margin:0;padding:0;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.grilla-servicios__item:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--dw-noche);border-color:var(--dw-noche)}
.grilla-servicios__item:focus-within{outline:3px solid var(--dw-amarillo);outline-offset:3px}
.grilla-servicios__foto{position:relative;z-index:-1;flex:0 0 44%;min-height:150px;overflow:hidden;background:#F5F5F5}
.grilla-servicios__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.grilla-servicios__item:hover .grilla-servicios__foto img{transform:scale(1.05)}
/* La foto se funde en blanco hacia el texto de la derecha */
.grilla-servicios__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.8) 82%,#fff 98%);pointer-events:none}
.grilla-servicios__txt{align-self:center;margin-left:-6%;padding:18px 20px 20px 0;font-family:var(--font-body);font-size:clamp(.875rem,.85rem + .1vw,.9375rem);line-height:1.55;color:#545454}
.grilla-servicios__item--sinfoto .grilla-servicios__txt{margin-left:0;padding:22px 20px}
.grilla-servicios__txt h3{margin:0 0 6px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;word-spacing:0;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.15;color:var(--dw-noche)}
.grilla-servicios__txt h3 a{color:inherit;text-decoration:none}
.grilla-servicios__txt h3 a::before{content:"";position:absolute;inset:0;z-index:2;border-radius:16px}
.grilla-servicios__txt h3 a::after{content:"\00a0\2192";position:relative;left:0;color:var(--dw-azul);font-family:var(--font-body);white-space:nowrap;transition:left .2s ease}
.grilla-servicios__item:hover .grilla-servicios__txt h3 a::after{left:4px}
.grilla-servicios__txt h3 a:focus-visible{outline:0}
.grilla-servicios__txt p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
@media (max-width:639px){
  .grilla-servicios{gap:14px}
  .grilla-servicios__item{box-shadow:4px 4px 0 #DADADA}
  .grilla-servicios__foto{min-height:140px}
  .grilla-servicios__txt{margin-left:-8%;padding:14px 14px 16px 0}
  .grilla-servicios__txt h3{font-size:1.125rem}
}
@media (min-width:640px){.grilla-servicios__foto{flex-basis:40%;min-height:180px}}
@media (min-width:900px){
  .grilla-servicios{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .grilla-servicios__foto{flex-basis:44%;min-height:210px}
}
@media (prefers-reduced-motion:reduce){.grilla-servicios__item,.grilla-servicios__foto img,.grilla-servicios__txt h3 a::after{transition:none}.grilla-servicios__item:hover,.grilla-servicios__item:hover .grilla-servicios__foto img{transform:none}}

/* Franja de cierre de la grilla: mismo texto y botón, separada de las tarjetas */
.services-section .services-banner{margin-top:28px}
/* Franja de cierre de la grilla con el mismo radio y la sombra recta amarilla del sistema */
.services-section .services-banner{border-radius:16px;box-shadow:6px 6px 0 var(--dw-amarillo)}
.services-section .services-banner p{font-family:var(--font-body)}
.services-section .services-banner strong{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--dw-amarillo)}

/* ── bloques.css ── */
/* Bloques comunes con el sistema de pintor.uy (22/10/2026): pasos, por qué elegirnos, quiénes somos, zonas, preguntas
   frecuentes, cierre y pie. Solo estilo (y contenedores): los textos, encabezados y enlaces no cambian.
   Sistema: bandas con fondos alternos, H2 Oswald azul noche con rayita amarilla, tarjetas blancas con sombra recta sin
   desenfoque, botones rectangulares de radio 8 y acentos amarillos. */

/* Encabezados de bloque (pill + H2 + bajada) con la misma tipografía que las bandas */
.banda .steps-heading,.banda .vs-heading,.banda.zones-section .services-heading,.banda.faq-section .wrap>div:first-child{max-width:820px;margin:0 0 28px}
.banda .steps-heading .pill,.banda .vs-heading .pill,.banda .about-copy .pill,.banda.faq-section .eyebrow{display:block;background:none;padding:0;border-radius:0;margin:0 0 .4em;font-family:var(--font-body);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dw-azul)}
.banda .steps-heading h2,.banda .vs-heading h2,.banda .about-copy h2,.banda.faq-section h2{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:var(--dw-noche);margin:0 0 .45em;max-width:none;text-wrap:balance}
.banda .steps-heading h2::after,.banda .vs-heading h2::after,.banda .about-copy h2::after,.banda.faq-section h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--dw-amarillo);margin-top:14px}
.banda .steps-heading p,.banda.faq-section .wrap>div:first-child p,.banda .about-copy p{font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#181818;max-width:760px}

/* Pasos: línea de tiempo vertical como "Cómo es un trabajo" de pintor.uy */
.banda.steps-section .steps{list-style:none;margin:0;padding:0;display:block;max-width:820px}
.banda.steps-section .step{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:18px;align-items:start;margin:0;padding:0 0 30px;background:none;border:0;border-radius:0;box-shadow:none}
.banda.steps-section .step:last-child{padding-bottom:0}
.banda.steps-section .step::after{content:"";position:absolute;left:25px;top:58px;bottom:6px;width:2px;background:#C6C6C6}
.banda.steps-section .step:last-child::after{display:none}
.banda.steps-section .step-icon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:50%;background:var(--dw-noche);color:var(--dw-amarillo)}
.banda.steps-section .step-icon .icon{width:24px;height:24px}
.banda.steps-section .step-num{display:block;margin:4px 0 2px;font-family:var(--font-body);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dw-azul)}
.banda.steps-section .step h3{margin:0 0 6px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.15;color:var(--dw-noche)}
.banda.steps-section .step p{margin:0;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#545454}
.banda.steps-section .steps-cta{margin-top:30px}

/* Por qué elegirnos: tarjeta oscura con sombra recta amarilla (lo que hacemos) y tarjeta blanca (lo que conviene evitar) */
.banda.vs-section .vs-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch}
@media (min-width:860px){.banda.vs-section .vs-grid{grid-template-columns:1fr 1fr}}
.banda.vs-section .vs-col{border-radius:16px;padding:clamp(24px,3vw,36px)}
.banda.vs-section .vs-col--us{background:var(--dw-noche);color:#fff;border:0;box-shadow:6px 6px 0 var(--dw-amarillo)}
.banda.vs-section .vs-col--them{background:#fff;color:#545454;border:1px solid #E0E0E0;box-shadow:5px 5px 0 #DADADA}
.banda.vs-section .vs-brand{display:block;background:none;padding:0 0 20px;margin:0 0 22px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.2)}
.banda.vs-section .vs-brand img{display:block;height:64px;width:auto}
.banda.vs-section .vs-col--them h3{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #E0E0E0;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.15;color:var(--dw-noche)}
.banda.vs-section .vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.banda.vs-section .vs-col li{display:flex;align-items:center;gap:14px;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.45;font-style:normal;font-weight:600}
.banda.vs-section .vs-col--them li{font-weight:400}
.banda.vs-section .vs-badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.banda.vs-section .vs-col--us .vs-badge{background:var(--dw-amarillo);color:var(--dw-noche)}
.banda.vs-section .vs-col--them .vs-badge{background:#EBEBEB;color:#B3261E}
.banda.vs-section .vs-badge .icon{width:15px;height:15px;stroke-width:3}

/* Quiénes somos: foto + texto como las bandas con foto de pintor.uy */
.banda.about-section .about-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
@media (min-width:900px){.banda.about-section .about-grid{grid-template-columns:5fr 7fr;gap:56px}}
.banda.about-section .about-media{border-radius:16px;overflow:hidden;aspect-ratio:4/3;border:1px solid #E0E0E0;box-shadow:6px 6px 0 #DADADA;background:#F5F5F5}
@media (min-width:900px){.banda.about-section .about-media{aspect-ratio:9/10}}
.banda.about-section .about-media img{width:100%;height:100%;object-fit:cover;display:block}
.banda.about-section .about-copy p{margin:0 0 1em}
.banda.about-section .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.banda .text-link.dark-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.9375rem;font-weight:700;color:var(--dw-azul);text-decoration:underline;text-underline-offset:3px}
.banda .text-link.dark-link .icon{width:16px;height:16px}

/* Zonas: una tarjeta por región con sus barrios */
.banda.zones-section .services-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;max-width:none}
.banda.zones-section .services-heading .pill{flex-basis:100%}
.banda.zones-section .services-heading h2{margin-bottom:0}
.banda.zones-section .landing-lead{max-width:760px;margin:0 0 26px;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#181818}
.banda.zones-section .zones-cols{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:760px){.banda.zones-section .zones-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (min-width:1100px){.banda.zones-section .zones-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.banda.zones-section .zones-cols>div{background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;padding:22px 22px 20px}
.banda.zones-section .zones-cols h3{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #E0E0E0;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.125rem;line-height:1.2;color:var(--dw-noche)}
.banda.zones-section .zones-cols h3 a{color:inherit;text-decoration:none}
.banda.zones-section .zones-cols h3 a::after{content:"\00a0\2192";color:var(--dw-azul);font-family:var(--font-body)}
.banda.zones-section .zones-cols h3 a:hover{text-decoration:underline;text-decoration-color:var(--dw-amarillo);text-decoration-thickness:2px;text-underline-offset:4px}
.banda.zones-section .zones-list{list-style:none;margin:0;padding:0;columns:2;column-gap:16px}
.banda.zones-section .zones-list li{break-inside:avoid;margin:0 0 7px;padding:0}
.banda.zones-section .zones-list a{position:relative;display:inline-block;padding-left:14px;font-family:var(--font-body);font-size:.9375rem;line-height:1.4;color:#181818;text-decoration:none}
.banda.zones-section .zones-list a::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:2px;background:var(--dw-amarillo)}
.banda.zones-section .zones-list a:hover{color:var(--dw-noche);text-decoration:underline;text-underline-offset:3px}

/* Preguntas frecuentes: cada pregunta es una tarjeta con sombra recta; el + amarillo gira a × y, abierta, pasa a azul noche.
   En escritorio, el título a la izquierda y las preguntas a la derecha (como el home de pintor.uy). */
.banda.faq-section .wrap{display:block}
@media (min-width:1000px){.banda.faq-section .wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);column-gap:64px;align-items:start}.banda.faq-section .wrap>div:first-child{position:sticky;top:110px}}
.banda.faq-section .wrap>div:first-child p:last-child{display:block}
.banda.faq-section .faq-list details,.banda .landing-accordion details{margin:0 0 14px;padding:0;border:1px solid #E0E0E0;border-radius:16px;background:#fff;box-shadow:5px 5px 0 #DADADA;transition:border-color .2s ease,box-shadow .2s ease}
.banda.faq-section .faq-list details:hover,.banda .landing-accordion details:hover{border-color:var(--dw-noche)}
.banda.faq-section .faq-list details[open],.banda .landing-accordion details[open]{border-color:var(--dw-noche);box-shadow:6px 6px 0 var(--dw-noche)}
.banda.faq-section .faq-list summary,.banda .landing-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;list-style:none;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.125rem;line-height:1.25;color:var(--dw-noche)}
.banda.faq-section .faq-list summary::-webkit-details-marker,.banda .landing-accordion summary::-webkit-details-marker{display:none}
.banda.faq-section .faq-list summary:focus-visible,.banda .landing-accordion summary:focus-visible{outline:3px solid var(--dw-amarillo);outline-offset:3px;border-radius:14px}
.banda.faq-section .faq-list summary span,.banda .landing-accordion .landing-accordion-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--dw-amarillo);color:var(--dw-noche);font-family:var(--font-body);font-size:1.375rem;font-weight:700;line-height:1;transform:none;transition:transform .25s ease,background-color .2s ease,color .2s ease}
.banda.faq-section .faq-list details[open] summary span,.banda .landing-accordion details[open] .landing-accordion-icon{transform:rotate(45deg);background:var(--dw-noche);color:#fff}
.banda .landing-accordion .landing-accordion-icon::before{content:"+";position:static;width:auto;height:auto;background:none;transform:none}
.banda .landing-accordion .landing-accordion-icon::after{display:none}
.banda.faq-section .faq-list details p,.banda .landing-accordion .landing-accordion-body{margin:0 22px;padding:16px 0 20px;border-top:1px dashed #D5D5D5;max-width:none;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#545454}
.banda .landing-accordion .landing-accordion-body p{margin:0;font-size:inherit;color:inherit}
@media (max-width:639px){.banda.faq-section .faq-list summary,.banda .landing-accordion summary{padding:16px;font-size:1rem}.banda.faq-section .faq-list details p,.banda .landing-accordion .landing-accordion-body{margin:0 16px}.banda.faq-section .faq-list summary span,.banda .landing-accordion .landing-accordion-icon{width:30px;height:30px;font-size:1.25rem}}
@media (prefers-reduced-motion:reduce){.banda.faq-section .faq-list details,.banda.faq-section .faq-list summary span,.banda .landing-accordion details,.banda .landing-accordion .landing-accordion-icon{transition:none}}

/* Cierre: tarjeta azul noche con sombra recta amarilla, ilustración en un círculo y dos botones (contacto-final de pintor.uy) */
.contact-banner.contacto-final{position:relative;background:#fff;padding:clamp(48px,6vw,80px) 0;overflow:visible}
.contact-banner.contacto-final::before{display:none}
.contact-banner.contacto-final .wrap{display:block;max-width:none;background:none;border-radius:0;padding:0;box-shadow:none;text-align:left}
.contacto-final__tarjeta{display:grid;gap:20px;background:var(--dw-noche);color:#E8EEF3;border-radius:16px;padding:clamp(26px,4vw,48px);box-shadow:6px 6px 0 var(--dw-amarillo)}
@media (min-width:900px){.contacto-final__tarjeta{grid-template-columns:auto 1fr;gap:36px;align-items:start}}
.contacto-final__icono{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#F5F5F5;box-shadow:inset 0 0 0 4px rgba(255,255,255,.4)}
.contacto-final__icono .svgp{width:80px;height:80px}
.contact-banner.contacto-final h2{margin:0 0 .45em;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:#fff}
.contact-banner.contacto-final h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--dw-amarillo);margin-top:14px}
.contact-banner.contacto-final p{max-width:640px;margin:0;font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#E8EEF3}
.contacto-final__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.contacto-final__cta .button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:0;padding:.85em 1.5em;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:calc(var(--cab-fs-btn) * 1.1);line-height:1.2;border:2px solid transparent}
.contacto-final__cta .button .icon{width:1.15em;height:1.15em}
.contacto-final__cta .button-linea{background:transparent;color:#fff;border-color:#fff}
.contacto-final__cta .button-linea:hover{background:#fff;color:var(--dw-noche)}
@media (max-width:767px){.contacto-final__cta{flex-direction:column;align-items:stretch}.contacto-final__cta .button{width:100%}}
@media (max-width:420px){.contacto-final__tarjeta{padding:26px 18px}.contacto-final__cta .button{font-size:.9375rem;padding-left:12px;padding-right:12px}}

/* Pie: azul noche de la marca (como el gris oscuro de pintor.uy), logo con contorno blanco, títulos Oswald con rayita amarilla */
.site-footer{background:var(--dw-noche);color:#D5DEE6;border-top:0;margin-top:0;padding-top:clamp(40px,5vw,64px);font-family:var(--font-body);font-size:clamp(.875rem,.85rem + .1vw,.9375rem)}
.site-footer .footer-grid{display:grid;gap:36px 28px;grid-template-columns:1fr;padding-bottom:clamp(36px,4vw,56px)}
@media (min-width:600px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.site-footer .footer-brand{grid-column:1/-1}}
@media (min-width:1000px){.site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1.3fr 1.1fr}.site-footer .footer-brand{grid-column:auto}}
.site-footer .footer-brand .brand{display:inline-block;margin-bottom:14px}
.site-footer .footer-brand .brand-logo{height:auto;width:230px}
.site-footer .footer-brand p{max-width:340px;margin:0 0 18px;line-height:1.6;color:#D5DEE6;font-size:inherit}
.site-footer .footer-brand .button{display:inline-flex;align-items:center;gap:.5em;width:auto;min-height:0;padding:.75em 1.2em;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--cab-fs-btn);white-space:nowrap}
.site-footer h3{position:relative;margin:0 0 18px;padding-bottom:10px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.125rem;color:#fff}
.site-footer h3::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--dw-amarillo)}
.site-footer nav{display:grid;gap:9px}
.site-footer nav a,.site-footer .footer-col a{color:#D5DEE6;text-decoration:none;line-height:1.4;font-size:inherit;transition:color .15s}
.site-footer nav a:hover,.site-footer .footer-col a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--dw-amarillo);text-decoration-thickness:2px;text-underline-offset:4px}
.site-footer .footer-col a.footer-phone{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--cab-f-titulos);font-weight:700;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);letter-spacing:.03em;color:#fff}
.site-footer .footer-col a.footer-phone .icon,.site-footer .footer-col .icon{width:18px;height:18px;color:var(--dw-amarillo)}
.site-footer .footer-col a.footer-wsp,.site-footer .footer-col .footer-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#D5DEE6}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);background:none;box-shadow:none;clip-path:none;font-size:.8125rem;color:#B9C6D2}
.site-footer .footer-bottom span{color:#B9C6D2}
/* Ajustes: la sección vieja de preguntas tenía su propia grilla y la lista de barrios era una grilla de 3 columnas */
.banda.faq-section{display:block;gap:0}
.banda.zones-section .zones-list{display:block;grid-template-columns:none}
/* Barra de guías relacionadas antes del pie */
.landing-links{font-family:var(--font-body)}
.landing-links .landing-links-label{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dw-noche)}
.landing-links a{color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.35);text-underline-offset:3px}
.banda .landing-accordion .landing-accordion-body p,.banda.faq-section .faq-list details p{max-width:none}
/* Ajustes finos: etiqueta de las preguntas en azul y sin margen extra entre los botones del cierre (regla vieja de .contact-banner .button) */
.banda.faq-section .wrap>div:first-child>.eyebrow{color:var(--dw-azul)}
.contact-banner.contacto-final .contacto-final__cta .button{margin:0}

/* ── internas.css ── */
/* Páginas internas con el sistema de pintor.uy (22/10/2026): encabezado como el hero (foto con velo, header transparente encima,
   H1 en Oswald y botón de WhatsApp) y el resto en bandas con tarjetas de sombra recta. Solo estilo: los textos no cambian. */

/* Encabezado */
.page-intro.page-intro--hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dw-noche);color:#fff;text-align:left;padding:calc(var(--alto-header) + 40px) 0 52px}
.page-intro--hero .hero-background{position:absolute;inset:0;z-index:-2;display:block}
.page-intro--hero .hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.page-intro--hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,36,63,.92) 0%,rgba(0,36,63,.72) 45%,rgba(0,36,63,.5) 100%);box-shadow:none}
.page-intro--hero .wrap{text-shadow:0 1px 12px rgba(0,0,0,.35)}
.page-intro.page-intro--hero h1{margin:.15em 0 .35em;max-width:none;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;line-height:1.05;font-size:var(--hero-fs-h1);color:#fff;text-wrap:balance}
.page-intro--hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.page-intro--hero .actions .button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:0;padding:.85em 1.5em;border:2px solid transparent;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:calc(var(--cab-fs-btn) * 1.1);line-height:1.2;text-shadow:none;background:var(--dw-amarillo);color:var(--dw-noche)}
.page-intro--hero .actions .button:hover{background:var(--dw-amarillo-2)}
.page-intro--hero .actions .icon{width:1.15em;height:1.15em}
@media (max-width:767px){.page-intro.page-intro--hero h1{font-size:6.8vw}.page-intro--hero .actions{flex-direction:column;align-items:stretch}.page-intro--hero .actions .button{width:100%}}
@media (max-width:374px){.page-intro--hero .actions .button{font-size:.9375rem;padding-left:12px;padding-right:12px}}

/* Títulos y textos dentro de las bandas internas */
.banda .eyebrow{display:block;margin:0 0 .4em;font-family:var(--font-body);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dw-azul)}
.banda.contact-banda h2,.banda.coverage-banda h2,.banda.narrow-banda h2,.banda.process h2{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:var(--dw-noche);margin:0 0 .45em;max-width:none}
.banda.contact-banda .contact-grid>div:first-child>h2::after,.banda.coverage-banda h2::after,.banda.narrow-banda h2::after,.banda.process h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--dw-amarillo);margin-top:14px}
.banda.contact-banda p,.banda.coverage-banda p,.banda.narrow-banda p,.banda.process p,.banda .landing-text p{font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#181818}
.banda.narrow-banda a:not(.button),.banda.process a:not(.button):not(.text-link),.banda .landing-text a{color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.45);text-underline-offset:3px}

/* Dos columnas con H3 (nosotros, servicios, contacto) */
.banda .landing-cols{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
@media (min-width:900px){.banda .landing-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}}
.banda .landing-text h3{position:relative;margin:0 0 14px;padding-bottom:10px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.15;color:var(--dw-noche)}
.banda .landing-text h3::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--dw-amarillo)}
.banda .landing-text h3:not(:first-child){margin-top:1.4em}

/* Contacto: métodos como tarjetas y formulario en tarjeta con sombra recta */
.banda.contact-banda .contact-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
@media (min-width:900px){.banda.contact-banda .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.banda.contact-banda .contact-method{display:flex;align-items:center;gap:16px;margin:0 0 14px;padding:18px 20px;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;text-decoration:none;color:var(--dw-noche);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.banda.contact-banda .contact-method:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--dw-noche);border-color:var(--dw-noche)}
.banda.contact-banda .contact-method>.icon:first-child{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--dw-noche);color:var(--dw-amarillo);flex:0 0 auto}
.banda.contact-banda .contact-method small{display:block;font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dw-azul)}
.banda.contact-banda .contact-method strong{display:block;font-family:var(--cab-f-titulos);font-weight:700;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);letter-spacing:.03em;color:var(--dw-noche)}
.banda.contact-banda .contact-method>.icon:last-child{margin-left:auto;color:var(--dw-azul)}
.banda.contact-banda .contact-form{background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:6px 6px 0 var(--dw-noche);padding:clamp(22px,3vw,34px)}
.banda.contact-banda .contact-form h2,.banda.contact-banda .contact-form h3{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);color:var(--dw-noche)}
.banda.contact-banda .contact-form label{font-family:var(--font-body);font-weight:700;font-size:.9375rem;color:var(--dw-noche)}
.banda.contact-banda .contact-form input,.banda.contact-banda .contact-form textarea{border:1px solid #C9D3DC;border-radius:8px;background:#fff;font-family:var(--font-body)}
.banda.contact-banda .contact-form input:focus,.banda.contact-banda .contact-form textarea:focus{outline:3px solid var(--dw-amarillo);outline-offset:1px;border-color:var(--dw-noche)}
.banda.contact-banda .contact-form .button{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--cab-fs-btn);min-height:0;padding:.9em 1.4em}

/* Nosotros: texto + tarjeta oscura con sombra recta amarilla */
.banda.coverage-banda .coverage{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
@media (min-width:900px){.banda.coverage-banda .coverage{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}
.banda.coverage-banda .coverage p{max-width:none}
.banda.coverage-banda .info-card{background:var(--dw-noche);color:#E8EEF3;border-radius:16px;padding:clamp(26px,3.5vw,42px);box-shadow:6px 6px 0 var(--dw-amarillo)}
.banda.coverage-banda .info-card .eyebrow{color:var(--dw-amarillo)}
.banda.coverage-banda .info-card h3{margin:0 0 16px;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;color:#fff}
.banda.coverage-banda .info-card p{color:#E8EEF3}
.banda.coverage-banda .info-card .button{display:inline-flex;align-items:center;gap:.5em;min-height:0;padding:.85em 1.4em;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--cab-fs-btn)}

/* Texto angosto (trabajos, 404, antes de pedir presupuesto) */
.banda .narrow{max-width:820px}
.banda.narrow-banda .button{display:inline-flex;align-items:center;gap:.5em;min-height:0;padding:.85em 1.4em;font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--cab-fs-btn);margin-top:10px}

/* ── plantillas.css ── */
/* Contenido propio de las plantillas (servicio, zona, servicio × barrio, región, índice de zonas) con el sistema de pintor.uy
   (22/10/2026). Solo estilo: los textos, encabezados, tablas y enlaces no cambian. */

/* Columna de texto de 820 px como las bandas; las grillas usan todo el ancho */
.banda.landing-section .landing-lead,.banda.landing-section .landing-prose,.banda.landing-section .landing-sources,.banda.landing-section .landing-accordion,.banda.landing-section .table-wrap--ficha{max-width:820px}
.banda.landing-section .landing-prose{margin-top:28px}
.banda.landing-section .landing-lead p,.banda.landing-section p.landing-lead{font-family:var(--font-body);font-size:clamp(1.0625rem,.99rem + .3vw,1.25rem);line-height:1.6;color:#181818}
.banda.landing-section .landing-prose p a,.banda.landing-section .landing-lead a,.banda.landing-section .landing-sources a,.banda.landing-section .table-wrap a{color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.45);text-underline-offset:3px}
.banda.landing-section .landing-updated{font-family:var(--font-body);font-size:.8125rem;color:#545454;margin-top:14px}
.banda.landing-section .services-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin:0 0 22px}
.banda.landing-section .services-heading .pill{flex-basis:100%}
.banda.landing-section .services-heading h2{margin-bottom:0}

/* Foto de contenido: tarjeta con sombra recta */
.banda.landing-section .landing-photo{max-width:820px;margin:0 0 28px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid #E0E0E0;box-shadow:6px 6px 0 #DADADA;background:#F5F5F5}
.banda.landing-section .landing-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Lista de lo que incluye el servicio: ítems con tilde amarillo en dos columnas */
.banda.landing-section .landing-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:12px;max-width:none}
@media (min-width:760px){.banda.landing-section .landing-list--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}}
.banda.landing-section .landing-list li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:12px;box-shadow:4px 4px 0 #DADADA;font-family:var(--font-body);font-size:clamp(.9375rem,.9rem + .15vw,1rem);line-height:1.5;color:#181818}
.banda.landing-section .landing-list .icon{flex:0 0 auto;width:26px;height:26px;padding:5px;margin:0;border-radius:50%;background:var(--dw-amarillo);color:var(--dw-noche);stroke-width:3}
.banda.landing-section .landing-prose .landing-list{margin:8px 0 18px}

/* Tablas: borde y sombra recta, cabecera azul noche */
.banda .table-wrap{margin:8px 0 24px;overflow-x:auto;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA}
.banda .table-wrap table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.9375rem;line-height:1.5}
.banda .table-wrap th,.banda .table-wrap td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid #E6E6E6}
.banda .table-wrap thead th{background:var(--dw-noche);color:#fff;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.875rem}
.banda .table-wrap tbody th{background:#F5F5F5;color:var(--dw-noche);font-weight:700;width:34%}
.banda .table-wrap tr:last-child td,.banda .table-wrap tr:last-child th{border-bottom:0}

/* Normativa y fuentes */
.banda.landing-section .landing-sources{margin-top:36px;padding-top:24px;border-top:1px dashed #D5D5D5}
.banda.landing-section .landing-sources h2{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.25rem;color:var(--dw-noche);margin:0 0 12px}
.banda.landing-section .landing-sources h2::after{display:none}
.banda.landing-section .landing-sources ul{margin:0;padding-left:18px;display:grid;gap:8px;font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:#545454}

/* Barrio: "en la zona también" y barrios cercanos como listas de enlaces con flecha */
.banda.landing-section .zones-list--stack{list-style:none;margin:0;padding:0;display:grid;gap:10px;columns:auto}
.banda.landing-section .zones-list--stack li{margin:0;padding:0}
.banda.landing-section .zones-list--stack a{position:relative;display:inline-block;padding-left:16px;font-family:var(--font-body);font-size:clamp(.9375rem,.9rem + .15vw,1rem);line-height:1.45;color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.35);text-underline-offset:3px}
.banda.landing-section .zones-list--stack a::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--dw-amarillo)}

/* Región: una tarjeta por barrio con sus servicios */
.banda.landing-section .region-zonas{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}
@media (min-width:760px){.banda.landing-section .region-zonas{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (min-width:1100px){.banda.landing-section .region-zonas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.banda.landing-section .region-zona{position:relative;margin:0;padding:22px 22px 20px;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.banda.landing-section .region-zona:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--dw-noche);border-color:var(--dw-noche)}
.banda.landing-section .region-zona h3{margin:0 0 8px;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.125rem;line-height:1.2;color:var(--dw-noche)}
.banda.landing-section .region-zona h3 a{color:inherit;text-decoration:none}
.banda.landing-section .region-zona h3 a::after{content:"\00a0\2192";color:var(--dw-azul);font-family:var(--font-body)}
.banda.landing-section .region-zona p{margin:0 0 10px;font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:#545454}
.banda.landing-section .region-zona small{display:block;padding-top:10px;border-top:1px dashed #D5D5D5;font-family:var(--font-body);font-size:.8125rem;line-height:1.6;color:#545454}
.banda.landing-section .region-zona small a{color:var(--dw-noche);text-decoration:underline;text-decoration-color:rgba(0,36,63,.35);text-underline-offset:2px}

/* Índice de zonas: barrios en grilla con pin amarillo */
.banda.landing-section .zonas-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;max-width:none}
@media (min-width:760px){.banda.landing-section .zonas-list--wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.banda.landing-section .zonas-list--wide{grid-template-columns:repeat(5,minmax(0,1fr))}}
.banda.landing-section .zonas-list li{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-body);font-size:.9375rem;color:#181818}
.banda.landing-section .zonas-list .icon{width:18px;height:18px;flex:0 0 auto;color:var(--dw-amarillo);stroke:var(--dw-noche)}
.banda.landing-section .zonas-list a{color:var(--dw-noche);text-decoration:none}
.banda.landing-section .zonas-list a:hover{text-decoration:underline;text-decoration-color:var(--dw-amarillo);text-decoration-thickness:2px;text-underline-offset:4px}
/* H2 del texto propio de cada plantilla con el mismo estilo de las bandas (Oswald azul noche con rayita amarilla) */
.banda.landing-section .landing-prose h2{font-family:var(--cab-f-titulos);font-stretch:100%;font-weight:700;text-transform:uppercase;letter-spacing:.015em;word-spacing:0;font-size:clamp(1.5rem,1.3rem + .9vw,2rem);line-height:1.1;color:var(--dw-noche);margin:1.5em 0 .45em;max-width:none;text-wrap:balance}
.banda.landing-section .landing-prose h2:first-child{margin-top:0}
.banda.landing-section .landing-prose h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--dw-amarillo);margin-top:12px}
.banda.landing-section .landing-prose p{font-family:var(--font-body);font-size:clamp(1rem,.96rem + .15vw,1.0625rem);line-height:1.65;color:#181818;margin:0 0 1em}
.banda.landing-section .landing-accordion{margin-top:30px}