/* Medyx — folha de estilo do site.
 Portada de "Medyx Site.dc.html" / "Medyx Contato.dc.html" / "Medyx Legal.dc.html"
 do projeto do Claude Design "Medyx - Style tile Enterprise". Os valores abaixo
 são cópia literal do bloco <helmet> dos artboards; o markup das páginas mantém
 os style="" inline do design. Editar no design e reportar aqui, não o contrário.

 As variáveis --rw-* são os valores que o artboard calcula em syncVars() com os
 props padrão (heroFlowSpeed = 1, heroPaused = false). */
:root{
--rw-pulse:3.60s;
--rw-cycle:5.20s;
--rw-slow:7.50s;
--rw-travel:7.00s;
--rw-stream:7.20s;
--rw-float:12.00s;
--rw-drift:24.00s;
--rw-play:running;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#141918;font-variant-numeric:tabular-nums}
a{color:#141918;text-decoration:none}
a:hover{color:#0F4736}
button,input,textarea,select{font-family:inherit}
button,a,input,textarea{transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}
:focus-visible{outline:2px solid #17624A;outline-offset:2px}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth}
section[id],div[id]{scroll-margin-top:84px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@keyframes rw-dash{from{stroke-dashoffset:506}to{stroke-dashoffset:0}}
@keyframes rw-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,-12px,0)}}
@keyframes rw-float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes rw-float-b{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}
@keyframes rw-float-c{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
@keyframes rw-of1{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes rw-of2{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@keyframes rw-of3{0%,100%{transform:translateY(4px)}50%{transform:translateY(-4px)}}
@keyframes rw-of4{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@keyframes rw-stream{from{transform:translateY(0)}to{transform:translateY(-60px)}}
@keyframes rw-lit{0%,6%{opacity:.32}14%,34%{opacity:1}48%,100%{opacity:.32}}
@keyframes rw-litbar{0%,6%{transform:scaleX(.18);opacity:.35}16%,34%{transform:scaleX(1);opacity:1}52%,100%{transform:scaleX(.18);opacity:.35}}
@keyframes rw-sA1{0%,10%{transform:translate(52px,-14px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(52px,-14px);opacity:.5}}
@keyframes rw-sA2{0%,10%{transform:translate(66px,10px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(66px,10px);opacity:.5}}
@keyframes rw-sA3{0%,10%{transform:translate(44px,16px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(44px,16px);opacity:.5}}
@keyframes rw-sA4{0%,10%{transform:translate(72px,-6px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(72px,-6px);opacity:.5}}
@keyframes rw-sB1{0%,10%{transform:translate(-16px,18px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-16px,18px);opacity:.5}}
@keyframes rw-sB2{0%,10%{transform:translate(20px,-16px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(20px,-16px);opacity:.5}}
@keyframes rw-sB3{0%,10%{transform:translate(-24px,-12px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-24px,-12px);opacity:.5}}
@keyframes rw-sB4{0%,10%{transform:translate(14px,14px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(14px,14px);opacity:.5}}
@keyframes rw-sC1{0%,10%{transform:translate(-56px,-10px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-56px,-10px);opacity:.5}}
@keyframes rw-sC2{0%,10%{transform:translate(-70px,12px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-70px,12px);opacity:.5}}
@keyframes rw-sC3{0%,10%{transform:translate(-48px,16px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-48px,16px);opacity:.5}}
@keyframes rw-sC4{0%,10%{transform:translate(-64px,-16px);opacity:.5}46%,78%{transform:translate(0,0);opacity:1}100%{transform:translate(-64px,-16px);opacity:.5}}
@keyframes rw-tintA{0%,16%{background-color:rgba(255,255,255,.5)}50%,78%{background-color:#4FF0BE}100%{background-color:rgba(255,255,255,.5)}}
@keyframes rw-tintB{0%,16%{background-color:rgba(255,255,255,.5)}50%,78%{background-color:#9FE3CE}100%{background-color:rgba(255,255,255,.5)}}
@keyframes rw-tintC{0%,16%{background-color:rgba(255,255,255,.5)}50%,78%{background-color:rgba(255,255,255,.85)}100%{background-color:rgba(255,255,255,.5)}}
@keyframes rw-push{0%,14%{transform:translate(0,0) scale(1)}40%,62%{transform:translate(-58px,-2px) scale(1.38)}88%,100%{transform:translate(0,0) scale(1)}}
@keyframes rw-fa{0%,100%{transform:translateY(-1.6px)}50%{transform:translateY(1.6px)}}
@keyframes rw-fb{0%,100%{transform:translateY(2px)}50%{transform:translateY(-1.2px)}}
@keyframes rw-fc{0%,100%{transform:translateY(-2px)}50%{transform:translateY(1.4px)}}
@keyframes rw-scroll{from{transform:translateX(0)}to{transform:translateX(-165px)}}
@keyframes rw-bob{0%{transform:translateY(23.11px)}10%{transform:translateY(36.95px)}20%{transform:translateY(31.01px)}30%{transform:translateY(45.79px)}40%{transform:translateY(40.74px)}50%{transform:translateY(43.89px)}60%{transform:translateY(36.59px)}70%{transform:translateY(45.34px)}80%{transform:translateY(30.27px)}90%{transform:translateY(33.26px)}100%{transform:translateY(23.11px)}}
@keyframes rw-rise{0%,18%{transform:translateY(66px)}46%,90%{transform:translateY(0)}100%{transform:translateY(66px)}}
@keyframes rw-down1{0%,18%{transform:translateY(0)}46%,90%{transform:translateY(22px)}100%{transform:translateY(0)}}
@keyframes rw-down2{0%,18%{transform:translateY(22px)}46%,90%{transform:translateY(44px)}100%{transform:translateY(22px)}}
@keyframes rw-down3{0%,18%{transform:translateY(44px)}46%,90%{transform:translateY(66px)}100%{transform:translateY(44px)}}
@keyframes rw-grow{0%,14%{transform:scaleX(.06)}44%,82%{transform:scaleX(1)}100%{transform:scaleX(.06)}}
@media (max-width:1080px){
    .hero-grid{grid-template-columns:1fr!important}
    .hero-art{justify-self:start!important;width:434px!important;height:348px!important;margin-top:8px}
    .hero-art>div{transform:scale(.62)!important}
}
@media (max-width:920px){
    .hero-art{display:none!important}
}
@media (max-width:920px){
    .sec{padding-left:24px!important;padding-right:24px!important}
    .hero-h1{font-size:38px!important;letter-spacing:-.02em!important}
    .grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
    .grid4>div{border-left:none!important;padding:0!important}
    .grid3{grid-template-columns:1fr!important}
    .nav-cta{display:none!important}
}
@media (max-width:560px){
    .grid4{grid-template-columns:1fr!important}
    .hero-h1{font-size:32px!important}
}

/* --- estados que no design vinham em style-hover="" / style-focus="" --- */
.hv1:hover{color:#fff}
.hv2:hover{background:#DFF0E8;color:#0F1D18}
.hv3:hover{background:rgba(255,255,255,.08);color:#fff}
.hv4:hover{background:#0F4736;color:#fff}
.fx1:focus{border-color:#17624A;box-shadow:0 0 0 3px #EAF1EE}

/* --- /contato.html --- */
@media (max-width:640px){
    .sec{padding-left:24px!important;padding-right:24px!important}
    .grid2{grid-template-columns:1fr!important}
}

/* --- /legal.html --- */
@media (max-width:820px){
    .sec{padding-left:24px!important;padding-right:24px!important}
    .legalgrid{grid-template-columns:1fr!important;gap:32px!important}
    .legalnav{position:static!important;flex-direction:row!important;align-items:center!important}
}

/* --- estado de painel/vista alternada (o atributo hidden precisa vencer os
       display:flex inline herdados do design) --- */
[hidden]{display:none!important}

.legal__tab{color:#525B59;font-weight:400}
.legal__tab[aria-selected="true"]{color:#0F4736;font-weight:600}
