#hero{position:relative;overflow:hidden;background:var(--c-dark-bg);min-height:calc(100svh - var(--header-h));display:flex;align-items:flex-end}
#hero .hero__media{position:absolute;inset:0}
#hero .hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:0}
#hero .hero__scrim{position:absolute;inset:0;background-image:linear-gradient(to top, rgba(8,18,17,.90) 0%, rgba(8,18,17,.86) 30%, rgba(8,18,17,.46) 62%, rgba(8,18,17,.06) 100%)}
#hero .hero__inner{position:relative;z-index:2;width:100%;padding-block:clamp(2.25rem,1.6rem + 3vw,4.5rem)}
#hero .hero__copy{max-width:700px}
#hero .hero__kicker{margin-bottom:var(--sp-5)}
#hero .etiqueta{letter-spacing:.16em}
#hero h1{color:#FFFFFF;font-weight:700;font-size:clamp(2.1rem,1.35rem + 3.1vw,3.6rem);line-height:1.03;letter-spacing:-.015em;margin:0 0 var(--sp-4);text-wrap:balance}
#hero .hero__l{display:inline}
#hero .hero__sub{color:rgba(237,242,240,.92);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);max-width:60ch;margin:0 0 var(--sp-6)}
#hero .hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-4)}
#hero .hero__actions .btn{width:100%}
#hero .hero__link{color:#EDF2F0;font-weight:600;text-decoration:underline;text-underline-offset:.22em;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
#hero .hero__link:hover,#hero .hero__link:focus-visible{color:var(--c-secondary)}
@media (min-width:768px){
#hero .hero__l{display:block}
#hero .hero__scrim{background-image:linear-gradient(to top, rgba(8,18,17,.88) 0%, rgba(8,18,17,.70) 38%, rgba(8,18,17,.18) 74%, rgba(8,18,17,0) 100%),linear-gradient(to right, rgba(8,18,17,.66) 0%, rgba(8,18,17,.30) 52%, rgba(8,18,17,0) 88%)}
#hero .hero__actions{flex-direction:row;align-items:center;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap}
#hero .hero__actions .btn{width:auto}
#hero .hero__link{justify-content:flex-start}
}
@media (min-width:1100px){#hero .hero__inner{padding-block:0 clamp(3rem,2rem + 3vw,5.5rem)}}

#lo-que-limpiamos{background:var(--c-bg);padding-block:clamp(2.5rem,2rem + 2.4vw,4rem) 0}
#lo-que-limpiamos .srv__head{margin-bottom:clamp(1.5rem,1.2rem + 1.2vw,2.5rem)}
#lo-que-limpiamos .srv__grid{display:grid;grid-template-columns:1fr;gap:0;width:100%}
#lo-que-limpiamos .srv__panel{display:flex;flex-direction:column}
#lo-que-limpiamos .srv__media{border-radius:0;overflow:hidden}
#lo-que-limpiamos .srv__media img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%;border-radius:0;display:block}
#lo-que-limpiamos .srv__img--right{object-position:80% 20%}
#lo-que-limpiamos .srv__body{padding:24px;flex:1 1 auto}
#lo-que-limpiamos .srv__body h3{margin:0;font-weight:600;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem)}
#lo-que-limpiamos .srv__body .franja{margin-top:12px;margin-bottom:var(--sp-4)}
#lo-que-limpiamos .srv__body p{font-size:1rem;max-width:42ch;margin:0}
#lo-que-limpiamos .srv__panel--surface{background:var(--c-surface)}
#lo-que-limpiamos .srv__panel--bone{background:var(--c-bg);border-top:1px solid var(--c-line)}
#lo-que-limpiamos .srv__panel--dark{background:var(--c-dark-bg)}
#lo-que-limpiamos .srv__panel--dark h3{color:var(--c-dark-text)}
#lo-que-limpiamos .srv__panel--dark p{color:rgba(237,242,240,.88)}
@media (min-width:768px){
#lo-que-limpiamos .srv__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#lo-que-limpiamos .srv__body{padding:32px}
#lo-que-limpiamos .srv__panel--bone{border-top:0}
}

#a-qui-nes-ayudamos{background:var(--c-bg);padding-block:clamp(2.25rem,1.9rem + 1.6vw,3rem);border-top:1px solid var(--c-line)}
#a-qui-nes-ayudamos .who__row{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
#a-qui-nes-ayudamos .who__item{margin:0;padding-block:var(--sp-4)}
#a-qui-nes-ayudamos .who__item + .who__item{border-top:1px solid var(--c-hairline)}
#a-qui-nes-ayudamos .who__label{display:flex;align-items:center;gap:10px;font-family:var(--ff-body);font-weight:600;font-size:.9375rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary);margin:0 0 var(--sp-2)}
#a-qui-nes-ayudamos .who__label::before{content:"";flex:0 0 auto;width:8px;height:8px;background:var(--c-secondary)}
#a-qui-nes-ayudamos .who__line{margin:0;font-size:1rem;color:var(--c-text);max-width:36ch}
@media (min-width:768px){
#a-qui-nes-ayudamos .who__row{grid-template-columns:repeat(3,minmax(0,1fr))}
#a-qui-nes-ayudamos .who__item{padding-block:0;padding-inline:0}
#a-qui-nes-ayudamos .who__item + .who__item{border-top:0;border-left:1px solid var(--c-hairline);padding-left:clamp(1.5rem,1rem + 2vw,2.5rem)}
#a-qui-nes-ayudamos .who__item:not(:last-child){padding-right:clamp(1.5rem,1rem + 2vw,2.5rem)}
}

#c-mo-trabajamos{background:var(--c-bg);padding-block:0 clamp(2.75rem,2.2rem + 2.6vw,4.5rem);position:relative;overflow:hidden}
#c-mo-trabajamos .work__diptych{width:100%}
#c-mo-trabajamos .antes-listo__panel{min-height:0}
#c-mo-trabajamos .antes-listo__panel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;display:block}
#c-mo-trabajamos .work__img--listo{object-position:50% 20%}
#c-mo-trabajamos .antes-listo__panel--antes img{object-position:50% 35%}
#c-mo-trabajamos .antes-listo{gap:0}
#c-mo-trabajamos .antes-listo__label{background:var(--c-primary);color:var(--c-dark-text);padding:.45rem .7rem;border-radius:var(--r-sm);bottom:var(--sp-4);left:var(--sp-4)}
#c-mo-trabajamos .antes-listo__panel--listo .antes-listo__label{background:var(--c-primary);right:var(--sp-4);left:auto}
#c-mo-trabajamos .antes-listo::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:var(--c-secondary);transform:translateY(-1px) rotate(4deg);pointer-events:none;z-index:3}
#c-mo-trabajamos .work__text{max-width:calc(58ch + 2 * var(--gutter));margin-inline:auto;text-align:center;padding-top:clamp(2rem,1.6rem + 2vw,3.25rem)}
#c-mo-trabajamos .work__text .etiqueta{justify-content:center}
#c-mo-trabajamos .work__text .franja{margin-inline:auto;transform-origin:center}
#c-mo-trabajamos .work__text h2{margin-top:var(--sp-5);margin-bottom:var(--sp-5)}
#c-mo-trabajamos .work__text p{margin-inline:auto;max-width:58ch}
#c-mo-trabajamos .work__close{font-family:var(--ff-display);font-weight:600;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);color:var(--c-primary);margin-top:var(--sp-5)}
#c-mo-trabajamos .work__close-franja{margin-inline:auto;margin-top:var(--sp-4);transform-origin:center}
@media (min-width:768px){
#c-mo-trabajamos .antes-listo::after{content:"";left:50%;right:auto;top:-2%;bottom:-2%;height:auto;width:2px;transform:translateX(-50%) rotate(4deg)}
}

#d-nde-limpiamos{background:var(--c-surface);padding-block:clamp(2.5rem,2rem + 2vw,3.5rem);border-top:1px solid var(--c-line)}
#d-nde-limpiamos .cov__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,1.4rem + 1.6vw,2.75rem);align-items:center}
#d-nde-limpiamos h2{margin-top:var(--sp-5);margin-bottom:var(--sp-5);font-size:clamp(1.45rem,1.2rem + 1.1vw,2rem);max-width:20ch}
#d-nde-limpiamos .cov__cities{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-2) var(--sp-6);font-family:var(--ff-body);font-weight:600;font-size:1.0625rem;color:var(--c-primary)}
#d-nde-limpiamos .cov__cities li{margin:0;padding-block:var(--sp-1)}
#d-nde-limpiamos .cov__panel{background:rgba(15,59,58,.06);border:1px solid var(--c-line);border-radius:var(--r-md);padding:12px}
#d-nde-limpiamos .cov__svg{width:100%;height:auto;aspect-ratio:4/3;display:block}
#d-nde-limpiamos .cov__label{font-family:var(--ff-body);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;fill:#16211F}
#d-nde-limpiamos .cov__ring-label{font-family:var(--ff-body);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;fill:#4A5C5B}
@media (min-width:600px){#d-nde-limpiamos .cov__cities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
#d-nde-limpiamos .cov__grid{grid-template-columns:1fr 1fr;gap:clamp(2rem,1.5rem + 2vw,3.5rem)}
#d-nde-limpiamos .cov__panel{max-height:380px}
#d-nde-limpiamos .cov__svg{max-height:356px}
}

#ll-manos-y-coordinamos-la-visita{position:relative;overflow:hidden;background:var(--c-dark-bg);padding-block:clamp(2.75rem,2.2rem + 2.8vw,5rem)}
#ll-manos-y-coordinamos-la-visita .cta__media{position:absolute;inset:0}
#ll-manos-y-coordinamos-la-visita .cta__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:0}
#ll-manos-y-coordinamos-la-visita .cta__scrim{position:absolute;inset:0;background:rgba(8,18,17,.86)}
#ll-manos-y-coordinamos-la-visita .cta__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,1.4rem + 1.8vw,3rem);align-items:center}
#ll-manos-y-coordinamos-la-visita h2{color:var(--c-dark-text);margin-top:var(--sp-5);margin-bottom:var(--sp-3);font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem)}
#ll-manos-y-coordinamos-la-visita .cta__line{color:rgba(237,242,240,.88);margin-bottom:var(--sp-4);max-width:34ch}
#ll-manos-y-coordinamos-la-visita .cta__phone{color:#FFFFFF;font-size:clamp(2rem,1.3rem + 3.6vw,5rem);letter-spacing:-.02em;text-decoration:none}
#ll-manos-y-coordinamos-la-visita .cta__phone:hover,#ll-manos-y-coordinamos-la-visita .cta__phone:focus-visible{color:var(--c-secondary)}
#ll-manos-y-coordinamos-la-visita .cta__card{background:var(--c-surface);border-radius:var(--r-lg);padding:clamp(1.25rem,1rem + 1.4vw,2rem);box-shadow:var(--shadow-2)}
#ll-manos-y-coordinamos-la-visita .cta__card h3{margin-bottom:0;font-size:clamp(1.1rem,1rem + .5vw,1.35rem)}
#ll-manos-y-coordinamos-la-visita .cta__card .franja{margin-bottom:var(--sp-6)}
#ll-manos-y-coordinamos-la-visita .field{margin-bottom:var(--sp-5)}
#ll-manos-y-coordinamos-la-visita .field label{font-size:12px;letter-spacing:.14em;color:var(--c-slate)}
#ll-manos-y-coordinamos-la-visita .field input,#ll-manos-y-coordinamos-la-visita .field textarea{background:transparent;color:var(--c-text);border:0;border-bottom:1px solid var(--c-hairline);border-radius:0;padding:.55rem 0}
#ll-manos-y-coordinamos-la-visita .field textarea{min-height:110px}
#ll-manos-y-coordinamos-la-visita .field input::placeholder,#ll-manos-y-coordinamos-la-visita .field textarea::placeholder{color:#6B7A78}
#ll-manos-y-coordinamos-la-visita .field input:hover,#ll-manos-y-coordinamos-la-visita .field textarea:hover,#ll-manos-y-coordinamos-la-visita .field input:focus,#ll-manos-y-coordinamos-la-visita .field textarea:focus{border-bottom-color:var(--c-secondary)}
#ll-manos-y-coordinamos-la-visita .field input:focus,#ll-manos-y-coordinamos-la-visita .field textarea:focus{box-shadow:none;outline:2px solid var(--c-secondary);outline-offset:3px}
#ll-manos-y-coordinamos-la-visita .cta__submit{width:100%;margin-top:var(--sp-2)}
@media (min-width:900px){
#ll-manos-y-coordinamos-la-visita .cta__scrim{background:linear-gradient(to right, rgba(8,18,17,.92) 0%, rgba(8,18,17,.86) 44%, rgba(8,18,17,.58) 70%, rgba(8,18,17,.38) 100%)}
#ll-manos-y-coordinamos-la-visita .cta__grid{grid-template-columns:1.05fr .95fr;gap:clamp(2rem,1.5rem + 2.5vw,4rem);align-items:center}
}
/* mobile hero compression (owner review 2026-08-19): a full-viewport
   hero on a phone parked the CTA below the fold behind a wall of empty
   dark space. Content-sized with tight padding instead; the photo still
   fills whatever height the content earns. */
@media (max-width:767px){
  #hero{min-height:0;padding-top:clamp(6.5rem,24svh,10rem);padding-bottom:2.25rem}
}