/* Shared by every page, including The Corporate Simulator:
   the Lato font (served from this site) and the WhatsApp button. */

@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lato-400.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/lato-700.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/lato-900.woff2") format("woff2"); }

.wa-float {
  position: fixed; right: 20px; bottom: 20px; z-index: 900;
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 56px; padding: 0 20px 0 16px; border-radius: 28px;
  background: #25D366; color: #FFFFFF; text-decoration: none;
  font: 700 16px "Lato", "Helvetica Neue", Arial, sans-serif;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.wa-float:hover, .wa-float:focus-visible { background: #1EBE5A; color: #FFFFFF; }
.wa-float svg { width: 28px; height: 28px; flex: 0 0 28px; fill: #FFFFFF; }
.wa-float .wa-text { white-space: nowrap; }
@media (max-width: 600px) {
  .wa-float { right: 14px; bottom: 14px; padding: 0; width: 58px; height: 58px; justify-content: center; border-radius: 50%; }
  .wa-float .wa-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .wa-float svg { width: 32px; height: 32px; flex-basis: 32px; }
}
@media print { .wa-float { display: none; } }