/* Raio-X de Marca (Laboratório Inovaccio). Página standalone: sem site-home.css.
   O markup usa estilo inline fiel ao handoff; aqui ficam a base, as animações e
   os estados de hover/foco (com !important porque precisam vencer o inline). */

body{margin:0;background:#09090B;-webkit-font-smoothing:antialiased}
::selection{background:#CC0601;color:#FFFFFF}
a{color:#F4F3F1;text-decoration:none}
a:hover{color:#CC0601}
input::placeholder{color:rgba(244,243,241,.2)}
input:focus{outline:none}
button{-webkit-tap-highlight-color:transparent}
[hidden]{display:none !important}
.rx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

a:focus-visible,button:focus-visible{outline:2px solid #FF6A63;outline-offset:3px}

@keyframes iv-pop{0%{opacity:0;transform:translateY(40px) rotateX(-90deg) scale(.6)}60%{opacity:1;transform:translateY(-6px) rotateX(10deg) scale(1.05)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
@keyframes iv-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes iv-ecg{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iv-drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12vw,8vh) scale(1.15)}}
@keyframes iv-drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-10vw,-6vh) scale(.9)}}
@keyframes iv-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iv-fadeup{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes iv-stamp{0%{opacity:0;transform:rotate(-14deg) scale(2.4)}70%{opacity:1;transform:rotate(-14deg) scale(.92)}100%{opacity:1;transform:rotate(-14deg) scale(1)}}
@keyframes iv-spin{to{transform:rotate(360deg)}}

/* Reveal no scroll: só onde o navegador suporta scroll-driven animation.
   Sem suporte, o elemento simplesmente aparece parado (sem animação). */
@supports (animation-timeline: view()){
  .rx-reveal{animation:iv-fadeup linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
  .rx-reveal-5{animation-range:entry 5% entry 90%}
  .rx-reveal-10{animation-range:entry 10% entry 90%}
  .rx-reveal-15{animation-range:entry 15% entry 90%}
}

/* hover/foco/ativo (style-hover do protótipo) */
.rxh-nav:hover{background:#CC0601 !important;color:#FFFFFF !important}
.rxh-run:hover{transform:translateY(-2px) scale(1.02) !important}
.rxh-run:active{transform:scale(.96) !important}
.rxh-chip:hover{border-color:#CC0601 !important;color:#F4F3F1 !important;transform:translateY(-2px) !important}
.rxh-tile:hover{transform:translateY(-4px) !important;border-color:rgba(204,6,1,.5) !important}
.rxh-fill:hover{background:#CC0601 !important;border-color:#CC0601 !important}
.rxh-pause:hover{animation-play-state:paused !important}
.rxh-up2w:hover{transform:translateY(-2px) !important;color:#FFFFFF !important}
.rxh-up3w:hover{transform:translateY(-3px) !important;color:#FFFFFF !important}
.rxh-up3ink:hover{transform:translateY(-3px) !important;color:#15151A !important}
.rxh-link:hover{border-color:#CC0601 !important;transform:translateY(-2px) !important}
.rxh-mistake:hover{transform:translateY(-6px) rotate(-.4deg) !important;border-color:rgba(204,6,1,.55) !important}
.rxh-up2:hover{transform:translateY(-2px) !important}
.rxh-ink:hover{background:#15151A !important;color:#FFFFFF !important}
.rxh-up5:hover{transform:translateY(-5px) !important}
.rxh-bred:hover{border-color:#CC0601 !important}
.rxh-ghost:hover{border-color:#F4F3F1 !important;background:rgba(255,255,255,.04) !important}
.rxh-thumb:hover{transform:translateY(-6px) rotate(-1deg) !important}
.rxh-w:hover{color:#FFFFFF !important}
.rxh-social:hover{background:#CC0601 !important;border-color:#CC0601 !important;color:#FFFFFF !important}
.rxf-red:focus{border-color:#CC0601 !important}

/* mobile: o que o protótipo não previa em 390px */
@media (max-width:480px){
  .rx-nav-sub{display:none !important}
}
@media (max-width:600px){
  .rx-anota-topo{top:auto !important;bottom:100%}
  .rx-anota-topo > span:first-child,.rx-anota-base > span:last-child{font-size:10px !important;white-space:normal !important;max-width:118px;line-height:1.3}
  .rx-anota-topo > span:last-child,.rx-anota-base > span:first-child{height:18px !important}
  .rx-anota-alto > span:last-child{height:52px !important}
}

.rx-lab-card{color:inherit}
.rx-lab-card:hover{color:inherit}

@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}