/* ============================================================
   Correções de responsividade e alinhamento
   (não altera o CSS aprovado — só ajusta o que faltava)
   ============================================================ */

/* Abas de Conteúdo na Home agora são links de verdade — remover sublinhado padrão */
.tab{text-decoration:none; display:inline-block; cursor:pointer;}
.play-badge{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:48px; height:48px; border-radius:50%;
  background:rgba(0,0,0,.6); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; line-height:1;
}
.area-full-link{display:block; text-decoration:none; color:inherit; cursor:pointer; transition:opacity .15s ease;}
.area-full-link:hover{opacity:.75;}
.area-full-link .area-arrow{color:var(--sage, #86A192); font-weight:400;}
@media(min-width:861px){
  .logo img{height:66px;}
}
header .wrap{max-width:1120px;}
/* A classe .nav sobrescrevia o padding lateral do .wrap (só tinha padding vertical) */
header .nav{padding-left:32px; padding-right:32px;}

/* Botão de menu (hambúrguer) — escondido no desktop */
.menu-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:36px;
  height:36px;
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  z-index:60;
}
.menu-toggle span{
  display:block;
  width:100%;
  height:2px;
  background:var(--ink);
  border-radius:2px;
  transition:transform .2s ease, opacity .2s ease;
}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle.open span:nth-child(2){opacity:0;}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:860px){
  header .nav{position:relative; flex-wrap:wrap;}
  .menu-toggle{display:flex;}

  .menu{
    display:none !important;
    flex:none !important;
    flex-basis:100% !important;
    order:3;
    width:100%;
    background:var(--panel, #fff);
    border-top:1px solid var(--line);
    padding:8px 0;
    margin:0;
  }
  .menu.open{display:block !important;}
  .menu a{
    display:block;
    width:100%;
    padding:12px 4px;
    margin-right:0;
    border-bottom:1px solid var(--line);
    box-sizing:border-box;
  }
  .menu a:last-child{border-bottom:none;}

  .search-box{flex-shrink:1; width:auto; min-width:0; max-width:150px;}
  .search-input{width:100%; min-width:0;}
}

/* Telas bem pequenas: tudo em coluna única, sem cortar conteúdo */
@media(max-width:600px){
  .wrap{padding:0 20px;}
  .areas-grid,.method-grid,.content-grid,.gallery-grid{grid-template-columns:1fr !important;}
  .hero h1{font-size:28px;}
  .foot-grid{grid-template-columns:1fr;}
  .search-box{max-width:130px;}
  .search-input{width:100%;}
}