/*-------- Variables Globales para smlogistica --------*/
html:root {
  --breakpoint-tiny: 420px;
  --breakpoint-x-small: 588px;
  --breakpoint-small: 768px;
  --breakpoint-medium: 976px;
  --breakpoint-large: 1024px;
  --breakpoint-wide: 1280px;
  --breakpoint-big: 1440px;
  --timing-function: cubic-bezier(.18, .73, .38, .99);
  --fadeIn: fadeIn .6s var(--timing-function) forwards;
  --transition: .3s var(--timing-function);
  --fadeOut: fadeOut .2s var(--timing-function) forwards;
  --nav-bar-height: 48px;
  --footer-height: 48px;
  --side-menu-width: 239px;
  --side-menu-height: calc(100% - var(--nav-bar-height));
  --side-menu-left: calc(-1 * var(--side-menu-width));
  --section-height: calc(100vh - var(--nav-bar-height));
  --last-section-height: calc(100dvh - var(--nav-bar-height) - var(--footer-height));
  --transports-block-height: 140px;
  --transports-block-logos-width: 240px;
  --font-family: Lato, sans-serif;
  --gin-font: Lato, sans-serif;
  --gin-color-focus-border: #0000;
  --gin-color-focus: #0000;
  --container-block-width: 320px;
  --gin-icon-size-toolbar-secondary: 20px;
}