/**************
Acá se definen estilos generales del sitio
****************/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");
@import url("grid.css");

@font-face {
  font-family: 'Open Sans';
  src: url('../assets/fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../assets/fonts/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../assets/fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-navbar: #305A9F;
  --color-footer: #305A9F;

  --color-btn-portal: #3CC8A4;

  --color-metrics-section: #1DA1F2;
  --color-allies-section: #2C3E50;
  --color-teachers-section: #2691bb;

  --color-accordion: #7DCFEF;
  --color-accordion-hover: rgb(125, 207, 239, 0.25);

  --font-size: 16px;

  --carousel-height: 31.25rem;
}

* {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

header {
  min-height: 167.6px;
}

@media (max-width: 991px) {
  header {
    min-height: 127.6px;
  }
}