@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap');

:root{--ink:#111315;--ink-2:#191c1f;--paper:#f4f3ef;--white:#fff;--muted:#6e7174;--line:#d9d8d2;--accent:#ef4d2f;--accent-dark:#c9361e;--max:1180px;--display:'Barlow Condensed',Arial,sans-serif;--body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:16px;top:-60px;background:var(--white);color:var(--ink);padding:10px 16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #ffb3a5;outline-offset:4px}.header{position:fixed;inset:0 0 auto;z-index:50;color:var(--white);border-bottom:1px solid rgba(255,255,255,.13);transition:background .25s}.header.scrolled{background:rgba(15,17,19,.96);backdrop-filter:blur(12px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{position:relative;width:38px;height:38px;border:2px solid var(--accent);transform:skew(-9deg);display:flex;align-items:center;justify-content:center;gap:3px}.brand-mark i{display:block;width:4px;background:var(--accent);transform:skew(9deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:16px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:800 1.25rem/1 var(--display);letter-spacing:.04em}.brand-copy small{font:600 .58rem/1 var(--body);letter-spacing:.28em;color:#b5b7b9;margin-top:5px}.nav{display:flex;align-items:center;gap:28px}.nav>a{font-size:.77rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.nav>a:not(.nav-cta){color:#d9d9d9}.nav>a:not(.nav-cta):hover{color:var(--white)}.nav-cta{background:var(--accent);padding:12px 18px}.nav-cta:hover{background:var(--accent-dark)}.menu-toggle{display:none;border:0;background:none;color:white;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:5px 0;transition:.2s}
.hero{position:relative;min-height:780px;height:100svh;max-height:950px;color:var(--white);display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url('../images/oficina-hero.jpg') center/cover no-repeat;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(8,10,11,.98) 0%,rgba(8,10,11,.86) 38%,rgba(8,10,11,.24) 68%,rgba(8,10,11,.12)),linear-gradient(0deg,rgba(8,10,11,.7),transparent 40%)}.hero-inner{position:relative;z-index:2;padding-top:88px}.hero-copy{max-width:690px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700}.eyebrow{color:#d0d1d1;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(4.6rem,8.2vw,7.5rem)/.84 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:25px 0 30px;max-width:650px}.hero h1 em,.section h2 em{color:var(--accent);font-style:italic}.hero-lead{max-width:610px;color:#d1d2d2;font-size:1.08rem;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{border:1px solid rgba(255,255,255,.4);color:var(--white)}.btn-ghost:hover{background:rgba(255,255,255,.1)}.hero-points{display:flex;gap:0;margin-top:58px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px}.hero-points span{font:600 .72rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.06em;padding:0 17px;border-right:1px solid rgba(255,255,255,.25)}.hero-points span:first-child{padding-left:0}.hero-points span:last-child{border:0}.hero-index{position:absolute;z-index:2;right:4vw;bottom:32px;display:flex;align-items:center;gap:12px;font:600 .64rem var(--body);letter-spacing:.15em;color:#ccc;writing-mode:vertical-rl}.hero-index span{width:1px;height:52px;background:rgba(255,255,255,.35)}
.intro-strip{background:var(--accent);color:var(--white)}.intro-strip .container{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:30px}.intro-strip p{margin:0;font:italic 700 1.8rem var(--display);text-transform:uppercase}.intro-strip span{font-size:.69rem;text-transform:uppercase;letter-spacing:.13em}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end;margin-bottom:55px}.kicker{color:var(--accent);margin-bottom:17px}.section h2{font:700 clamp(3rem,5.5vw,5rem)/.95 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0}.section-head>p{color:var(--muted);margin:0 0 8px;max-width:430px}.services{background:var(--paper)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{position:relative;min-height:320px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.service-card:hover{background:var(--ink);color:var(--white)}.service-no{position:absolute;top:24px;right:26px;font:600 .65rem var(--body);color:#9b9d9e}.service-icon{width:50px;height:50px;border:1px solid #bdbdb8;display:grid;place-items:center;font:700 1.3rem var(--display);transform:skew(-7deg);margin-bottom:42px}.service-card h3{font:700 1.7rem/1 var(--display);text-transform:uppercase;margin-bottom:16px}.service-card p{font-size:.87rem;color:var(--muted);margin:0;max-width:300px}.service-card:hover p{color:#bcbec0}.service-card>i{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--accent);transition:width .25s}.service-card:hover>i{width:100%}
.about{background:#e9e8e3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-visual{min-height:620px;background:linear-gradient(0deg,rgba(10,11,12,.84),rgba(10,11,12,.1)),url('../images/oficina-hero.jpg') 73% center/auto 100% no-repeat;position:relative;display:flex;align-items:flex-end;padding:42px}.about-visual:before{content:'';position:absolute;inset:20px;border:1px solid rgba(255,255,255,.28)}.about-visual span{position:relative;color:white;font:italic 700 3.2rem/.87 var(--display);text-transform:uppercase}.about-copy>p:not(.kicker){color:var(--muted);margin:30px 0;line-height:1.85}.about-copy ul{list-style:none;padding:0;margin:35px 0 0;border-top:1px solid #cac9c4}.about-copy li{padding:17px 0;border-bottom:1px solid #cac9c4;text-transform:uppercase;font:700 1rem var(--display);letter-spacing:.04em}.about-copy li span{color:var(--accent);font:600 .65rem var(--body);margin-right:20px}
.difference{background:var(--ink);color:white}.section-head.light>p{color:#aeb0b1}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3b3e40}.difference-grid article{padding:38px 28px 15px;border-right:1px solid #3b3e40;min-height:230px}.difference-grid article:last-child{border:0}.difference-grid b{color:var(--accent);font-size:.66rem}.difference-grid h3{font:700 1.6rem var(--display);text-transform:uppercase;margin:55px 0 12px}.difference-grid p{color:#aeb0b1;font-size:.86rem}
.info{background:var(--white)}.info-grid{display:grid;grid-template-columns:1.1fr .85fr .85fr;gap:18px}.info-heading{padding:25px 45px 25px 0}.info-heading>p:not(.kicker){color:var(--muted);margin:28px 0}.text-link{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;border-bottom:2px solid var(--accent);padding-bottom:7px}.text-link span{color:var(--accent)}.info-card{background:var(--paper);border:1px solid #e0dfda;padding:34px;min-height:410px;display:flex;flex-direction:column}.info-icon{font-size:1.8rem;color:var(--accent);margin-bottom:35px}.info-card dl{margin:10px 0 20px}.info-card dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.8rem}.info-card dt{color:var(--muted)}.info-card dd{font-weight:600;margin:0;text-align:right}.info-card small{color:#8a8b8c;font-size:.67rem;margin-top:auto}.location h3{font:700 1.8rem/1.1 var(--display);text-transform:uppercase}.map-lines{position:relative;height:120px;margin:18px -10px 25px;background:repeating-linear-gradient(20deg,transparent 0 25px,#deddd7 26px 28px,transparent 29px 55px)}.map-lines i{position:absolute;height:2px;width:100%;background:#d2d1cb;transform:rotate(-15deg);top:50%}.map-lines i:nth-child(2){transform:rotate(23deg);top:23%}.map-lines i:nth-child(3){transform:rotate(0deg);top:75%}.map-lines b{position:absolute;width:18px;height:18px;border-radius:50% 50% 50% 0;background:var(--accent);left:55%;top:42%;transform:rotate(-45deg)}
.final-cta{background:var(--accent);color:white;text-align:center;padding:100px 0}.final-cta .kicker{color:white;opacity:.8}.final-cta h2{font:800 clamp(3.3rem,6vw,6rem)/.9 var(--display);text-transform:uppercase;max-width:940px;margin:20px auto}.final-cta>div>p:not(.kicker){max-width:660px;margin:28px auto;color:#ffe5df}.btn-light{background:white;color:var(--ink);margin-top:8px}.btn-light:hover{background:var(--ink);color:white}.final-cta small{display:block;margin-top:25px;font-size:.72rem}.footer{background:#0c0e0f;color:#b5b7b9;padding:65px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px;border-bottom:1px solid #292c2e}.footer nav{display:flex;gap:25px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.footer nav a:hover,.footer-bottom a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:22px;font-size:.68rem}.footer-bottom p{margin:0}.footer-bottom a{color:#e2e2e2;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.nav{gap:18px}.nav>a{font-size:.7rem}.nav-cta{padding:11px 13px}.section-head{gap:45px}.info-grid{grid-template-columns:1fr 1fr}.info-heading{grid-column:1/-1}.difference-grid{grid-template-columns:repeat(2,1fr)}.difference-grid article:nth-child(2){border-right:0}.difference-grid article{border-bottom:1px solid #3b3e40}}
@media(max-width:900px){.menu-toggle{display:block}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:fixed;inset:88px 0 0;background:#111315;padding:34px 24px 50px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}.nav.open{transform:none;visibility:visible}.nav>a{font-size:1rem;padding:16px;border-bottom:1px solid #303335}.nav .nav-cta{text-align:center;margin-top:22px;border:0}.hero{min-height:760px}.hero-bg{background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(8,10,11,.96),rgba(8,10,11,.72) 68%,rgba(8,10,11,.35)),linear-gradient(0deg,rgba(8,10,11,.7),transparent)}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:6%}.about-visual{min-height:540px}.about-visual span{font-size:2.6rem}.section{padding:85px 0}}
@media(max-width:680px){.container{width:min(calc(100% - 32px),var(--max))}.nav-wrap{height:76px}.nav{inset:76px 0 0}.hero{height:auto;min-height:760px}.hero-inner{padding-top:100px}.hero h1{font-size:clamp(4rem,20vw,5.7rem)}.hero-lead{font-size:.98rem}.actions{display:grid}.btn{width:100%}.hero-points{display:grid;gap:10px;margin-top:40px}.hero-points span{border:0;padding:0 0 0 14px;position:relative}.hero-points span:before{content:'';position:absolute;left:0;top:.4em;width:5px;height:5px;background:var(--accent)}.hero-index{display:none}.intro-strip .container{padding:18px 0;display:block}.intro-strip p{font-size:1.5rem;margin-bottom:4px}.intro-strip span{font-size:.57rem}.section{padding:72px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.section h2{font-size:clamp(2.9rem,14vw,4rem)}.services-grid{grid-template-columns:1fr}.service-card{min-height:275px}.about-grid{grid-template-columns:1fr}.about-visual{min-height:390px;order:2}.about-copy{order:1}.difference-grid{grid-template-columns:1fr}.difference-grid article{border-right:0;min-height:185px;padding-left:10px}.difference-grid h3{margin-top:35px}.info-grid{grid-template-columns:1fr}.info-heading{padding-right:0}.info-card{min-height:370px}.final-cta{padding:78px 0}.final-cta h2{font-size:clamp(3.2rem,15vw,4.4rem)}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column}.footer nav{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Final readability and responsive refinement */
.hero-lead{max-width:630px;color:#e0e1e1;font-size:1.14rem;line-height:1.72}.actions{margin-top:36px}.btn{min-height:56px;padding-inline:26px;font-size:.8rem}.btn-ghost{border-color:rgba(255,255,255,.48)}.hero-points span{font-size:.75rem;line-height:1.4;letter-spacing:.055em}.hero-index{font-size:.68rem;color:#d5d5d5}.eyebrow,.kicker{font-size:.75rem}.intro-strip span{font-size:.73rem;letter-spacing:.12em}.section-head{margin-bottom:58px}.section-head>p{max-width:445px;font-size:1rem;line-height:1.75}.service-card{min-height:330px;padding:38px 36px}.service-no{font-size:.7rem}.service-card h3{font-size:1.78rem;line-height:1.05;margin-bottom:17px}.service-card p{max-width:310px;font-size:.94rem;line-height:1.7}.service-card:hover p{color:#c9cbcc}.about-copy{max-width:570px}.about-copy>p:not(.kicker){color:#626568;font-size:1rem;line-height:1.9;margin-block:32px}.about-copy ul{margin-top:38px}.about-copy li{padding-block:19px;font-size:1.05rem}.about-copy li span{font-size:.7rem}.section-head.light>p,.difference-grid p{color:#c0c2c3}.difference-grid article{min-height:245px;padding:40px 30px 22px}.difference-grid b{font-size:.7rem}.difference-grid h3{font-size:1.68rem;line-height:1.05;margin-bottom:14px}.difference-grid p{max-width:245px;font-size:.94rem;line-height:1.7}.info-heading>p:not(.kicker){font-size:1rem;line-height:1.75;margin-block:30px}.text-link{min-height:52px;display:inline-flex;align-items:center;gap:18px;background:var(--accent);color:var(--white);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:0 22px;border:0;transition:background .2s,transform .2s}.text-link:hover{background:var(--accent-dark);transform:translateY(-2px)}.text-link span{color:var(--white)}.info-card{min-height:420px;padding:36px}.info-card dl div{padding-block:14px;font-size:.88rem;line-height:1.5}.info-card dt{color:#626568}.info-card small{color:#737577;font-size:.75rem;line-height:1.55}.location h3{font-size:1.9rem}.final-cta{padding-block:108px}.final-cta .kicker{opacity:.88}.final-cta h2{margin-block:22px}.final-cta>div>p:not(.kicker){max-width:680px;margin-block:30px;color:#fff0ec;font-size:1.06rem;line-height:1.75}.final-cta small{font-size:.78rem;line-height:1.5;margin-top:26px}.footer{color:#c3c5c6;padding-bottom:26px}.footer nav{font-size:.78rem}.footer-bottom{padding-top:24px;font-size:.75rem;line-height:1.55}.footer-bottom a{color:#efefef}

@media(max-width:1100px){.section-head{gap:55px}.service-card{padding-inline:30px}.info-grid{grid-template-columns:1fr 1fr}.info-heading{grid-column:1/-1;max-width:780px;padding-bottom:38px}.difference-grid article{padding-inline:24px}}
@media(max-width:1024px){.section{padding-block:96px}.hero-lead{max-width:590px}.about-grid{gap:7%}.difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-grid article:nth-child(2){border-right:0}.difference-grid p{max-width:330px}.final-cta{padding-block:96px}}
@media(max-width:768px){.section{padding-block:82px}.hero-lead{font-size:1.08rem}.section-head{grid-template-columns:1fr;gap:22px}.section-head>p{max-width:570px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:310px;padding:34px 30px}.about-grid{grid-template-columns:1fr;gap:46px}.about-copy{max-width:none}.about-visual{min-height:500px;order:2}.about-copy{order:1}.info-card{min-height:390px}.final-cta>div>p:not(.kicker){font-size:1rem}}
@media(max-width:680px){.services-grid{grid-template-columns:1fr}}
@media(max-width:430px){.container{width:min(calc(100% - 32px),var(--max))}.hero{min-height:740px}.hero-inner{padding-top:90px}.hero h1{font-size:clamp(3.85rem,19vw,5rem);line-height:.87;margin-block:22px 26px}.hero-lead{font-size:1rem;line-height:1.7}.actions{gap:10px;margin-top:30px}.btn{min-height:58px;padding-inline:20px}.hero-points{margin-top:34px}.hero-points span{font-size:.72rem}.intro-strip span{font-size:.63rem;line-height:1.6}.section{padding-block:68px}.section h2{font-size:clamp(2.8rem,13.5vw,3.8rem)}.section-head{margin-bottom:36px}.section-head>p{font-size:.96rem}.services-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:32px 28px 36px}.service-icon{margin-bottom:34px}.service-card p{font-size:.95rem}.about-grid{gap:38px}.about-copy>p:not(.kicker){font-size:.97rem;line-height:1.82;margin-block:27px}.about-visual{min-height:380px;padding:34px}.about-visual span{font-size:2.5rem}.difference-grid{grid-template-columns:1fr}.difference-grid article{min-height:0;padding:34px 10px 32px;border-right:0}.difference-grid h3{margin-top:30px}.difference-grid p{font-size:.95rem}.info-heading{padding-block:0 26px}.text-link{width:100%;min-height:58px;justify-content:center;padding-inline:18px}.info-card{min-height:355px;padding:30px 26px}.info-card dl div{font-size:.86rem}.final-cta{padding-block:74px}.final-cta h2{font-size:clamp(3.05rem,14.5vw,4.1rem)}.final-cta>div>p:not(.kicker){font-size:.98rem;margin-block:25px}.final-cta small{font-size:.75rem}.footer{padding-top:56px}.footer nav{font-size:.76rem;row-gap:14px}.footer-bottom{font-size:.75rem;gap:16px}}
@media(max-width:375px){.container{width:min(calc(100% - 28px),var(--max))}.brand-copy strong{font-size:1.13rem}.brand-copy small{font-size:.54rem}.hero h1{font-size:3.75rem}.hero-lead{font-size:.97rem}.eyebrow{font-size:.68rem;letter-spacing:.11em}.btn{font-size:.76rem}.section h2{font-size:2.75rem}.service-card{padding-inline:24px}.about-visual{min-height:350px}.info-card{padding-inline:24px}.footer nav{gap:18px}}