/* Direção 02: cores e curvas da referência enviada pelo usuário. */
:root{
  --ink:#20252b;
  --blue:#006b9c;
  --sky:#00a5ec;
  --orange:#ff4d00;
  --paper:#fff;
  --line:#dce8ee;
  --muted:#52616d;
  --wash:#f0f9fe;
}
.review{background:#e6f6ff;color:#31586d}
.masthead{border-top:4px solid var(--sky);border-bottom-color:#e3edf2}
.brand small{color:#a9390a}
.nav a:hover,.nav a[aria-current=page]{color:#006b9c}
.nav a[aria-current=page]{border-bottom-color:var(--orange)}
.button{background:var(--sky);border-color:var(--sky);color:#112331}
.button:hover{background:#51c3f5;border-color:#51c3f5}
.button.outline{background:#fff;color:var(--blue);border-color:#84cdec}
.button.outline:hover{background:#e9f7ff}
.button.light{background:#fff;border-color:#fff;color:var(--blue)}
.button.light:hover{background:#e9f7ff;border-color:#e9f7ff}
.hero{position:relative;padding-bottom:130px;background:linear-gradient(180deg,#fff 35%,#f7fcff 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:95px;background:url('curvas-identidade.svg') center/100% 100% no-repeat;pointer-events:none}
.hero h1 em,.page-intro h1 em{color:var(--blue)}
.hero .actions .button:first-child{background:var(--orange);border-color:var(--orange);color:#241500}
.hero .actions .button:first-child:hover{background:#ff7236;border-color:#ff7236}
.hero-figure img{border-radius:65px 5px 65px 5px}
.photo-caption{border-left-color:var(--orange);background:#fff;box-shadow:0 8px 28px #00527a0a}
.intent-row{border-color:#cfe9f6}
.intent-row a{border-color:#cfe9f6}
.intent-row a:hover{background:#eaf7ff}
.eyebrow{color:var(--blue)}
.number{color:#b33b08}
.wash{background:#f0f9fe}
.service{border-top-color:#9bd8f3}
.inline-photo img,.project-block img{border-radius:5px 50px 5px 50px}
.project-peek img{border-radius:5px 35px 5px 35px}
.tag{border-color:#b3dff4;background:#e7f6ff;color:#075d88}
.transparency-callout{position:relative;background:#e4f5ff;color:var(--ink);border:1px solid #b2def4;border-radius:5px 45px 5px 45px;overflow:hidden;padding-bottom:72px}
.transparency-callout:after{content:"";position:absolute;inset:auto 0 0;height:38px;background:url('curvas-identidade.svg') center/100% 100% no-repeat;pointer-events:none}
.transparency-callout .eyebrow{color:var(--blue)}
.transparency-callout p{color:#35566c}
.transparency-callout .button{background:#006b9c;border-color:#006b9c;color:#fff}
.transparency-callout .button:hover{background:#00527a}
.support-list span{color:#b33b08}
.support .button{background:var(--orange);border-color:var(--orange);color:#241500}
.support .button:hover{background:#ff7236}
.contact{background:#f0f9fe;border-top:1px solid #d9effb}
.site-footer{position:relative;background:#073b55;color:#e4f5ff;border-top:5px solid var(--sky)}
.footer-bottom{color:#b6d9eb;border-top-color:#ffffff38}
.page-intro{position:relative;padding-bottom:90px;border:0;background:linear-gradient(180deg,#fff 25%,#f2faff 100%)}
.page-intro:after{content:"";position:absolute;inset:auto 0 0;height:45px;background:url('curvas-identidade.svg') center/100% 100% no-repeat;pointer-events:none}
.side-note{border-left-color:var(--orange)}
.project-index{color:#a6d9f2}
.help-strip{background:#eff9ff;border-top:1px solid #dceef9}
.side-nav button[aria-pressed=true]{background:#e5f5ff;color:#00618e;border-left-color:var(--orange)}
.identity-bar{border-color:#c9e7f7;border-top:3px solid var(--sky)}
.doc-icon{background:#eef9ff;border-color:#a4d4ed;color:#00618e}
.doc-state{color:#79603c}
.info-note{background:#fff6ef;border-left-color:var(--orange);color:#765137}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#a63600}
@media(max-width:900px){.hero{padding-bottom:115px}.hero:after{height:80px}}
@media(max-width:650px){
 .hero{padding-bottom:78px;background:linear-gradient(180deg,#fff 40%,#f4fbff 100%)}
 .hero:after{height:48px}
 .hero-figure img{border-radius:40px 4px 40px 4px}
 .page-intro{padding-bottom:65px}
 .page-intro:after{height:28px}
 .transparency-callout{padding:29px 24px 56px;border-radius:4px 30px 4px 30px}
 .transparency-callout:after{height:25px}
 .inline-photo img,.project-block img{border-radius:4px 35px 4px 35px}
 .side-nav button[aria-pressed=true]{border-left:0;border-bottom-color:var(--orange)}
}