/* TUARQUI · dirección visual editorial, luminosa y arquitectónica */
:root{--ink:#1e2930;--muted:#68737a;--paper:#fffefa;--sky:#a9c8d8;--sky-deep:#7eabbf;--line:#dfe8eb;--accent:#d9a56d;--radius:18px;--max:1240px;--ease:280ms cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:10;top:22px;left:50%;width:min(92%,var(--max));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:13px 18px 13px 22px;color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(17,43,55,.17);backdrop-filter:blur(12px)}.logo,.footer-logo{font-size:1.35rem;font-weight:850;letter-spacing:-.07em}.logo::before{content:"T";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border:1px solid currentColor;border-radius:7px;font-size:.72rem;vertical-align:2px}.main-nav{display:flex;gap:25px;font-size:.76rem;font-weight:700}.main-nav a{opacity:.9}.main-nav a:hover{opacity:1}
.hero{min-height:710px;padding:106px max(4vw,calc((100vw - var(--max))/2)) 42px;display:grid;grid-template-columns:.88fr 1.24fr .88fr;gap:12px;background:#83aec5}.hero-card{position:relative;min-height:560px;overflow:hidden;display:flex;align-items:flex-end;padding:27px;border-radius:14px;background-size:cover;background-position:center;color:white;isolation:isolate;transition:filter .5s ease,transform var(--ease)}.hero-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,29,39,.08) 22%,rgba(9,29,39,.82) 100%)}.hero-proyectos{background-image:url("../images/hero/proyectos.jpg")}.hero-construccion{background-image:url("../images/hero/construccion.jpg")}.hero-remodelaciones{background-image:url("../images/hero/remodelaciones.jpg")}.hero:hover .hero-card{filter:grayscale(.75) brightness(.74)}.hero .hero-card:hover{filter:none;transform:translateY(-5px)}.hero-overlay{max-width:520px}.eyebrow{margin:0 0 9px;color:inherit;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-overlay h1{margin:0 0 12px;font-size:clamp(1.7rem,3.15vw,3.65rem);line-height:.98;letter-spacing:-.055em}.hero-overlay p:not(.eyebrow){margin:0;max-width:36ch;font-size:.87rem}.hero-proyectos h1,.hero-remodelaciones h1{font-size:clamp(1.45rem,2.25vw,2.25rem)}
.intro-strip,.section,.contact-section{width:min(92%,var(--max));margin:0 auto;background:var(--paper)}.intro-strip{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:65px;margin-top:-3px;padding:58px 6%;border-radius:0 0 var(--radius) var(--radius)}.intro-copy h2{max-width:17ch;margin:0;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.02;letter-spacing:-.06em}.intro-copy>p:last-child{max-width:55ch;margin:21px 0 0;color:var(--muted)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:center;margin:0}.quick-stats div{padding-left:15px;border-left:1px solid var(--line)}.quick-stats dt{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:850;letter-spacing:-.07em}.quick-stats dd{margin:3px 0 0;color:var(--muted);font-size:.72rem;line-height:1.25}
.section{padding:100px 6%;border-top:1px solid var(--line)}.section-heading{max-width:730px;margin-bottom:48px}.section-heading h2,.service-intro h2,.service-feature h2,.team-copy h2,.contact-copy h2{margin:0 0 17px;font-size:clamp(2.05rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em}.section-heading>p:last-child{color:var(--muted)}.section .eyebrow,.intro-strip .eyebrow{color:var(--sky-deep)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-size:.79rem;font-weight:750;transition:transform var(--ease),background var(--ease),color var(--ease)}.btn:hover{transform:translateY(-2px);background:var(--sky-deep);border-color:var(--sky-deep)}.btn-outline{background:transparent;color:var(--ink)}
.service-block{padding-top:6px}.service-intro{max-width:810px;margin-bottom:40px}.service-intro>p:last-child{color:var(--muted)}.subservicios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.subservicio,.project-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white}.subservicio img{width:100%;aspect-ratio:1.1;object-fit:cover}.subservicio h3,.subservicio p{margin-right:20px;margin-left:20px}.subservicio h3{margin-top:20px;margin-bottom:7px;font-size:1.2rem;letter-spacing:-.04em}.subservicio p{color:var(--muted);font-size:.86rem}.subservicio p:last-child{margin-bottom:22px}.subservicio .highlight-text{color:var(--sky-deep);font-weight:800}.service-feature{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px;margin-top:100px}.service-feature>div>p:not(.eyebrow){max-width:48ch;color:var(--muted)}.service-feature>img,.before-after{width:100%;min-height:470px;border-radius:14px}.service-feature>img{object-fit:cover}.service-feature-reverse{grid-template-columns:1.12fr .88fr}.service-feature-reverse>:first-child{order:2}.before-after{position:relative;overflow:hidden;background:#d7e3e7}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after img:last-of-type{clip-path:inset(0 0 0 50%)}.before-after-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff}.before-after-divider::after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;color:var(--ink);transform:translate(-50%,-50%)}
.projects-section{background:#f5f8f8}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{transition:transform var(--ease),box-shadow var(--ease)}.project-card:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(28,49,58,.12)}.project-card img{width:100%;aspect-ratio:.95;object-fit:cover}.project-copy{padding:19px}.project-copy h3{margin:0 0 8px;font-size:1.2rem;letter-spacing:-.04em}.project-copy p{margin:.4em 0;color:var(--muted);font-size:.84rem}.project-copy .location{font-size:.74rem}.project-copy .btn{margin-top:11px}
.testimonials-section{width:min(92%,var(--max));max-width:var(--max);padding:100px 6%;background:#e4eef1}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.testimonial-card{padding:22px;background:var(--paper);border-radius:14px}.testimonial-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}.stars{margin:15px 0 9px;color:var(--accent);font-size:.86rem;letter-spacing:.1em}.testimonial-card blockquote{margin:0;color:var(--muted);font-size:.84rem}.testimonial-name{margin:16px 0 0;font-weight:800;font-size:.84rem}.team-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.team-copy p:last-child{color:var(--muted)}.team-section img{width:100%;min-height:470px;border-radius:14px;object-fit:cover}
.contact-section{display:grid;grid-template-columns:.83fr 1.17fr;min-height:570px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:var(--ink);color:white}.contact-copy{padding:75px 12%;display:flex;flex-direction:column;justify-content:center}.contact-copy .btn{border-color:white;background:white;color:var(--ink)}.contact-copy .btn-outline{background:transparent;color:white}.contact-option{margin-top:20px}.contact-option p{margin:0 0 7px;color:#d3e0e4;font-size:.84rem}.contact-images{display:grid;grid-template-columns:1fr 1fr}.contact-images img{width:100%;height:100%;object-fit:cover}.site-footer{width:min(92%,var(--max));margin:0 auto;background:#14272f;color:#e7f0f2;padding-bottom:42px}.back-to-top{display:flex;min-height:62px;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.18);font-size:1.5rem}.footer-grid{padding:48px 6% 0;display:grid;grid-template-columns:.8fr 1fr 1.6fr;gap:38px;font-size:.84rem}.footer-logo{font-size:1.8rem}.social-links{display:flex;flex-wrap:wrap;gap:14px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-grid h4{margin:0 0 8px}.map-placeholder{display:grid;place-items:center;min-height:105px;padding:10px;border:1px solid rgba(255,255,255,.18);color:#a9bdc4;text-align:center;font-size:.7rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
.hero-proyectos{background-image:url("../images/hero/proyectos.jpg?v=1")}.hero-construccion{background-image:url("../images/hero/construccion.jpg?v=1")}.hero-remodelaciones{background-image:url("../images/hero/remodelaciones.jpg?v=1")}
.site-header{padding:14px 0;background:transparent;border:0;border-radius:0;backdrop-filter:none}.logo{display:block;line-height:0}.logo::before{display:none}.logo img{width:130px;height:auto}.main-nav{gap:28px}
body{font-family:Poppins,Arial,Helvetica,sans-serif}.hero-overlay{display:flex;min-height:100%;flex-direction:column;align-items:flex-start}.hero-title{min-height:2.7em;margin-bottom:8px!important;font-size:.75rem!important;letter-spacing:.17em!important}.outline-title{color:transparent!important;-webkit-text-stroke:1.5px #fff;font-size:clamp(2.65rem,4.8vw,5.4rem)!important;font-weight:800!important;line-height:.8!important;letter-spacing:-.08em!important}.hero-remodelaciones h1{font-size:clamp(1.75rem,2.7vw,2.9rem)}.interest-button{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:10px 18px;border-radius:999px;background:#00a99d;color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 8px 18px rgba(0,169,157,.28);transition:transform var(--ease),background var(--ease)}.hero-card:hover .interest-button{background:#06beb2;transform:translateY(-2px)}
body{font-family:Poppins,Arial,Helvetica,sans-serif}.hero-overlay{display:flex;min-height:0;flex-direction:column;align-items:flex-start}.hero-title{min-height:0;margin-bottom:8px!important;font-size:.75rem!important;letter-spacing:.17em!important}.hero-remodelaciones h1{font-size:clamp(1.75rem,2.7vw,2.9rem)}.interest-button{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:10px 18px;border-radius:999px;background:#00a99d;color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 8px 18px rgba(0,169,157,.28);transition:transform var(--ease),background var(--ease)}.hero-card:hover .interest-button{background:#06beb2;transform:translateY(-2px)}
body{font-family:Poppins,Arial,Helvetica,sans-serif}.hero-overlay{display:flex;min-height:0;flex-direction:column;align-items:flex-start}.hero-title{min-height:0;margin-bottom:8px!important;font-size:.75rem!important;letter-spacing:.17em!important}.hero-remodelaciones h1{font-size:clamp(1.75rem,2.7vw,2.9rem)}.hero-card{overflow:visible}.interest-button{position:absolute;bottom:-14px;left:18px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:94px;margin:0;padding:9px 15px;border-radius:999px;background:#fff500;color:#111;font-size:.72rem;font-weight:800;line-height:1;box-shadow:none;opacity:0;animation:button-rise .6s cubic-bezier(.2,.8,.2,1) .2s forwards}.hero-construccion .interest-button{left:50%;animation-name:button-rise-center;animation-delay:.42s}.hero-remodelaciones .interest-button{right:18px;left:auto;animation-delay:.64s}.hero-card:hover .interest-button{background:#fff500}.hero-card:hover .hero-proyectos .interest-button{transform:none}@keyframes button-rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes button-rise-center{from{opacity:0;transform:translate(-50%,34px)}to{opacity:1;transform:translate(-50%,0)}}
body{font-family:Poppins,Arial,Helvetica,sans-serif}.hero-overlay{display:flex;min-height:0;flex-direction:column;align-items:flex-start}.hero-title{min-height:0;margin-bottom:8px!important;font-size:.75rem!important;letter-spacing:.17em!important}.hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{font-size:clamp(1.8rem,2.45vw,2.75rem)!important;line-height:1!important}.hero-overlay p:not(.eyebrow){font-size:.87rem}.hero-card{overflow:visible}.interest-button{position:absolute;bottom:-14px;left:18px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:94px;margin:0;padding:9px 15px;border-radius:999px;background:#fff500;color:#111;font-size:.72rem;font-weight:800;line-height:1;box-shadow:none;opacity:0;animation:button-rise .6s cubic-bezier(.2,.8,.2,1) .2s forwards}.hero-construccion .interest-button{left:50%;animation-name:button-rise-center;animation-delay:.42s}.hero-remodelaciones .interest-button{right:18px;left:auto;animation-delay:.64s}.hero-card:hover .interest-button{background:#fff500}.hero-card:hover .hero-proyectos .interest-button{transform:none}@media(min-width:701px){.hero-overlay{height:210px}}@keyframes button-rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes button-rise-center{from{opacity:0;transform:translate(-50%,34px)}to{opacity:1;transform:translate(-50%,0)}}
body{font-family:Poppins,Arial,Helvetica,sans-serif}.hero-proyectos{background-image:url("../images/hero/proyectos.png?v=2")}.hero-construccion{background-image:url("../images/hero/construccion.png?v=2")}.hero-remodelaciones{background-image:url("../images/hero/remodelaciones.png?v=2")}.hero-card{overflow:visible;border-radius:26px;background-clip:padding-box;box-shadow:none;transform-origin:center bottom}.hero-card::before{border-radius:inherit}.hero:hover .hero-card{filter:grayscale(.72) brightness(.68)}.hero .hero-card:hover{z-index:4;filter:grayscale(0) brightness(1);transform:scale(1.065)}.interest-button{bottom:-30px;animation:button-rise-soft .85s cubic-bezier(.16,1,.3,1) .15s both}.hero-construccion .interest-button{animation:button-rise-center-soft .85s cubic-bezier(.16,1,.3,1) .4s both}.hero-remodelaciones .interest-button{animation-delay:.65s}@media(min-width:701px){.hero-overlay{height:192px}}@keyframes button-rise-soft{0%{opacity:0;transform:translateY(46px) scale(.82)}70%{opacity:1;transform:translateY(-4px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-rise-center-soft{0%{opacity:0;transform:translate(-50%,46px) scale(.82)}70%{opacity:1;transform:translate(-50%,-4px) scale(1.04)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:1024px){.hero{min-height:auto;grid-template-columns:repeat(3,1fr)}.hero-card{min-height:500px;padding:20px}.intro-strip{grid-template-columns:1fr;gap:32px}.service-feature,.service-feature-reverse,.team-section{grid-template-columns:1fr;gap:36px}.service-feature-reverse>:first-child{order:initial}.subservicios,.project-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.contact-section{grid-template-columns:1fr}.contact-images{min-height:350px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:last-child{grid-column:1/-1}}
@media(max-width:700px){.site-header{top:13px;padding:11px 16px}.main-nav{display:none}.hero{display:block;padding:73px 12px 12px}.hero-card{min-height:72svh;margin-bottom:10px;padding:25px}.hero:hover .hero-card,.hero .hero-card:hover{filter:none;transform:none}.intro-strip,.section,.contact-section,.testimonials-section,.site-footer{width:100%;border-radius:0}.intro-strip,.section,.testimonials-section{padding:67px 7%}.quick-stats{grid-template-columns:1fr}.quick-stats div{padding:10px 0;border-left:0;border-bottom:1px solid var(--line)}.subservicios,.project-grid,.testimonial-grid,.contact-images,.footer-grid,.map-grid{grid-template-columns:1fr}.service-feature{margin-top:65px}.service-feature>img,.before-after,.team-section img{min-height:340px}.contact-copy{padding:67px 7%}.footer-grid>:last-child{grid-column:auto}.hero-overlay h1{font-size:clamp(2rem,10vw,3.4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.menu-toggle{display:none}.interest-button{bottom:-16px}
@media(max-width:700px){
    .site-header{top:0;left:0;width:100%;padding:18px 22px;transform:none}.logo img{width:122px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;margin-left:auto;background:#fff;transition:transform var(--ease),opacity var(--ease)}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .main-nav{display:none}.main-nav.is-open{position:absolute;top:68px;right:16px;display:flex;flex-direction:column;gap:0;min-width:210px;padding:8px 0;background:#101719;box-shadow:0 12px 28px rgba(0,0,0,.22)}.main-nav.is-open a{padding:13px 18px;color:#fff}
    .hero{display:block;padding:0;background:#101719}.hero-card{display:block;min-height:100svh;height:100svh;margin:0 0 285px;padding:0;border-radius:0;overflow:visible;background-position:center;transform:none!important}.hero-card::before{border-radius:0;background:linear-gradient(180deg,rgba(8,18,22,.05),rgba(8,18,22,.18))}.hero:hover .hero-card,.hero .hero-card:hover{filter:none;transform:none}
    .hero-overlay{position:absolute;top:100%;left:0;right:0;min-height:285px;height:auto;padding:28px 24px 32px;background:#101719;color:#fff}.hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{font-size:clamp(2rem,9vw,3rem)!important}.hero-overlay p:not(.eyebrow){font-size:.94rem}.interest-button,.hero-construccion .interest-button,.hero-remodelaciones .interest-button{position:static;display:inline-flex;margin-top:22px;animation:none;opacity:1;transform:none}.hero-construccion .interest-button{left:auto}.hero-remodelaciones .interest-button{right:auto}
}
@media(max-width:700px){
    .site-header:focus-within .main-nav{position:absolute;top:68px;right:16px;display:flex;flex-direction:column;gap:0;min-width:210px;padding:8px 0;background:#101719;box-shadow:0 12px 28px rgba(0,0,0,.22)}
    .site-header:focus-within .main-nav a{padding:13px 18px;color:#fff}
}
@media(max-width:700px){
    .mobile-hero-heading{display:none}
    .hero{background:#101719}
    .hero-card{height:100svh;min-height:100svh;margin:0 0 349px;padding:0;background-position:center}
    .hero-card::before{inset:0;height:auto;background:linear-gradient(180deg,rgba(8,18,22,.05),rgba(8,18,22,.18))}
    .hero-overlay{position:absolute;top:calc(100% - 64px);right:0;left:0;min-height:349px;padding:0 24px 32px;background:linear-gradient(to bottom,transparent 0,transparent 64px,#101719 64px,#101719 100%)}
    .hero-overlay>.hero-title,.hero-overlay>h1{display:block}
    .hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{margin:0 0 24px;white-space:nowrap;overflow:hidden;font-size:clamp(1.1rem,5.1vw,1.4rem)!important;line-height:1!important;text-overflow:clip}
    .hero-overlay p:not(.eyebrow){margin:0;font-size:.94rem}
}
@media(min-width:701px) and (max-width:1024px){.hero-overlay{height:215px}}
@media(max-width:700px){
    .hero{background:var(--paper)}
    .hero-card{height:auto;min-height:0;margin:0;padding:100svh 0 0;background-position:center top}
    .hero-card::before{top:0;bottom:auto;height:100svh;background:linear-gradient(180deg,rgba(8,18,22,.03),rgba(8,18,22,.22))}
    .mobile-hero-heading{position:absolute;z-index:3;top:calc(100svh - 78px);right:24px;left:24px;color:#fff}.mobile-hero-heading .eyebrow{margin:0 0 5px;font-size:.75rem;font-weight:800;letter-spacing:.17em}.mobile-hero-heading h2{display:-webkit-box;max-width:100%;margin:0;overflow:hidden;font-size:clamp(2rem,9vw,3rem);line-height:1;-webkit-box-orient:vertical;-webkit-line-clamp:1}
    .hero-overlay{position:relative;top:auto;left:auto;right:auto;min-height:0;padding:26px 24px 24px;background:#101719}.hero-overlay>.hero-title,.hero-overlay>h1{display:none}.hero-overlay p:not(.eyebrow){margin:0;font-size:.94rem}.interest-button,.hero-construccion .interest-button,.hero-remodelaciones .interest-button{margin-top:21px}
}
@media(min-width:701px){.hero-overlay{height:172px}}
@media(max-width:700px){
    .hero-card{margin-bottom:349px}
    .hero-overlay{top:calc(100% - 64px);min-height:349px;padding:0 24px 32px;background:linear-gradient(to bottom,transparent 0,transparent 64px,#101719 64px,#101719 100%)}
    .hero-title{margin-top:0!important;margin-bottom:6px!important;padding-top:0;font-size:.69rem!important}
    .hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{margin:0 0 24px;white-space:nowrap;overflow:hidden;font-size:clamp(1.1rem,5.1vw,1.4rem)!important;line-height:1!important;text-overflow:clip}
    .hero-overlay p:not(.eyebrow){margin:0}
}
@media(max-width:700px){
    .hero{background:#101719}.hero-card{height:100svh;min-height:100svh;margin:0 0 285px;padding:0;background-position:center}.hero-card::before{inset:0;height:auto;background:linear-gradient(180deg,rgba(8,18,22,.05),rgba(8,18,22,.18))}.hero-overlay{position:absolute;top:100%;right:0;left:0;min-height:285px;padding:28px 24px 32px;background:#101719;color:#fff}.hero-overlay>.hero-title,.hero-overlay>h1{display:block!important}.hero-title{margin-bottom:8px!important;font-size:.75rem!important}.hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{margin:0 0 12px;white-space:normal;overflow:visible;font-size:clamp(2rem,9vw,3rem)!important;line-height:1!important}.hero-overlay p:not(.eyebrow){margin:0;font-size:.94rem}.interest-button,.hero-construccion .interest-button,.hero-remodelaciones .interest-button{position:static;display:inline-flex;margin-top:22px;animation:none;opacity:1;transform:none}
}
@media(max-width:700px){.hero{display:flex;flex-direction:column}.hero-construccion{order:1}.hero-remodelaciones{order:2}.hero-proyectos{order:3}}
@media(max-width:700px){.hero-construccion{margin-bottom:65px}.hero-construccion .hero-overlay{top:calc(100% - 220px)}}
@media(max-width:700px){.hero-title{font-size:.975rem!important}.hero-overlay h1,.hero-proyectos h1,.hero-remodelaciones h1{font-size:clamp(2rem,9vw,3rem)!important}.interest-button,.hero-construccion .interest-button,.hero-remodelaciones .interest-button{align-self:center}}
@media(max-width:700px){.hero-overlay .hero-title{position:absolute;top:calc(-100svh + 28px);left:24px;z-index:2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}.hero-construccion .hero-title{top:calc(-100svh + 248px)}}
@media(max-width:700px){.hero-construccion .hero-title{display:none!important}}
@media(min-width:701px){.hero-overlay .hero-title{position:absolute;top:24px;left:24px;margin:0!important}}
.intro-brand{display:flex;align-items:center;gap:13px!important;letter-spacing:.11em!important}.intro-brand img{width:116px;max-width:42%;height:auto}.intro-brand span{white-space:nowrap}.quick-stats dt{display:flex;align-items:center;gap:8px}.stat-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid #0063ff;border-radius:50%;color:#0063ff;font-size:1rem;font-weight:800;line-height:1;animation:stat-float 2.8s ease-in-out infinite}.stat-icon-location{animation-delay:.45s}.stat-icon-project{animation:stat-spin 4s linear infinite}@keyframes stat-float{0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(0,99,255,0)}50%{transform:translateY(-4px);box-shadow:0 7px 16px rgba(0,99,255,.18)}}@keyframes stat-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.intro-brand img{width:128px}.stat-icon{width:32px;height:32px}}
.hero{background:linear-gradient(180deg,#83aec5 0%,#bed6e0 62%,#fff 100%)}.intro-strip{width:100%;min-height:100svh;margin:0;max-width:none;padding:58px max(7%,calc((100vw - var(--max))/2));border-radius:0;background:#fff}
.intro-strip{display:flex;flex-direction:column;justify-content:space-between;gap:56px;overflow:hidden}.intro-copy{max-width:920px;padding-top:clamp(16px,5vh,68px)}.intro-copy h2{max-width:18ch;font-size:clamp(3rem,5.7vw,6.1rem);font-weight:500;line-height:.98;letter-spacing:-.075em}.intro-copy h2 span{display:inline;padding:0 .16em .06em;border-radius:.42em;background:#d9f0bd}.intro-copy>p:last-child{max-width:36ch;margin:30px 0 0;padding:20px 24px;border:1px solid #d9e0e3;border-radius:22px;color:#27383e;font-size:1rem;line-height:1.35}.stats-marquee{width:100vw;margin:0 0 -58px calc(50% - 50vw);overflow:hidden;border-top:1px solid #b8c5c9;border-bottom:1px solid #b8c5c9;background:#fff}.stats-track{display:flex;width:max-content;animation:stats-scroll 24s linear infinite}.stat-item{display:flex;align-items:center;gap:11px;min-width:max-content;padding:17px 36px;border-right:1px solid #d7e0e3;color:#1d2d33}.stat-item svg{width:27px;height:27px;fill:none;stroke:#0063ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stat-item strong{font-size:1rem;font-weight:750}.stat-item span{color:#607177;font-size:.78rem}@keyframes stats-scroll{to{transform:translateX(-50%)}}@media(max-width:700px){.intro-strip{min-height:100svh;padding:52px 7%}.intro-copy{padding-top:20px}.intro-copy h2{font-size:clamp(2.7rem,13vw,4.1rem)}.intro-copy>p:last-child{margin-top:24px;padding:17px 19px;font-size:.92rem}.stats-marquee{width:100vw;margin:0 0 -52px calc(50% - 50vw)}.stat-item{padding:15px 24px}.stat-item span{font-size:.72rem}}
.intro-strip{gap:32px;font-family:Arial,Helvetica,sans-serif}.intro-copy,.intro-image{width:min(100%,960px);margin-right:auto;margin-left:auto}.intro-copy{padding-top:clamp(10px,3vh,34px)}.intro-copy h2{max-width:17ch;font-size:clamp(2.45rem,4.15vw,4.5rem);font-weight:400;letter-spacing:-.065em}.intro-copy>p:last-child{margin-top:22px;font-size:.94rem}.intro-image{overflow:hidden;max-height:260px;border-radius:44px}.intro-image img{width:100%;height:260px;object-fit:cover;object-position:center 54%}@media(max-width:700px){.intro-strip{gap:28px}.intro-copy h2{font-size:clamp(2.25rem,10.5vw,3.25rem)}.intro-image{max-height:205px;border-radius:28px}.intro-image img{height:205px}}
.intro-strip{min-height:0;padding-top:42px;padding-bottom:0;gap:18px}.intro-copy h2{max-width:none;margin:0;font-size:clamp(2.25rem,3.8vw,4rem);line-height:1.02}.intro-copy h2 span{padding-right:.12em;padding-left:.12em}.intro-image{max-height:220px}.intro-image img{height:220px}.intro-blurb{position:relative;z-index:1;width:min(42%,405px);margin:-56px max(7%,calc((100vw - var(--max))/2)) 18px auto;padding:18px 21px;border:1px solid #d9e0e3;border-radius:22px;background:#fff;color:#27383e;font-size:.92rem;line-height:1.35}.stats-marquee{margin-bottom:0}@media(max-width:700px){.intro-strip{min-height:0;padding-top:38px;gap:15px}.intro-copy h2{font-size:1.5rem;line-height:1.08;letter-spacing:-.045em;white-space:nowrap}.intro-image{max-height:190px}.intro-image img{height:190px}.intro-blurb{width:86%;margin:-35px auto 14px;padding:15px 17px;border-radius:18px;font-size:.86rem}.stats-marquee{margin-bottom:0}}
.intro-copy{margin-right:max(7%,calc((100vw - var(--max))/2));margin-left:auto;text-align:right}.intro-blurb{margin-right:auto;margin-left:max(7%,calc((100vw - var(--max))/2))}@media(max-width:700px){.intro-copy{margin-right:0;margin-left:auto;text-align:right}.intro-blurb{margin-right:auto;margin-left:7%}}
@media(max-width:700px){.intro-image{width:100vw;max-width:none;margin-right:0;margin-left:calc(50% - 50vw);border-radius:0}.intro-image img{width:100%;border-radius:0}}
.services-section{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding-right:max(7%,calc((100vw - var(--max))/2));padding-left:max(7%,calc((100vw - var(--max))/2));background:#101719}.services-section .service-block{position:relative;z-index:0}.services-section .subservicios{position:relative;z-index:0}.services-section .subservicios::before{content:"";position:absolute;z-index:-1;top:-330px;right:calc(50% - 50vw);bottom:50%;left:calc(50% - 50vw);background:#83aec5}.services-section .service-intro{color:#112d38}.services-section .service-feature{color:#fff}.services-section .service-feature>div>p:not(.eyebrow){color:#cad8dc}.services-section .service-feature .eyebrow{color:#58d5d0}.services-section .service-feature .btn{border-color:#fff;background:#fff;color:#101719}@media(max-width:700px){.services-section{padding-right:7%;padding-left:7%}.services-section .subservicios::before{top:-270px}}
.services-section{background:#101719}.services-section .service-block{position:relative;z-index:auto;isolation:isolate;color:#112d38}.services-section .service-block::before{content:"";position:absolute;z-index:-1;top:-100px;right:calc(50% - 50vw);bottom:0;left:calc(50% - 50vw);background:linear-gradient(to bottom,#83aec5 0,#83aec5 68%,#101719 68%,#101719 100%)}.services-section .subservicios::before{display:none}.services-section .service-intro{position:relative;color:#112d38}.services-section .subservicios{position:relative;z-index:auto}@media(max-width:700px){.services-section .service-block::before{top:-67px;background:linear-gradient(to bottom,#83aec5 0,#83aec5 62%,#101719 62%,#101719 100%)}}
.services-section{background:#fff}.services-section .service-block{color:#fff}.services-section .service-block::before{background:linear-gradient(to bottom,#101719 0,#101719 68%,#fff 68%,#fff 100%)}.services-section .service-intro{color:#fff}.services-section .service-intro>p:last-child{color:#d3e0e4}.services-section .service-intro .eyebrow{color:#58d5d0}.services-section .service-feature{color:#112d38}.services-section .service-feature>div>p:not(.eyebrow){color:var(--muted)}.services-section .service-feature .eyebrow{color:#0063ff}.services-section .service-feature .btn{border-color:#112d38;background:#112d38;color:#fff}@media(max-width:700px){.services-section .service-block::before{background:linear-gradient(to bottom,#101719 0,#101719 62%,#fff 62%,#fff 100%)}}
.services-section .subservicio h3{display:block!important;color:#112d38!important;opacity:1!important;visibility:visible!important}.services-section .subservicio img{width:100%;object-fit:cover}
.services-section .subservicio h3{font-size:1.56rem;color:#fff500!important}
.services-section .subservicio h3{font-size:1.2rem;color:#112d38!important}.services-section .service-intro .eyebrow,.services-section .service-feature .eyebrow{font-size:.884rem}
.services-section{display:flex;flex-direction:column}.services-section .service-block{order:1}.services-section .service-feature-reverse{order:2}.services-section .service-feature:not(.service-feature-reverse){order:3}.services-section .subservicio p,.services-section .service-feature>div>p:not(.eyebrow){color:#000!important}
.services-section .service-block::before{background:linear-gradient(to bottom,#101719 0,#101719 80%,#fff 100%)}.services-section .subservicio h3 .title-sustentables{color:#4da64d}.services-section .subservicio h3 .title-inteligentes{color:#0063ff}.services-section .subservicio h3 .title-unico{color:#f9ad00}@media(max-width:700px){.services-section .service-block::before{background:#101719}}
.services-section .service-block::before{background:linear-gradient(to bottom,#101719 0,#101719 72%,#fff 100%)}.services-section .subservicio{border:0}
@media(min-width:701px) and (max-width:1024px){.services-section .subservicios{grid-template-columns:repeat(3,minmax(0,1fr))}}
main{display:flex;flex-direction:column}main>.hero{order:1}main>.intro-strip{order:2}main>#servicios{order:3}main>#testimonios{order:4}main>#equipo{order:5}main>#ultimos-proyectos{order:6}main>.contact-section{order:7}#testimonios,#equipo,#ultimos-proyectos{width:100%;max-width:none;margin:0;border-radius:0;padding-right:max(7%,calc((100vw - var(--max))/2));padding-left:max(7%,calc((100vw - var(--max))/2))}#testimonios{background:linear-gradient(145deg,#071114 0%,#101719 58%,#24383d 100%);color:#fff}#testimonios .section-heading .eyebrow{color:#58d5d0}#testimonios .testimonial-card{background:#fff;color:#112d38}#equipo{background:#fff}#ultimos-proyectos{background:#f5f8f8}@media(max-width:700px){#testimonios,#equipo,#ultimos-proyectos{padding-right:7%;padding-left:7%}}
#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 72%,#fff 100%)}#testimonios .section-heading .eyebrow,#equipo .team-copy .eyebrow,#ultimos-proyectos .section-heading .eyebrow{font-size:.884rem}#testimonios .section-heading .eyebrow{color:#58d5d0}#equipo .team-copy .eyebrow,#ultimos-proyectos .section-heading .eyebrow{color:#0063ff}@media(max-width:700px){#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 72%,#fff 100%)}}
#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 60%,#fff 92%,#fff 100%)}@media(max-width:700px){#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 60%,#fff 92%,#fff 100%)}}
#equipo{border-top:0}
#testimonios .testimonial-card{position:relative}#testimonios .testimonial-name{position:absolute;top:30px;left:92px;margin:0;color:#112d38;font-size:.84rem;line-height:1.25}#testimonios .stars{margin-top:15px}
#testimonios .testimonial-card blockquote{color:#000}#testimonios .stars{font-size:1.2rem}
#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 48%,#fff 75%,#fff 100%)}@media(max-width:700px){#testimonios{background:linear-gradient(to bottom,#101719 0,#101719 48%,#fff 75%,#fff 100%)}}
#testimonios{padding-bottom:35px}#equipo{padding-top:55px}@media(max-width:700px){#testimonios{padding-bottom:28px}#equipo{padding-top:45px}}
#ultimos-proyectos{padding-top:45px;background:linear-gradient(to bottom,#fff 0,#fff 66%,#101719 66%,#101719 100%)}.contact-section{grid-template-columns:1fr;min-height:0;border-radius:0}.contact-copy{padding:62px max(7%,calc((100vw - var(--max))/2))}.site-footer{width:100%;max-width:none;margin:0;background:#101719}.footer-grid{grid-template-columns:1fr 1fr;padding-right:max(7%,calc((100vw - var(--max))/2));padding-left:max(7%,calc((100vw - var(--max))/2))}.footer-map-band{position:relative;width:100%;height:330px;overflow:hidden;background:#0a0f11}.footer-map-band iframe{width:100%;height:100%;border:0;filter:grayscale(.2) contrast(1.05)}.footer-map-band a{position:absolute;right:24px;bottom:22px;padding:10px 15px;border-radius:999px;background:#101719;color:#fff;font-size:.8rem;font-weight:700}@media(max-width:700px){#ultimos-proyectos{padding-top:35px;background:linear-gradient(to bottom,#fff 0,#fff 62%,#101719 62%,#101719 100%)}.contact-copy{padding:52px 7%}.footer-grid{grid-template-columns:1fr;padding-right:7%;padding-left:7%}.footer-map-band{height:260px}.footer-map-band a{right:14px;bottom:14px;left:14px;text-align:center}}
.contact-section{width:100%;max-width:none;margin:0}
.contact-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:430px}.contact-details{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:center;padding:62px max(7%,calc((100vw - var(--max))/2)) 62px 34px;color:#fff}.contact-details .eyebrow{margin-bottom:12px}.contact-details p:not(.eyebrow){margin:0 0 13px;font-size:.87rem}.contact-details .social-links{flex-direction:column;align-items:flex-start;gap:11px;font-size:.87rem;font-weight:700}.contact-details a:hover{color:#58d5d0}@media(max-width:700px){.contact-section{grid-template-columns:1fr;min-height:0}.contact-details{grid-template-columns:1fr;gap:28px;padding:0 7% 48px}.contact-details .social-links{flex-direction:row;flex-wrap:wrap}}
#ultimos-proyectos{padding-bottom:30px;background:linear-gradient(to bottom,#fff 0,#fff 20%,#101719 20%,#101719 100%)}.contact-section{min-height:0;align-items:start;background:#101719}.contact-copy{padding-top:42px;padding-bottom:42px}.contact-details{padding-top:42px;padding-bottom:42px}@media(max-width:700px){#ultimos-proyectos{padding-bottom:24px;background:linear-gradient(to bottom,#fff 0,#fff 18%,#101719 18%,#101719 100%)}.contact-copy{padding-top:38px;padding-bottom:34px}}
#ultimos-proyectos .project-type{margin:0 0 5px;color:#0063ff;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.project-actions{display:flex;align-items:center;gap:12px;margin-top:13px}.project-copy .project-actions .btn{margin:0;border-color:#101719;background:#101719;color:#fff}.project-actions .location{display:flex;align-items:center;margin:0;color:#33444a;font-size:.74rem;line-height:1.2}.project-actions .location::before{content:"⌖";margin-right:5px;color:#0063ff;font-size:1.15rem;line-height:1}
#ultimos-proyectos{background:linear-gradient(to bottom,#fff 0,#fff 50%,#101719 50%,#101719 100%)}@media(max-width:700px){#ultimos-proyectos{background:linear-gradient(to bottom,#fff 0,#fff 50%,#101719 50%,#101719 100%)}}
