*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{background:#0B161C}
    @keyframes flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
    @keyframes pulso{0%,100%{opacity:.10}50%{opacity:.16}}
    @keyframes introUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
    @keyframes introRight{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
    [data-intro]{opacity:0;animation:introUp .85s cubic-bezier(.22,.61,.36,1) both;}
    [data-intro-dir]{opacity:0;animation:introRight .95s cubic-bezier(.22,.61,.36,1) both;}
    @media(max-width:820px){#hero-grid{grid-template-columns:1fr!important;gap:38px!important;align-items:start!important;}}
    @media(max-width:760px){
      /* header */
      #site-header-inner{flex-direction:column;gap:12px;padding:12px 18px!important;}
      #site-nav{gap:18px!important;flex-wrap:wrap;justify-content:center;}
      #site-nav a{font-size:.8rem!important;}
      /* hero */
      #hero-section{min-height:auto!important;padding:132px 0 56px!important;}
      /* visão 360 */
      #visao360{width:100%!important;padding:56px 0 60px!important;}
      #visao-inner{margin-top:0!important;}
      #visao-title{width:auto!important;height:auto!important;}
      #visao-title-span{font-size:2.6rem!important;width:auto!important;height:auto!important;}
      [data-sector-slide]{grid-template-columns:1fr!important;min-height:0!important;}
      [data-sector-img]{height:240px!important;}
      [data-sector-text]{padding:36px 26px!important;}
      [data-sector-text] h3{font-size:1.6rem!important;}
      [data-sector-text] p{font-size:1.05rem!important;margin-top:14px!important;}
      /* ceo */
      #ceo-grid{grid-template-columns:1fr!important;gap:34px!important;}
      /* sobre */
      #sobre-text{width:auto!important;height:auto!important;}
      /* estudo */
      #estudo-grid{grid-template-columns:1fr!important;gap:40px!important;}
    }
    @media(max-width:480px){
      #site-nav{gap:14px!important;}
      #site-nav a{font-size:.78rem!important;}
      [data-sector-text]{padding:30px 22px!important;}
      [data-sector-text] h3{font-size:1.45rem!important;}
    }

/* ---- portado do Claude Design: hovers que eram style-hover ---- */
.hv1:hover{color:#7FA9C9}
.hv2:hover{background:#7FA9C9;color:#0B161C}
.hv3:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(127,169,201,.25)}
.hv4:hover{transform:translateY(-8px);border-color:rgba(127,169,201,.5);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.hv5:hover{border-color:#7FA9C9;background:rgba(127,169,201,.1)}
.hv6:hover{transform:translateY(-2px);background:#96BBD8;box-shadow:0 12px 30px rgba(127,169,201,.28)}
.hv7:hover{background:#37647D;color:#fff}
.hv8:hover{background:rgba(11,22,28,.08)}

/* ---- ajustes do porte para HTML estatico ---- */
a{color:inherit}
[data-act]{cursor:pointer}
#modal-newsletter[hidden],#check-on[hidden],#check-off[hidden],
#news-form[hidden],#news-ok[hidden],#ico-play[hidden],#ico-pause[hidden]{display:none!important}
.card-estudo{text-decoration:none;color:inherit}