/* ==========================================================================
   RotasSul Transfer — botão flutuante de WhatsApp (Fase 7A)

   Estas regras viviam apenas em css/design-improvements.css, carregada só pela
   home. As cinco páginas internas carregavam js/floating-whatsapp-button.js sem
   nenhum estilo, e o SVG do botão — sem width/height próprios — chegava a
   renderizar em largura total no rodapé.

   As regras foram MOVIDAS para cá (não copiadas) e esta folha é carregada
   pelas seis páginas. Nenhuma alteração de valor: é o mesmo estilo já aprovado
   na home. O JavaScript não foi tocado.
   ========================================================================== */

body .floating-whatsapp-button{bottom:calc(24px + env(safe-area-inset-bottom))!important;opacity:1!important;pointer-events:auto!important;right:calc(24px + env(safe-area-inset-right))!important;visibility:visible!important;z-index:9999990!important;display:inline-flex!important;position:fixed!important}
@media (width<=700px){body .floating-whatsapp-button{bottom:calc(18px + env(safe-area-inset-bottom))!important;right:calc(16px + env(safe-area-inset-right))!important}}
.floating-whatsapp-button{bottom:calc(24px + env(safe-area-inset-bottom));color:#fff;right:calc(24px + env(safe-area-inset-right));transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),filter .22s var(--ease-out);z-index:1000;background:radial-gradient(circle at 28% 18%,#ffffff57,#0000 28%),linear-gradient(145deg,#2f8a68 0%,#20bf63 52%,#128c7e 100%);border:1px solid #ffffff94;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex;position:fixed;box-shadow:0 18px 38px #1025363d,0 8px 18px #20bf633d,inset 0 1px #ffffff70;text-decoration:none!important}
.floating-whatsapp-button:before{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:4px}
.floating-whatsapp-button__icon{fill:currentColor;z-index:1;width:32px;height:32px;display:block;position:relative}
.floating-whatsapp-button:focus-visible{outline-offset:4px;outline:3px solid #f4c84bf2}
.floating-whatsapp-button:active{transform:translateY(0)scale(.97)}
@media (hover:hover) and (pointer:fine){.floating-whatsapp-button:hover{filter:saturate(1.06);transform:translateY(-2px)scale(1.03);box-shadow:0 24px 48px #10253647,0 12px 24px #20bf634d,inset 0 1px #ffffff8f}}
@media (width<=700px){.floating-whatsapp-button{bottom:calc(18px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));width:56px;height:56px}.floating-whatsapp-button__icon{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.floating-whatsapp-button{transition:none}}