/* ============================================================
   Responsivo
   ============================================================ */
@media (max-width:1180px){
  .agenda-corpo{grid-template-columns:minmax(0,1fr)}
  .calendario{flex-direction:row;flex-wrap:wrap}
  .mes{flex:1 1 300px}
  .faq-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .guia-corpo{grid-template-columns:minmax(0,1fr)}
  .guia-foto{min-height:220px}
  .produtos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mascote-canto{position:static;margin:0 0 24px auto}
}
@media (max-width:900px){
  .hero-grid{flex-direction:column;align-items:flex-start}
  .hero-mascote{width:clamp(88px,20vw,120px);order:-1;margin:0 auto 4px}
  .oportunidades{grid-template-columns:minmax(0,1fr)}
  .links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .forms{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .nav-inner{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:12px}
  .nav-toggle{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:44px;padding:10px 18px;border-radius:var(--r-pill);
    border:1.5px solid var(--navy);background:var(--branco);font-size:16px;font-weight:600;cursor:pointer;
  }
  .nav-toggle:hover{background:#e2e4f2}
  .nav-links{
    display:none;order:3;flex-basis:100%;flex-direction:column;align-items:flex-start;
    gap:4px;padding-bottom:8px;
  }
  .nav-links[data-aberto="true"]{display:flex}
  .nav-link{width:100%;min-height:44px;border-bottom:1px solid var(--linha)}
  .nav-link--mobile{display:flex;font-weight:700;border-bottom:0}
  .nav-cta{display:none}
  .agenda-head{align-items:flex-start}
  .agenda-head .btn{width:100%}
  .op-head .btn{width:100%}
  /* ritmo vertical: telas pequenas pedem seções mais curtas */
  :root{--gut:24px;--sec-y:40px}
  .area,section[id],[id^="form-"]{scroll-margin-top:72px}

  .btn{padding:16px 24px}
  .hero-grid{gap:32px}
  .mascote-canto{width:96px;margin-bottom:8px}

  /* Calendário: célula vira alvo de toque de 44px */
  .mes{padding:16px;gap:10px}
  .semana{gap:3px}
  .dia{height:44px;border-radius:8px}
  .rotulo{padding-block:2px}

  /* Faixa de fotos: peças menores e giro um pouco mais rápido (duração no JS) */
  .fotos-track{gap:10px}
  .gestao-foto{width:124px;height:124px;border-radius:14px}
  .gestao-nome{font-size:12px;padding:8px 10px 6px}

  /* Galeria: carrossel encolhe padding/fonte/linhas, largura do cartão já é fluida (min(300px,72vw)) */
  .galeria{gap:12px;grid-template-rows:repeat(2,130px)}
  .gal-foto{padding:12px;font-size:11px}
  .gal-seta{width:44px;height:44px}

  .produtos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .produto{padding:12px;gap:10px}
  .produto-img img{height:140px}
  .produto b{font-size:17px}

  .guia-cards{grid-template-columns:minmax(0,1fr)}
  .guia-foto{min-height:180px}
  .links{grid-template-columns:minmax(0,1fr)}

  .faq summary{font-size:16px;padding:18px 20px}
  .faq[open] summary{font-size:17px}
  .faq-resposta{padding:0 20px 18px}

  .evt{flex-wrap:wrap;gap:16px;padding:16px 20px}
  .evt-data{order:1}
  .evt-seta{order:2;margin-left:auto}
  .evt-info{flex-basis:100%;order:3}
  .campo-duplo{grid-template-columns:minmax(0,1fr)}
  .footer{padding-block:48px 40px}
  .footer-rule{margin-block:32px}
  .footer-col{min-width:0}

  .topo{width:48px;height:48px;bottom:16px}
}

/* Telas estreitas (≤400px): 2 colunas de produto ficam apertadas demais */
@media (max-width:400px){
  :root{--gut:18px}
  .produtos{grid-template-columns:minmax(0,1fr)}
  .produto-img img{height:180px}
  .galeria{grid-template-rows:repeat(2,110px)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  /* sem rotação automática: a faixa vira um carrossel de arrastar */
  .fotos-scroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}
  .gestao-foto{scroll-snap-align:start}
}