/* Import LATAM Sans Fonts */
/* LATAM Sans Font Faces */
@font-face {
  font-family: "LATAM Sans Regular";
  src: url("/assets/LatamSansST-Regular-BppzkRpP.woff2") format("woff2"),
       url("/assets/LatamSansST-Regular-BeVVKx_h.woff") format("woff"),
       url("/assets/LatamSansST-Regular-CsMfUkrF.eot") format("eot"),
       url("/assets/LatamSansST-Regular-Bdk2kwxt.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LATAM Sans Light";
  src: url("/assets/Latam_Sans_Light-CXisduGn.woff") format("woff"),
       url("/assets/Latam_Sans_Light-CJho4R9T.otf") format("otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LATAM Sans Bold";
  src: url("/assets/LatamSansST-Bold-DYR1S3oT.woff2") format("woff2"),
       url("/assets/LatamSansST-Bold-BOGVUaGA.woff") format("woff"),
       url("/assets/LatamSansST-Bold-DRosjrZu.eot") format("eot"),
       url("/assets/LatamSansST-Bold-DNk8RXWh.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Font Family Variables (CSS Custom Properties) */
:root {
  --font-regular: 'LATAM Sans Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-bold: 'LATAM Sans Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-light: 'LATAM Sans Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
/* Utility Classes */
.font-regular {
  font-family: var(--font-regular);
  font-weight: 400;
}
.font-bold {
  font-family: var(--font-bold);
  font-weight: 700;
}
.font-light {
  font-family: var(--font-light);
  font-weight: 300;
}
.uppercase {
  text-transform: uppercase;
}
/* Base font family for body */
body {
  font-family: var(--font-regular);
}
/* Latam Init Theme - Global Styles */
body {
  margin: 0;
  font-family: 'LATAM Sans Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f5f5f5;
}
/* Ensure LATAM font is applied globally */
* {
  font-family: 'LATAM Sans Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}
/* Material-UI components font override */
.MuiTypography-root,
.MuiButton-root,
.MuiMenuItem-root,
.MuiListItemText-root,
.MuiInputBase-root,
.MuiFormLabel-root,
.MuiTab-root,
.MuiTableCell-root {
  font-family: 'LATAM Sans Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif !important;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
/* Custom CSS variables for theme colors */
:root {
  --primary-100: #bfb3db;
  --primary-200: #9580c4;
  --primary-500: #1b0088;
  --primary-700: #1f0075;
  
  --accent-100: #f8b7c9;
  --accent-200: #f487a5;
  --accent-500: #ed1650;
  --accent-700: #e20b3b;
  
  --warn-100: #fed5b3;
  --warn-200: #feba80;
  --warn-500: #fd7400;
  --warn-700: #fc6100;
}
/* Additional utility classes */
.text-primary {
  color: var(--primary-500) !important;
}
.text-accent {
  color: var(--accent-500) !important;
}
.text-warn {
  color: var(--warn-500) !important;
}
.bg-primary {
  background-color: var(--primary-500) !important;
}
.bg-accent {
  background-color: var(--accent-500) !important;
}
.bg-warn {
  background-color: var(--warn-500) !important;
}
/* Menu icon styles */
.menu-icon-default {
  color: var(--primary-500) !important;
  transition: color 0.3s ease;
}
.menu-icon-active {
  color: var(--accent-500) !important;
  transition: color 0.3s ease;
}
/* Navigation drawer styles */
.MuiDrawer-paper .MuiListItemIcon-root {
  color: var(--primary-500);
  transition: color 0.3s ease;
}
.MuiDrawer-paper .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root {
  color: var(--accent-500);
}
.MuiDrawer-paper .MuiListItemButton-root.Mui-selected .MuiListItemText-primary {
  color: var(--accent-500);
  font-weight: 600;
}
.MuiDrawer-paper .MuiListItemText-primary {
  color: var(--primary-500);
  font-family: 'LATAM Sans Regular', sans-serif;
  font-size: 14px !important;
}/* LATAM Sans Font Faces */
@font-face {
  font-family: "LATAM Sans Regular";
  src: url("/assets/LatamSansST-Regular-BppzkRpP.woff2") format("woff2"),
       url("/assets/LatamSansST-Regular-BeVVKx_h.woff") format("woff"),
       url("/assets/LatamSansST-Regular-CsMfUkrF.eot") format("eot"),
       url("/assets/LatamSansST-Regular-Bdk2kwxt.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LATAM Sans Light";
  src: url("/assets/Latam_Sans_Light-CXisduGn.woff") format("woff"),
       url("/assets/Latam_Sans_Light-CJho4R9T.otf") format("otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LATAM Sans Bold";
  src: url("/assets/LatamSansST-Bold-DYR1S3oT.woff2") format("woff2"),
       url("/assets/LatamSansST-Bold-BOGVUaGA.woff") format("woff"),
       url("/assets/LatamSansST-Bold-DRosjrZu.eot") format("eot"),
       url("/assets/LatamSansST-Bold-DNk8RXWh.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Font Family Variables (CSS Custom Properties) */
:root {
  --font-regular: 'LATAM Sans Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-bold: 'LATAM Sans Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-light: 'LATAM Sans Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Utility Classes */
.font-regular {
  font-family: var(--font-regular);
  font-weight: 400;
}

.font-bold {
  font-family: var(--font-bold);
  font-weight: 700;
}

.font-light {
  font-family: var(--font-light);
  font-weight: 300;
}

.uppercase {
  text-transform: uppercase;
}

/* Base font family for body */
body {
  font-family: var(--font-regular);
}.latam-appbar{
    position: fixed;
    top: 0;
    z-index: 2;
    background: #1b0088 !important;
    background: linear-gradient(90deg, #1b0088, #ed1650) !important;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
}
/* Custom button styles for login */

.box-home-container{
  display: flex;
  width: 500px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 20px;
}

.login-button-primary {
  background: linear-gradient(135deg, #1b0088 0%, #ed1650 100%);
  border: none;
  color: white !important;
  font-family: 'LATAM Sans Regular', sans-serif;
  font-weight: 500;
  text-transform: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.login-button-primary:hover {
  background: linear-gradient(135deg, #1f0075 0%, #e20b3b 100%);
  box-shadow: 0 4px 12px rgba(27, 0, 136, 0.1);
}

.latam-menu{
  box-shadow: 16px 0 16px -4px #0000001a !important;
}

/* eCargo Sidebar wrapper and overrides */
.app-sidebar-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.app-sidebar-wrapper > div {
  height: 100% !important;
  display: flex !important;
}

/* Override sidebar container height (uses 100dvh by default) */
.app-sidebar-wrapper > div > div:first-child {
  height: 100% !important;
}

/* SidebarWrapper inside SidebarContainer - contains menu items */
.app-sidebar-wrapper > div > div:first-child > div {
  height: 100% !important;
}

/* Override children wrapper (content area) */
.app-sidebar-wrapper > div > div:last-child {
  width: auto !important;
  flex: 1 !important;
  height: 100% !important;
  background-color: #F2F2F2;
  justify-content: flex-start !important;
}

.app-sidebar-wrapper > div > div:last-child > * {
  width: 100% !important;
}