/* Oficina Viva: public project presentation. All additions are scoped. */
.ov-page{--ov-navy:#081e2b;--ov-cyan:#76e6d8;--ov-edge:#dce8e9;--ov-muted:#4e636d;background:#fff}
.ov-page section{scroll-margin-top:85px}
.ov-page h2,.ov-page h3{font-family:var(--ffd);color:var(--ink);line-height:1.16;text-wrap:balance}
.ov-page h2{font-size:clamp(1.75rem,3.5vw,2.45rem);letter-spacing:-.035em}
.ov-page .ov-eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
.ov-hero{background:radial-gradient(ellipse at 86% 48%,#134353 0,transparent 55%),var(--ov-navy);color:#bed3db;padding:27px 0 0;overflow:hidden}
.ov-back{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;min-height:30px;color:#b9cfd6}
.ov-back:hover{color:#fff}
.ov-hero-grid{display:grid;grid-template-columns:.86fr 1.35fr;gap:40px;align-items:center;padding:37px 0 40px}
.ov-intro .ov-eyebrow{color:var(--ov-cyan);display:flex;align-items:center;gap:9px;font-size:.875rem;letter-spacing:.105em}
.ov-dot{width:6px;height:6px;border-radius:50%;background:var(--ov-cyan);flex:none}
.ov-page .ov-hero h1{font-size:clamp(2.7rem,4.3vw,3.75rem);color:#fff;line-height:1.03;letter-spacing:-.045em;margin:0 0 23px}
.ov-hero h1 span{color:var(--ov-cyan)}
.ov-lead{font-size:1.0625rem;line-height:1.7;max-width:34ch;color:#c9d9df}
.ov-text-link{display:inline-flex;align-items:center;gap:11px;color:var(--ov-cyan);font-size:.875rem;font-weight:600;min-height:44px;margin-top:17px;text-underline-offset:5px}
.ov-text-link:hover{text-decoration:underline}
.ov-demo{scroll-margin-top:90px;min-width:0;margin:0;background:#0e2c3b;border:1px solid #3b5b68;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0004}
.ov-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;font-size:.875rem;color:#e1ecf0;border-bottom:1px solid #3b5b68}
.ov-demo-top>span:first-child{display:flex;align-items:center;gap:9px}
.ov-demo-top>span:first-child>span{font-size:.7rem;color:var(--ov-cyan)}
.ov-duration{color:#b4ccd5;white-space:nowrap;font-variant-numeric:tabular-nums}
.ov-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#05121b}
.ov-demo figcaption{font-size:.875rem;line-height:1.65;color:#bfd0d7;padding:15px 19px}
.ov-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #47606b70;padding:22px 0 26px;gap:20px}
.ov-facts>div{display:flex;align-items:center;gap:13px}
.ov-facts>div+div{border-left:1px solid #47606b70;padding-left:32px}
.ov-facts dt{font-family:var(--ffd);font-size:1.8rem;letter-spacing:-.03em;color:#fff;line-height:1.2;white-space:nowrap}
.ov-facts dd{font-size:.875rem;line-height:1.5;color:#b7cdd5;max-width:15ch}
.ov-hero :focus-visible,.ov-closing :focus-visible{outline-color:var(--ov-cyan)}
.ov-workflow{padding:70px 0 65px}
.ov-section-heading{margin-bottom:32px}
.ov-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.ov-step{position:relative;padding-top:21px;border-top:1px solid var(--ov-edge)}
.ov-step-number{display:block;font-family:var(--ffd);font-size:.875rem;color:var(--teal);margin-bottom:17px}
.ov-step h3{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:12px}
.ov-step p{color:var(--ov-muted);font-size:.9375rem;line-height:1.75;max-width:36ch}
.ov-areas{background:#f4f8f8;padding:64px 0 65px;border-top:1px solid #e7eeee}
.ov-heading-split{display:flex;justify-content:space-between;align-items:end;gap:36px}
.ov-heading-split>p{max-width:47ch;color:var(--ov-muted);font-size:.9375rem;line-height:1.75;padding-bottom:3px}
.ov-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 18px}
.ov-department{background:#fff;border:1px solid var(--ov-edge);border-radius:12px;overflow:hidden}
.ov-department>summary{cursor:pointer;display:flex;align-items:center;gap:15px;padding:18px 20px;list-style:none;min-height:96px;color:#142f3d;font-weight:600;font-size:.9375rem;line-height:1.4}
.ov-department>summary::-webkit-details-marker,.ov-scope>summary::-webkit-details-marker{display:none}
.ov-department>summary::marker,.ov-scope>summary::marker{content:""}
.ov-department>summary:hover{background:#f8fcfb}
.ov-department>summary small{display:block;font-size:.875rem;font-weight:400;line-height:1.55;margin-top:4px;color:#5b707a}
.ov-dept-icon{display:flex;justify-content:center;align-items:center;background:#edf6f4;border:1px solid #e1efec;border-radius:10px;width:42px;height:42px;font-size:1.13rem;flex:none}
.ov-plus{margin-left:auto;flex:none;width:23px;text-align:center;font-size:1.3rem;font-weight:400;color:#4e746f;transition:transform .15s ease}
.ov-department[open] .ov-plus,.ov-scope[open] .ov-plus{transform:rotate(45deg)}
.ov-department[open]>summary{border-bottom:1px solid var(--ov-edge);background:#f9fcfb}
.ov-department dl{padding:3px 21px 9px}
.ov-department dl>div{padding:14px 0}
.ov-department dl>div+div{border-top:1px solid #edf1f1}
.ov-department dt{font-weight:600;font-size:.875rem;color:#173441;margin-bottom:5px}
.ov-department dd{font-size:.875rem;line-height:1.65;color:var(--ov-muted);max-width:52ch}
.ov-department>summary:focus-visible,.ov-scope>summary:focus-visible{outline-offset:-4px;border-radius:11px}
.ov-scope{margin-top:27px;border-top:1px solid #d4e2e3;border-bottom:1px solid #d4e2e3}
.ov-scope>summary{display:flex;align-items:center;gap:16px;min-height:66px;cursor:pointer;list-style:none;font-size:.9375rem;font-weight:600;color:#234853;padding:12px 2px}
.ov-scope-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;padding:7px 0 27px}
.ov-scope-content p{font-size:.875rem;color:var(--ov-muted);line-height:1.8}
.ov-scope-content strong{color:#20404b}
.ov-closing{background:var(--ov-navy);padding:52px 0;color:#bdcfd8}
.ov-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.ov-closing .ov-eyebrow{color:var(--ov-cyan);font-size:.875rem}
.ov-closing h2{color:#fff;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.035em;margin-bottom:15px}
.ov-closing p:not(.ov-eyebrow){font-size:.9375rem;max-width:54ch}
.ov-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--ov-cyan);color:#062932;border:1px solid var(--ov-cyan);border-radius:9px;padding:15px 22px;font-size:.9375rem;font-weight:600;min-height:50px;white-space:nowrap}
.ov-button:hover{background:#a1f1e7;border-color:#a1f1e7}
.ov-footer{padding:25px 0;background:#fff}
.ov-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:23px;flex-wrap:wrap}
.ov-footer p{font-size:.875rem;color:#5b707a}
.ov-footer nav{display:flex;gap:20px;font-size:.875rem;color:#4b626e}
.ov-footer nav a{display:inline-flex;align-items:center;min-height:32px}
.ov-footer nav a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--teal)}
@media(min-width:1250px){.ov-page .wrap{max-width:1200px}.ov-hero-grid{gap:52px}}
@media(max-width:900px){.ov-hero-grid{grid-template-columns:.82fr 1.12fr;gap:24px}.ov-page .ov-hero h1{font-size:2.85rem}.ov-intro .ov-eyebrow{font-size:.875rem;letter-spacing:.07em}.ov-lead{font-size:.9375rem}.ov-demo-top{padding:13px 14px;font-size:.875rem}.ov-demo figcaption{padding:13px 14px}.ov-facts>div{gap:10px}.ov-facts>div+div{padding-left:19px}.ov-facts dt{font-size:1.6rem}.ov-facts dd{font-size:.875rem}.ov-heading-split{gap:25px}.ov-heading-split>p{max-width:37ch}.ov-department>summary{padding:17px 15px;gap:11px;font-size:.875rem}.ov-dept-icon{width:35px;height:38px}.ov-department>summary small{font-size:.875rem}.ov-closing-inner{gap:25px}.ov-button{padding-inline:16px;gap:13px}}
@media(max-width:700px){.ov-hero{padding-top:19px}.ov-hero-grid{grid-template-columns:1fr;gap:30px;padding:25px 0 29px}.ov-intro .ov-eyebrow{font-size:.875rem}.ov-page .ov-hero h1{font-size:clamp(2.65rem,8.5vw,3.4rem);line-height:1.05;max-width:15ch;margin-bottom:19px}.ov-hero h1 br{display:none}.ov-lead{max-width:48ch;font-size:1rem}.ov-text-link{margin-top:10px}.ov-demo-top{padding:14px 16px;font-size:.875rem}.ov-demo figcaption{padding:14px 16px}.ov-facts{gap:12px;padding:23px 0 25px}.ov-facts>div{display:block}.ov-facts>div+div{padding-left:14px}.ov-facts dt{font-size:1.5rem;margin-bottom:7px}.ov-facts dd{font-size:.875rem;max-width:13ch}.ov-workflow{padding:44px 0}.ov-section-heading{margin-bottom:25px}.ov-steps{grid-template-columns:1fr;gap:21px}.ov-step{padding-top:18px;padding-left:43px}.ov-step-number{position:absolute;top:20px;left:0;margin:0}.ov-step h3{font-size:1.17rem;margin-bottom:8px}.ov-step p{max-width:54ch}.ov-areas{padding:43px 0}.ov-heading-split{display:block}.ov-heading-split h2 br{display:none}.ov-heading-split>p{max-width:48ch;margin-top:16px}.ov-departments{grid-template-columns:1fr;gap:10px}.ov-department>summary{font-size:.9375rem;padding:17px 16px;min-height:88px;gap:13px}.ov-department>summary small{font-size:.875rem}.ov-dept-icon{width:39px;height:41px}.ov-scope{margin-top:23px}.ov-scope-content{grid-template-columns:1fr;gap:17px;padding-bottom:23px}.ov-closing{padding:37px 0}.ov-closing-inner{align-items:flex-start;flex-direction:column;gap:23px}.ov-closing h2 br{display:none}.ov-closing h2{max-width:26ch}.ov-button{white-space:normal}.ov-footer>.wrap{gap:12px}.ov-footer p{order:3;flex-basis:100%;font-size:.875rem}.ov-footer .brand span{display:inline}.ov-footer nav{gap:14px}}
@media(max-width:380px){.ov-page .wrap{padding-left:18px;padding-right:18px}.ov-demo-top{font-size:.875rem;gap:8px}.ov-facts{gap:8px}.ov-facts>div+div{padding-left:10px}.ov-facts dt{font-size:1.32rem}.ov-department>summary{font-size:.875rem;padding-inline:13px;gap:10px}.ov-dept-icon{width:34px}.ov-plus{width:17px}}
@media(prefers-reduced-motion:reduce){.ov-page{scroll-behavior:auto}.ov-page .ov-plus{transition:none}}
