/* Kakama Wera — complementos de P0.6 (menu mobile) e P0.7 (grids responsivos).
   Carregado depois do <style> inline de cada página; não substitui o CSS
   existente, só adiciona o que faltava. */

.kw-menu-toggle{
  display:none;
  background:transparent;
  border:2px solid rgba(255,255,255,.4);
  color:#fff;
  font-size:1.3rem;
  line-height:1;
  width:44px;
  height:44px;
  border-radius:4px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.kw-menu-toggle:focus-visible,
a:focus-visible,
button:focus-visible{
  outline:3px solid #48CAE4;
  outline-offset:2px;
}

@media (max-width:1200px) and (min-width:901px){
  .kw-hero-grid{gap:2.5rem}
}

@media (max-width:900px){
  .kw-menu-toggle{display:flex}
  .kw-nav-links{display:none}
  .kw-nav-links.is-open{
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    position:fixed;
    top:64px;
    left:0;
    right:0;
    bottom:0;
    z-index:1500;
    background:#0D1B2A;
    padding:1.5rem 2rem;
    overflow-y:auto;
  }
  .kw-nav-links.is-open > a{
    width:100%;
    padding:.9rem 0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .kw-nav-links.is-open > div{
    width:100%;
    margin:1.2rem 0 0;
    padding:1.2rem 0 0;
    border-left:none !important;
    border-top:1px solid rgba(255,255,255,.15);
  }
  .kw-stats3{grid-template-columns:1fr !important}
  .kw-footer-grid{grid-template-columns:1fr !important;gap:2rem !important}
  .serv-body{grid-template-columns:1fr !important}
}

@media (max-width:480px){
  .kw-stats3{gap:.9rem !important}
  .kw-footer-grid{gap:1.6rem !important}
}