/* Camada final de responsividade: telas amplas, notebooks, tablets e celulares. */
img,video,iframe{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
.content-card,.trend-card,.service-card,.portal-card{min-width:0}

@media(min-width:1500px){
  .wrap{width:min(1280px,calc(100% - 96px))}
  .hero-grid{grid-template-columns:1.03fr .97fr}
  .hero-portrait{height:700px}
}

@media(min-width:741px) and (max-width:1100px){
  .wrap{width:min(100% - 56px,1180px)}
  .hero-grid{gap:34px}
  .content-card{padding:30px}
  .trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:740px){
  body{overflow-x:hidden}
  .button,.nav-cta,.menu-toggle,.content-toolbar button{min-height:44px}
  .hero-actions .button{width:100%;text-align:center}
  .content-card,.trend-card{padding:26px}
  .content-document{height:min(72vh,620px)}
}

@media(max-width:420px){
  .wrap{width:min(100% - 24px,1180px)}
  .nav{gap:8px}
  .brand{gap:7px}
  .brand span{max-width:112px;font-size:.78rem}
  .brand small{font-size:.55rem}
  .nav-cta{padding-inline:8px;font-size:.65rem}
  .hero-portrait{height:380px}
  .hero-portrait figcaption{font-size:.72rem}
  .content-card,.trend-card{padding:22px}
  .content-media,.content-document{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}
}

@media(hover:none){
  .portal-card:hover{transform:none}
  .links a,.button,.content-share{transition:none}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}