@charset "UTF-8";
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/main.scss ***!
  \******************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap);
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/main.scss (1) ***!
  \**********************************************************************************************************************************************************/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/general/credit.css ***!
  \******************************************************************************/
/*!
-----------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------
Frontend: Cesar Fernandez
https://www.linkedin.com/in/cesar-fernandez-797436207/
For: Universidad Surcolombiana
www.usco.edu.co
-----------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------
*/

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/normalize/normalize.min.css ***!
  \***************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


html {
  scroll-behavior: smooth
}

:focus:not(area) {
  animation: outline-animate .2s linear 0s 1 normal;
  border-radius: .2rem;
  outline: .3rem solid #007bff;
  outline-offset: .2rem
}

a, a i, a img, a span {
  text-decoration: none;
  transition: all .3s ease
}

.container-bxl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

@media (min-width:1300px) {
  .container-bxl {
    max-width: 1280px
  }
}

.back_grayu-100 {
  background-color: #edeff0
}

.link_fx1 a {
  color: #3f525e;
  position: relative
}

.link_fx1 a:before {
  background-color: #6c757d;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: .3s;
  width: 0
}

.link_fx1 a:focus,
.link_fx1 a:hover,
.link_fx1 a:visited {
  color: #1e262b
}

.link_fx1 a:focus:before,
.link_fx1 a:hover:before,
.link_fx1 a:visited:before {
  background-color: #8f141b;
  width: 100%
}

.link_fx1 a:visited {
  color: #839198
}

.header {
  background-color: #8f141b;
  padding: 0
}

.header .logos {
  padding: 12px 0
}

.header .logos__to_home {
  padding-right: .8rem
}

.header .logos__dependence {
  align-items: end;
  border-left: 1px solid #dfd4a6;
  display: flex;
  padding: 0 1rem .6rem;
  position: relative
}

.header .logos__dependence:before {
  border: 1px solid #dfd4a6;
  bottom: 0;
  content: "";
  height: 46%;
  left: 0;
  position: absolute
}

.header .language {
  justify-content: end;
  width: 50px
}

.header .menu_main {
  flex: 1;
  position: relative;
  z-index: 4
}

.header .menu_second {
  position: relative;
  z-index: 3
}

.govco {
  background-color: #0066cd;
  padding: 4px 0
}

.govco img {
  max-height: 14px
}

@media (max-width:1050px) {
  .header .menu_main {
    flex-direction: column
  }
}

@media (max-width:768px) {
  .header .multicampus {
    display: none
  }
}

@media (max-width:600px) {
  .header .escudo {
    display: none
  }

  .header .logos {
    justify-content: center;
    width: 100%
  }

  .header .logos__dependence {
    padding-right: 0
  }
}

@media (max-width:576px) {
  .header .logos__dependence {
    border: none;
    padding: .7rem 0 0
  }

  .header .logos__dependence:before {
    background-color: #dfd4a6;
    border: none;
    height: 1px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: 0;
    width: 80px
  }
}

.footer {
  box-sizing: content-box;
  padding-bottom: 4rem;
  padding-top: 4rem
}

.footer [class^=footer__] {
  box-sizing: border-box
}

.footer h5,
.footer h6 {
  font-weight: 700;
  margin: 0 0 1rem
}

.footer p {
  line-height: 1.25rem
}

.footer p:last-child {
  margin-bottom: 0
}

.footer__content,
.footer__data {
  position: relative
}

.footer__data img {
  display: initial
}

.footer__campus {
  align-items: flex-start;
  border-left: 1px solid #a6b1b6;
  box-sizing: content-box;
  display: flex;
  margin: 0 2rem;
  padding-left: 2rem;
  width: 60%
}

.footer__campus>div {
  display: flex;
  flex-flow: column;
  padding-right: .5rem
}

.footer__campus>div:last-child {
  padding: 0 0 0 .5rem
}

.footer__campus>div h3 {
  color: #8f141b;
  margin-top: 2rem
}

.footer__campus p,
.footer__info p {
  margin-bottom: 2.5rem
}

.footer__info {
  padding-top: 3rem
}

.footer .redes a {
  color: #3f525e;
  font-size: 1.4rem;
  padding: 0 .25rem
}

.footer .redes a span {
  display: none
}

.footer .redes a:hover {
  color: #1e262b
}

.footer .redes a:hover i {
  transform: scale(1.4)
}

.footer .paisCO a {
  background-color: #0066cd;
  border-radius: .5rem;
  font-size: 1.4rem;
  opacity: .7;
  padding: .5rem .8rem;
}

.footer .paisCO a:focus,
.footer .paisCO a:hover {
  opacity: 1
}

.footer #scrollToTop {
  align-items: center;
  background: rgba(76, 97, 108, .7);
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: -3rem;
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  opacity: .7;
  position: absolute;
  right: 0;
  transition: all .3s ease;
  width: 3rem
}

.footer #scrollToTop:hover {
  opacity: 1
}

.footer__campus .redes a:hover img {
  transform: scale(1.4);
}

@media (max-width:1300px) {
  .footer #scrollToTop {
    right: 1rem
  }
}

@media (max-width:1260px) {
  .footer__campus {
    width: 70%
  }
}

@media (max-width:1050px) {
  .footer {
    padding-bottom: 2rem;
    padding-top: 3rem
  }

  .footer__content {
    flex-flow: column;
    padding: 0
  }

  .footer__data,
  .footer__info {
    box-sizing: border-box;
    padding: 0 1rem
  }

  .footer__campus {
    background-color: #fff;
    border: none;
    justify-content: center;
    margin: 2rem 0;
    padding: 2rem 0;
    width: auto
  }

  .footer .paisCO,
  .footer__campus div h3,
  .footer__campus h5,
  .footer__campus h6,
  .footer__campus p,
  .footer__info h5,
  .footer__info h6,
  .footer__info p {
    text-align: center
  }

  .footer #scrollToTop {
    bottom: -1rem;
    left: 50%;
    margin-left: -1.5rem;
    position: relative
  }
}

@media (max-width:576px) {
  .footer__campus {
    align-items: center;
    flex-direction: column
  }

  .footer__campus div {
    padding: 0
  }

  .footer__campus div:last-child {
    border-top: 1px solid #a6b1b6;
    margin-top: 2rem;
    padding-top: 2rem
  }
}

.breadcrumb {
  display: flex;
  flex: 1
}

.breadcrumb ul {
  display: flex;
  font-family: "Noto Serif", Times, Times New Roman, Georgia, Garamond, serif;
  font-size: .8rem;
  list-style: none
}

.breadcrumb ul li {
  padding: .5rem 0
}

.breadcrumb ul li a {
  color: #839198;
  padding: .5rem .75rem .5rem .5rem;
  position: relative;
  z-index: 10
}

.breadcrumb ul li a:after {
  content: " /";
  position: absolute;
  right: 0;
  z-index: 1
}

.breadcrumb ul li a:before {
  height: 3px
}

.breadcrumb ul li a:focus,
.breadcrumb ul li a:hover {
  color: #1e262b
}

.breadcrumb ul li:first-child a {
  padding-left: 0
}

.breadcrumb ul li:last-child {
  padding-left: .5rem
}

@media (max-width:768px) {
  .breadcrumb {
    justify-content: center
  }
}

@media (max-width:576px) {
  .breadcrumb {
    display: none
  }
}