@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Heavy';
  src: url('../fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Regular';
  src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Medium';
  src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url('../fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Black';
  src: url('../fonts/Gilroy-Black.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Thin';
  src: url('../fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-UltraLight';
  src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-SemiBoldItalic';
  src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-BoldItalic';
  src: url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-MediumItalic';
  src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-RegularItalic';
  src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-LightItalic';
  src: url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-HeavyItalic';
  src: url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ExtraBoldItalic';
  src: url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-BlackItalic';
  src: url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ThinItalic';
  src: url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-UltraLightItalic';
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Gilroy-Bold', 'Gilroy-Heavy', sans-serif !important;
}

#campus-name {
  font-family: Gilroy-SemiBold !important;
  font-size: 26px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  margin-bottom: 15px !important;
}

.campus-menu-button {
  color: #666 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}

.campus-menu-button.active {
  background-color: #2D2D2D !important;
  color: white !important;
}

footer ul li a {
  color: #000 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}

button, a.inline-block, a[class*="rounded"], input[type="submit"] {
  border-radius: 24px !important;
  font-family: 'Gilroy-SemiBold', sans-serif !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}

body {
  background: var(--background);
  color: var(--foreground);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.btn-experiencia:hover {
  background-color: #e36056 !important;
  color: #ffffff !important;
}