/* Na mídia: carrossel de imprensa logo após o vídeo institucional, em modo claro (mesma paleta do #contato). */
.media-section{background:#f8faf9;color:#17221f;padding:112px 0 90px;color-scheme:light}
/* A seção anterior ao contato era escura, e a margem/borda do contato se apoiavam nela; após o carrossel claro, elas viram um vazio escuro. */
.media-section+.contact-section{margin-top:0;border-top:0}
.media-section .media-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}
.media-section h2{color:#17221f;margin-top:0;text-transform:uppercase}
.media-nav{display:flex;gap:10px;flex-shrink:0}
.media-nav button{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #c5d1ca;border-radius:50%;background:#fff;color:#17221f;cursor:pointer;transition:border-color .2s,background .2s,color .2s,opacity .2s}
.media-nav button:hover:not(:disabled){border-color:#17221f;background:#17221f;color:#f8faf9}
.media-nav button:focus-visible{outline:2px solid #187b63;outline-offset:3px}
.media-nav button:disabled{opacity:.3;cursor:default}
.media-nav svg{width:20px;height:20px}
.media-grid{list-style:none;margin:0;padding:6px 0 32px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.media-grid::-webkit-scrollbar{display:none}
.media-grid>li{display:flex;flex:0 0 min(470px,calc((100% - 40px)/2.4));scroll-snap-align:start}
.media-grid>li:last-child{scroll-snap-align:end}
.media-card{flex:1;position:relative;display:flex;flex-direction:column;min-height:420px;padding:36px 34px 32px;border:1px solid #d5dfd8;border-radius:20px;background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s}
.media-card:hover,.media-card:focus-within{border-color:#187b6380;box-shadow:0 14px 34px -18px #17221f40;transform:translateY(-3px)}
.media-outlet{display:flex;align-items:center;height:44px;padding-bottom:20px;border-bottom:1px solid #d5dfd8}
/* Logos em uma cor só (tom do texto), com alturas ajustadas para o mesmo peso visual. */
.media-logo{display:block;width:auto;height:30px;filter:brightness(0);opacity:.86}
.media-logo--cnn{height:40px}
.media-logo--bmc{height:24px}
.media-program{margin:26px 0 0;font:450 30px/1.15 'Funnel Display',Arial,sans-serif;letter-spacing:-.8px;color:#17221f}
.media-outlet+p{margin-top:26px!important}
.media-card p{margin:16px 0 32px;color:#55615c;font-size:16px;line-height:1.65}
.media-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#187b63;text-decoration:none}
.media-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.media-link:focus-visible{outline:none}
.media-card:focus-within{outline:2px solid #187b63;outline-offset:-2px}
.media-link svg{width:16px;height:16px;transition:transform .25s}
.media-card:hover .media-link svg{transform:translate(2px,-2px)}
@media(max-width:1100px){.media-grid>li{flex-basis:calc((100% - 20px)/1.6)}.media-card{min-height:380px}}
@media(max-width:650px){
  .media-section{padding:64px 0 72px}
  .media-section .media-head{margin-bottom:28px}
  .media-nav{display:none}
  .media-grid{gap:12px;margin:0 -20px;padding:6px 20px 24px;scroll-padding-inline:20px}
  .media-grid>li{flex-basis:84%}
  .media-card{min-height:300px;padding:26px 22px 24px}
  .media-program{font-size:22px}
  .media-card p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.media-grid{scroll-behavior:auto}.media-card,.media-link svg,.media-nav button{transition:none}.media-card:hover{transform:none}}