@import "color-animation.scss";

/* FUENTE VAG rounded */
@font-face {
  font-family: "VAG-Black";
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Black.eot"); /* IE9 Compat Modes */
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Black.otf") format("opentype"), /* Open Type Font */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Black.svg") format("svg"), /* Legacy iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Black.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Black.woff") format("woff"), /* Modern Browsers */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Black.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "VAG-Bold";
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "VAG-Light";
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Light.otf") format("opentype"), /* Open Type Font */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Light.svg") format("svg"), /* Legacy iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "VAG-Thin";
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.eot"); /* IE9 Compat Modes */
  src: url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.otf") format("opentype"), /* Open Type Font */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.svg") format("svg"), /* Legacy iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.woff") format("woff"), /* Modern Browsers */
    url("../fonts/vag-rounded/VAG-Rounded-Std-Thin.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/*AJUSTES BASICOS*/

*{transition:all 0.3s;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'VAG-Bold', 'Open Sans'; color: #565656; }
a, button { border: none; text-decoration: none; }
a:hover, a:visited, a:active, a:link { text-decoration: none; }
p, li, a { color: #565656; margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Open Sans', sans-serif; line-height: 20px; font-size: 1em; }
ul { margin: 0 0 0 0; }
body, html { background: #ffffff; }

.imagenCenter { margin: 0 auto; }
.hrCenter { margin: 0 auto; }

/* CLASE DESACTIVADO */
.desactivado {
  opacity: 0.5;
  pointer-events: none;
}

/* BORDE INFERIOR DE LA CABECERA SEGUN LA ESCUELA */
// ADMINISTRACIÓN
.linea-admon { border-bottom: 5px solid $color1; }
//  INGENIERÍA
.linea-ing { border-bottom: 5px solid $color3; }
// SALUD
.linea-salud { border-bottom: 5px solid $color2; }

/* FUENTE */
.VAG-bold { font-family: 'VAG-Bold', 'Open Sans'; }
.VAG-black { font-family: 'VAG-Black', 'Open Sans'; }
.VAG-thin { font-family: 'VAG-Thin', 'Open Sans'; }
.VAG-light { font-family: 'VAG-Light', 'Open Sans'; }

/* FONT-WEIGHT Y STYLE */
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fs-i { font-style: italic;}

/* TAMAÑOS PERSONALIZADOS */
.fuente-img { font-size: .9em; }

/* WIDTH AUTO */
.wAuto { width: auto; }

/* MARGIN Y PADDING */
.mT-025 { margin-top: .25em }
.mT-05 { margin-top: .5em }
.mT-1 { margin-top: 1em }
.mT-2 { margin-top: 2em }
.mT-3 { margin-top: 3em }
.mT-4 { margin-top: 4em }
.mT-5 { margin-top: 5em }
.mT-6 { margin-top: 6em }
.mT-7 { margin-top: 7em }

.mB-025 { margin-bottom: .25em }
.mB-05 { margin-bottom: .5em }
.mB-1 { margin-bottom: 1em }
.mB-2 { margin-bottom: 2em;
margin-top: 2em;}
.mB-3 { margin-bottom: 3em }
.mB-4 { margin-bottom: 4em }
.mB-5 { margin-bottom: 5em }
.mB-6 { margin-bottom: 6em }
.mB-7 { margin-bottom: 7em }

.mR-025 { margin-right: .25em }
.mR-05 { margin-right: .5em }
.mR-1 { margin-right: 1em }
.mR-2 { margin-right: 2em }
.mR-3 { margin-right: 3em }
.mR-4 { margin-right: 4em }
.mR-5 { margin-right: 5em }
.mR-6 { margin-right: 6em }
.mR-7 { margin-right: 7em }

.mL-025 { margin-left: .25em }
.mL-05 { margin-left: .5em }
.mL-1 { margin-left: 1em }
.mL-2 { margin-left: 2em }
.mL-3 { margin-left: 3em }
.mL-4 { margin-left: 4em }
.mL-5 { margin-left: 5em }
.mL-6 { margin-left: 6em }
.mL-7 { margin-left: 7em }

.pT-025 { padding-top: .25em }
.pT-05 { padding-top: .5em }
.pT-1 { padding-top: 1em }
.pT-2 { padding-top: 2em }
.pT-3 { padding-top: 3em }
.pT-4 { padding-top: 4em }
.pT-5 { padding-top: 5em }
.pT-6 { padding-top: 6em }
.pT-7 { padding-top: 7em }

.pB-025 { padding-bottom: .25em }
.pB-05 { padding-bottom: .5em }
.pB-1 { padding-bottom: 1em }
.pB-2 { padding-bottom: 2em }
.pB-3 { padding-bottom: 3em }
.pB-4 { padding-bottom: 4em }
.pB-5 { padding-bottom: 5em }
.pB-6 { padding-bottom: 6em }
.pB-7 { padding-bottom: 7em }

.pR-025 { padding-right: .25em }
.pR-05 { padding-right: .5em }
.pR-1 { padding-right: 1em }
.pR-2 { padding-right: 2em }
.pR-3 { padding-right: 3em }
.pR-4 { padding-right: 4em }
.pR-5 { padding-right: 5em }
.pR-6 { padding-right: 6em }
.pR-7 { padding-right: 7em }

.pL-025 { padding-left: .25em }
.pL-05 { padding-left: .5em }
.pL-1 { padding-left: 1em }
.pL-2 { padding-left: 2em }
.pL-3 { padding-left: 3em }
.pL-4 { padding-left: 4em }
.pL-5 { padding-left: 5em }
.pL-6 { padding-left: 6em }
.pL-7 { padding-left: 7em }

.popover { max-width: 50% }

// DISPLAY FLEX

.dF-R-cc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.dF-R-sc {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.dF-C-cc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dF-C-cs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.dF-R-bc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* FLEX GROW */

.fg-1 { flex-grow: 1; }

.fg-2 { flex-grow: 2; }

@media screen and (min-width: 769px) {
  .dF-RC-cc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .dF-RC-sc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dF-RC-bc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  .dF-RC-cc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dF-RC-sc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .dF-RC-bc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) and (min-width: 320px) {
  .dF-RC-cc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dF-RC-sc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .dF-RC-bc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
