/* Brasil Emprega 7.7.66 — auditoria mobile-first, tablet e centralização de ações */
:root{--be-mobile-touch:44px}
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%}

/* Menu premium: controlador único, área de toque e estado visual previsível. */
@media(max-width:1079px){
  body.be-mobile-menu-open{overflow:hidden!important;touch-action:none}
  .be-premium-header .be-header-main,.be-premium-header .be-nav{position:relative!important}
  .be-premium-header .be-menu-toggle{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
  .be-premium-header .be-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .be-premium-header .be-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .be-premium-header .be-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .be-premium-header .be-menu.is-open{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .be-premium-header .be-nav-main,.be-premium-header .be-nav-trigger,.be-premium-header .be-login,.be-premium-header .be-cta{min-height:var(--be-mobile-touch)!important}
  .be-premium-header .be-nav-panel a{min-height:var(--be-mobile-touch)!important}
}

/* Rodapé: contato, e-mail e barra inferior centralizados em celular e tablet vertical. */
@media(max-width:820px){
  .be-site-footer .be-footer-contact-col{grid-column:1/-1!important;align-items:center!important;text-align:center!important}
  .be-site-footer .be-footer-contact-col h4,.be-site-footer .be-contact-label,.be-site-footer .be-contact-email{width:100%!important;text-align:center!important;align-self:center!important}
  .be-site-footer a.be-email-btn,.be-site-footer a.be-email-btn:link,.be-site-footer a.be-email-btn:visited{align-self:center!important;justify-self:center!important;margin:12px auto 0!important;min-width:190px!important;min-height:46px!important;padding:11px 20px!important}
  .be-site-footer .be-footer-bottom-inner{justify-content:center!important;text-align:center!important}
  .be-site-footer .be-footer-bottom-actions{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}
}

/* Formulários: evita zoom automático do iOS e mantém os campos dentro da tela. */
@media(max-width:760px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;max-width:100%!important}
  .contact-card .send{display:flex!important;align-items:center!important;justify-content:center!important;width:min(230px,100%)!important;min-height:46px!important;margin:2px auto 0!important}
  .guide-section>.primary-link{display:flex!important;align-items:center!important;justify-content:center!important;width:min(250px,100%)!important;min-height:48px!important;margin:20px auto 0!important;text-align:center!important}
  .be-internal-hero__actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  .be-internal-hero__actions .be-internal-hero__primary,.be-internal-hero__actions .be-internal-hero__secondary{width:100%!important;max-width:none!important;min-height:48px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}
  .confirm-actions,.register-actions,.company-form-actions,.company-reset-actions,.hub-form-actions{width:100%!important}
  .confirm-actions>a,.confirm-actions>button,.register-actions>button,.company-form-actions>.company-submit,.company-reset-actions>button{min-height:48px!important}
}

/* Telas muito estreitas: margens seguras, sem botões colados às bordas. */
@media(max-width:430px){
  .be-premium-header .be-header-top-inner,.be-premium-header .be-nav{width:calc(100% - 20px)!important}
  .be-premium-header .be-menu{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
  .be-site-footer .be-footer-main,.be-site-footer .be-footer-bottom-inner{width:calc(100% - 28px)!important}
  .be-site-footer a.be-email-btn{width:min(220px,100%)!important}
}
