#gma-oficio{--paper:#f3f0e9;--ink:#25251f;--red:#a5292e;--line:#d5d0c5}
#gma-oficio *{box-sizing:border-box}
#gma-oficio{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}
#gma-oficio a{color:inherit}
#gma-oficio button{font:inherit;cursor:pointer}
#gma-oficio .gma-oficio-wrap{width:min(1180px,88%);margin:auto}
#gma-oficio .gma-oficio-hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px;align-items:center;gap:5vw;padding:65px 0}
#gma-oficio .gma-oficio-eyebrow{color:var(--red);font-size:11px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
#gma-oficio .gma-oficio-title,#gma-oficio h2,#gma-oficio h3,#gma-oficio p{margin-top:0}
#gma-oficio .gma-oficio-title,#gma-oficio h2,#gma-oficio h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}
#gma-oficio .gma-oficio-title{font-size:clamp(48px,5.7vw,79px);margin-bottom:30px}
#gma-oficio .gma-oficio-title em,#gma-oficio h2 em{color:var(--red);font-weight:400}
#gma-oficio h2{font-size:clamp(40px,5vw,66px)}
#gma-oficio h3{font-size:30px}
#gma-oficio p{max-width:570px}
#gma-oficio .gma-oficio-hero p{color:#5c5b53;font-size:18px}
#gma-oficio .gma-oficio-hero figure{margin:0;position:relative}
#gma-oficio .gma-oficio-hero img{width:100%;height:580px;object-fit:cover;border-radius:160px 160px 3px 3px}
#gma-oficio .gma-oficio-hero figcaption{font-size:11px;letter-spacing:.09em;padding-top:12px;color:#66645d}
#gma-oficio .gma-oficio-link{display:inline-flex;gap:28px;text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;min-height:44px}
#gma-oficio .gma-oficio-intro{padding:110px 0;border-top:1px solid var(--line);max-width:850px}
#gma-oficio .gma-oficio-intro p{max-width:720px;font-size:21px}
#gma-oficio .gma-oficio-story{background:#252820;color:#f4f0e7;padding:100px 0}
#gma-oficio .gma-oficio-story .gma-oficio-eyebrow{color:#dcaaa0}
#gma-oficio .gma-oficio-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}
#gma-oficio .gma-oficio-story-heading{position:sticky;top:130px;align-self:start}
#gma-oficio .gma-oficio-story h2 em{color:#d9afa0}
#gma-oficio .gma-oficio-step{padding:20px 0 65px;border-top:1px solid #626458;margin-bottom:40px}
#gma-oficio .gma-oficio-step .gma-oficio-num{font-size:12px;color:#c8bfaa;letter-spacing:.18em}
#gma-oficio .gma-oficio-step h3{font-size:38px;margin:20px 0}
#gma-oficio .gma-oficio-step p{color:#d2d2c7}
#gma-oficio .gma-oficio-case{padding:110px 0}
#gma-oficio .gma-oficio-case-top{max-width:750px}
#gma-oficio .gma-oficio-case-top p{font-size:20px}
#gma-oficio .gma-oficio-switcher{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:45px;align-items:center}
#gma-oficio .gma-oficio-case-image{background:#e8e2d7;aspect-ratio:1;position:relative;overflow:hidden;border-radius:3px}
#gma-oficio .gma-oficio-case-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
#gma-oficio .gma-oficio-case-image:hover img{transform:scale(1.04)}
#gma-oficio .gma-oficio-case-image span{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:7px 12px;font-size:12px}
#gma-oficio .gma-oficio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}
#gma-oficio .gma-oficio-tabs button{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:10px 18px;min-height:46px;font-size:14px}
#gma-oficio .gma-oficio-tabs button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:white}
#gma-oficio .gma-oficio-detail h3{font-size:40px}
#gma-oficio .gma-oficio-detail p{color:#5c5b53}
#gma-oficio .gma-oficio-detail small{display:block;border-top:1px solid var(--line);padding-top:22px;color:#68665e;font-size:14px}
#gma-oficio .gma-oficio-principle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;margin:70px 0 0;display:grid;grid-template-columns:.65fr 1fr;gap:8%}
#gma-oficio .gma-oficio-principle h3{font-size:37px}
#gma-oficio .gma-oficio-principle p{margin:0}
#gma-oficio .gma-oficio-services{padding:20px 0 100px}
#gma-oficio .gma-oficio-services>p{max-width:630px}
#gma-oficio .gma-oficio-service{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:25px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}
#gma-oficio .gma-oficio-service span{color:var(--red);font-size:13px}
#gma-oficio .gma-oficio-service h3{margin:0}
#gma-oficio .gma-oficio-service p{margin:0;color:#5c5b53}
#gma-oficio .gma-oficio-end{background:#a5292e;color:#fff5e9;padding:85px 6%;text-align:center}
#gma-oficio .gma-oficio-end p{margin:20px auto 0;font-size:19px}
#gma-oficio .gma-oficio-end h2{max-width:850px;margin:auto}
#gma-oficio .gma-oficio-end .gma-oficio-eyebrow{color:#f1cbbd}
#gma-oficio .gma-oficio-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
#gma-oficio.gma-oficio-motion .gma-oficio-reveal.gma-oficio-pending{opacity:0;transform:translateY(35px)}
#gma-oficio :focus-visible{outline:3px solid #be6d42;outline-offset:5px}
@media(max-width:700px){#gma-oficio .gma-oficio-hero{grid-template-columns:1fr;padding:40px 0 60px;gap:35px;min-height:0}
#gma-oficio .gma-oficio-title{font-size:52px;max-width:430px}
#gma-oficio .gma-oficio-hero img{height:390px;border-radius:130px 130px 3px 3px}
#gma-oficio .gma-oficio-hero p{font-size:17px}
#gma-oficio .gma-oficio-intro{padding:65px 0}
#gma-oficio .gma-oficio-intro p{font-size:19px}
#gma-oficio .gma-oficio-story{padding:65px 0}
#gma-oficio .gma-oficio-story-grid{grid-template-columns:1fr;gap:35px}
#gma-oficio .gma-oficio-story-heading{position:static}
#gma-oficio .gma-oficio-step{padding-bottom:30px;margin-bottom:20px}
#gma-oficio .gma-oficio-step h3{font-size:32px}
#gma-oficio .gma-oficio-case{padding:65px 0}
#gma-oficio .gma-oficio-case-top p{font-size:18px}
#gma-oficio .gma-oficio-switcher{grid-template-columns:1fr;gap:30px}
#gma-oficio .gma-oficio-case-image{aspect-ratio:1.2}
#gma-oficio .gma-oficio-tabs{gap:6px}
#gma-oficio .gma-oficio-tabs button{padding:10px 14px}
#gma-oficio .gma-oficio-principle{grid-template-columns:1fr;gap:15px;padding:40px 0;margin-top:45px}
#gma-oficio .gma-oficio-service{grid-template-columns:30px 1fr;gap:12px}
#gma-oficio .gma-oficio-service p{grid-column:2}
#gma-oficio .gma-oficio-service h3{font-size:29px}
#gma-oficio .gma-oficio-services{padding-bottom:65px}
#gma-oficio .gma-oficio-end{padding:65px 6%}
}
@media(prefers-reduced-motion:reduce){#gma-oficio *,#gma-oficio *::before,#gma-oficio *::after{transition:none!important}
#gma-oficio.gma-oficio-motion .gma-oficio-reveal.gma-oficio-pending{opacity:1;transform:none}
}

#gma-oficio{display:block;width:100%;min-width:0;text-align:left;isolation:isolate;margin:0;border:0;padding:0;}
#gma-oficio img{display:block;max-width:100%;}
#gma-oficio h2,#gma-oficio h3{color:inherit;text-transform:none;}
#gma-oficio .gma-oficio-title{margin-top:0;}
#gma-oficio .gma-oficio-story-heading{top:calc(var(--controls-h,150px) + 30px);}
#gma-oficio-contigo{scroll-margin-top:calc(var(--controls-h,150px) + 30px);}
#gma-oficio .gma-oficio-end h2{color:#fff5e9;}
@media(max-width:360px){#gma-oficio .gma-oficio-title{font-size:44px;}#gma-oficio h2{font-size:36px;}}
@media print{#gma-oficio{display:none!important;}}