/* Cabeçalho compacto para celulares: logo e menu recolhido. */
@media (max-width: 768px) {
  .topo { position: relative !important; padding: 15px 0 !important; min-height: 92px !important; }
  .topo .container { width: min(100% - 40px, 1180px) !important; min-height: 62px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
  .topo .logo { line-height: 0; }
  .topo .logo img { height: 43px !important; width: auto !important; }
  .menu-toggle { display: flex !important; width: 43px !important; height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; flex: 0 0 43px !important; flex-direction: column !important; justify-content: space-between !important; align-items: center !important; cursor: pointer; z-index: 1002; }
  .menu-toggle span { width: 42px !important; height: 4px !important; background: #f25c00 !important; border-radius: 999px !important; }
  .menu-toggle.open span:nth-child(1) { transform: translateY(16px) rotate(45deg) !important; }
  .menu-toggle.open span:nth-child(2) { opacity: 0 !important; }
  .menu-toggle.open span:nth-child(3) { transform: translateY(-16px) rotate(-45deg) !important; }
  .topo .menu { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 1001 !important; width: 100% !important; max-height: 0 !important; padding: 0 20px !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; background: rgba(255, 255, 255, .99) !important; border-top: 1px solid rgba(242, 92, 0, .14) !important; box-shadow: 0 18px 34px rgba(102, 38, 0, .14) !important; transition: max-height .32s ease, opacity .22s ease, visibility .22s ease, padding .32s ease !important; }
  .topo .menu.open { max-height: 440px !important; padding-top: 10px !important; padding-bottom: 14px !important; opacity: 1 !important; visibility: visible !important; }
  .topo .menu ul, .topo .menu.open ul { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
  .topo .menu li { width: 100% !important; }
  .topo .menu a { display: block !important; padding: 13px 8px !important; font-size: .95rem !important; line-height: 1.25 !important; text-align: left !important; border: 0 !important; border-bottom: 1px solid rgba(242, 92, 0, .10) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  .topo .menu a:hover, .topo .menu a:focus-visible { color: #fff !important; background: #ff6300 !important; }
  .topo .menu li:last-child a { border-bottom: 0 !important; }
}