/* Mobile Final Polish — ajustes de ergonomia e consistência após auditoria. */
@media screen and (max-width:700px){
  /* Alvos de toque confortáveis sem alterar a linguagem visual. */
  .urgent-icon,.menu-toggle{width:44px;height:44px;min-width:44px}
  .hero-actions .btn,.hero .btn-outline{min-height:44px}
  .overview-whatsapp{width:44px;height:44px}

  /* Legibilidade mínima para informações secundárias. */
  .hero-credentials{font-size:.6rem;line-height:1.4}

  /* Os dois acessos privados formam um bloco secundário abaixo do menu público. */
  .mobile-menu [data-private-access="cliente"],
  .mobile-menu [data-private-access="admin"]{
    padding:13px 14px;min-height:50px;
    border:1px solid rgba(91,30,30,.17);border-radius:14px;
    font-family:var(--sans);font-size:.69rem;font-weight:600;
    letter-spacing:.07em;text-transform:uppercase;color:var(--burgundy);
    background:rgba(91,30,30,.025)
  }
  .mobile-menu [data-private-access="cliente"]{margin-top:18px}
  .mobile-menu [data-private-access="admin"]{margin-top:8px;background:transparent}
  .mobile-menu [data-private-access="cliente"]:before,
  .mobile-menu [data-private-access="admin"]:before{
    font-weight:500;color:var(--muted);margin-right:auto;
    font-size:.61rem;letter-spacing:.05em
  }
  .mobile-menu [data-private-access="cliente"]:before{content:"Área reservada"}
  .mobile-menu [data-private-access="admin"]:before{content:"Administração"}
  .mobile-menu [data-private-access="cliente"]:after,
  .mobile-menu [data-private-access="admin"]:after{content:"→";opacity:.8}

  .mobile-menu-urgent{min-height:50px!important}
}

/* Faixa intermediária: celulares em landscape e tablets pequenos mantêm
   navegação/touch coerentes, sem transformar o tablet inteiro em layout de telefone. */
@media screen and (min-width:701px) and (max-width:820px){
  :root{--header-h:70px}
  .header-inner{height:var(--header-h)}
  .brand-monogram{width:38px;height:38px}
  .brand-wordmark{width:124px;height:42px}
  .urgent-icon,.menu-toggle{width:44px;height:44px;min-width:44px}
  .urgent-label{display:none}
  .mobile-menu.open{top:var(--header-h);padding:22px 28px calc(28px + env(safe-area-inset-bottom,0px))}
  .mobile-menu a{min-height:54px;padding:12px 4px;font-size:1.38rem}
  .mobile-menu [data-private-access="cliente"],
  .mobile-menu [data-private-access="admin"]{
    min-height:48px;padding:12px 14px;border:1px solid rgba(91,30,30,.16);border-radius:13px;
    font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase
  }
  .mobile-menu [data-private-access="cliente"]{margin-top:16px}
  .mobile-menu [data-private-access="admin"]{margin-top:8px}
  .mobile-menu [data-private-access="cliente"]:before{content:"Área reservada";margin-right:auto;color:var(--muted);font-size:.6rem}
  .mobile-menu [data-private-access="admin"]:before{content:"Administração";margin-right:auto;color:var(--muted);font-size:.6rem}
  .mobile-menu-urgent{margin-top:10px!important;min-height:48px!important;border-radius:13px!important}
  .page-hero{padding:44px 0}
}