/* Carteirinha: ação de retorno sempre visível no verso. */
.member-id-card-inner{height:360px;min-height:360px}
.member-id-front,.member-id-back{position:absolute!important;inset:0}
.member-id-front{z-index:2}
.member-id-back{z-index:1}
.member-card-shell.is-flipped .member-id-back{z-index:3}
.member-id-back .member-flip-button{display:inline-flex!important;align-items:center;gap:.35rem;background:#fff!important;color:#8d2028!important;border:2px solid #fff!important;box-shadow:0 5px 14px rgba(0,0,0,.2);font-weight:900!important}
.member-id-back .member-flip-button:hover{background:#ffe76a!important;color:#4b1218!important;transform:translateY(-2px)}
/* Alternância estável: evita falhas de perspectiva e sobreposição no celular. */
.member-id-card-inner{height:auto!important;min-height:0!important;transform:none!important}
.member-id-front,.member-id-back{position:relative!important;inset:auto!important;transform:none!important;backface-visibility:visible!important;display:none!important;min-height:360px}
.member-id-front{display:block!important}
.member-card-shell.is-flipped .member-id-front{display:none!important}
.member-card-shell.is-flipped .member-id-back{display:flex!important}
/* Botão Topo acima do WhatsApp, sem sobreposição. */
.back-to-top{bottom:92px!important}
.floating-whatsapp{bottom:18px!important}
@media(max-width:760px){
  .member-id-card-inner{height:auto!important;min-height:0!important}
  .member-id-front,.member-id-back{min-height:390px}
  .back-to-top{right:14px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .floating-whatsapp{right:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
}
@media (min-width:761px) and (max-width:1320px){
  .header-inner{gap:.55rem!important}
  .brand{min-width:185px!important}
  .main-nav{gap:.42rem!important;font-size:.78rem!important}
  .header-actions{gap:.3rem!important}
  .header-actions .btn{padding:.5rem .55rem!important;font-size:.7rem!important}
  .header-actions .btn i{display:none}
}
@media (min-width:761px) and (max-width:1120px){
  .header-inner{position:relative}
  .menu-toggle{display:grid!important;place-items:center;width:40px;height:40px;margin-left:auto;background:#fff7c7;border:0;border-radius:10px;color:#c52f39}
  .main-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0!important;padding:.7rem 1rem 1rem;border-top:3px solid #f4d21f;box-shadow:0 18px 30px rgba(29,29,29,.16)}
  .main-nav.is-open{display:flex!important}
  .main-nav a{padding:.72rem .5rem;border-bottom:1px solid #f1dfe0}
  .header-actions .btn-outline{display:none!important}
  .header-actions .btn-primary{width:40px;height:40px;padding:0!important;font-size:0!important;justify-content:center}
  .header-actions .btn-primary i{display:block;font-size:.9rem}
}
.mobile-app-nav{grid-template-columns:repeat(4,1fr)!important}
