@charset "UTF-8";
/*------------General------------*/
/*------------General------------*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 1s;
  scroll-behavior: smooth;
  box-sizing: border-box;
  font-size: 62.5%; }

* {
  scrollbar-color: #DDE5F4 #DDE5F4;
  scrollbar-width: thin; }

*::-webkit-scrollbar {
  width: 1rem;
  border-radius: 0.8rem; }

@font-face {
  font-family: Asap;
  src: url("https://universidadsuperiorbajio.edu.mx/multi/font/Asap.ttf"); }
@font-face {
  font-family: Lato;
  src: url("https://universidadsuperiorbajio.edu.mx/multi/font/Lato.ttf"); }
@font-face {
  font-family: MadimiOne;
  src: url("https://universidadsuperiorbajio.edu.mx/multi/font/MadimiOne.ttf"); }
@font-face {
  font-family: Roboto;
  src: url("https://universidadsuperiorbajio.edu.mx/multi/font/Roboto.ttf"); }
html {
  box-sizing: border-box;
  transition: all 1s;
  background-color: #e7edf7;
  scroll-behavior: smooth;
  font-size: 62.5%;
  width: 100%; }

body {
  transition: all 1s;
  background-color: #e7edf7;
  position: relative;
  width: 100%; }

.padding {
  padding: 5rem 5rem; }

.buttonG {
  text-decoration: none;
  display: inline-block;
  margin-top: 2rem;
  font-size: 1.8rem;
  font-family: Asap;
  color: #FFFFFF;
  padding: 1rem 2rem;
  border: 1px solid #FFFFFF;
  border-radius: 2rem;
  letter-spacing: 0.1rem;
  transition: all 1s;
  font-weight: bold; }
  .buttonG:hover {
    background-color: #FFFFFF;
    color: #1D3F5A;
    transition: all 1s; }

.buttonS {
  font-size: 1.8rem;
  font-family: Asap;
  text-decoration: none;
  display: inline-block;
  margin-top: 2rem;
  color: #FFFFFF;
  background-color: #F3BA19;
  border: 1px solid #F3BA19;
  border-radius: 2rem;
  letter-spacing: 0.1rem;
  transition: all 1s;
  font-weight: bold;
  padding: 1rem 2rem; }
  .buttonS:hover {
    background-color: #FFFFFF;
    color: #F3BA19;
    transition: all 1s; }

.h1 {
  font-size: 4rem;
  color: #F3BA19;
  font-family: MadimiOne;
  border-left: 2px solid #1D3F5A;
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 2rem; }

/*==============Loader==============*/
.loader {
  position: fixed;
  z-index: 4000;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100vh;
  background-color: #1d3f5a;
  display: flex;
  justify-content: center;
  align-items: center; }
  .loader .cont-loader {
    padding: 2rem;
    display: block;
    width: 70%;
    height: 50rem;
    margin: 0rem auto;
    position: relative;
    text-align: center;
    border-radius: 2rem; }
    .loader .cont-loader h1 {
      font-size: 7rem;
      font-family: Asap;
      color: #FFFFFF; }
    .loader .cont-loader img {
      width: 70%;
      margin: 5rem auto; }

/*==============Loader==============*/
/*------------General------------*/
/*------------General------------*/
/*------------nav------------*/
nav {
  background-color: #F6F9FF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  height: 9rem;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 25;
  border: 0px solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  nav .logo {
    background-color: #1D3F5A;
    width: 35rem;
    height: 100%; }
    nav .logo a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      text-align: center;
      /*h1{
          font-size: 2rem;
          font-family: MadimiOne;
          margin: 0rem auto;
          color: $A;
      }*/ }
      nav .logo a img {
        width: 40%;
        margin: auto;
        display: block; }
  nav .links {
    height: 100%; }
    nav .links .icons {
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      align-items: center;
      margin: 0rem 4rem 0rem 1rem;
      padding: 0; }
      nav .links .icons .link {
        color: #1D3F5A;
        font-family: Asap;
        font-size: 2.3rem;
        font-weight: bold;
        letter-spacing: 0.1rem;
        margin: 0rem 1.5rem;
        align-items: center;
        display: flex;
        transition: all 1s; }
        nav .links .icons .link.colorL button {
          border-bottom: 2px solid #F3BA19; }
        nav .links .icons .link a {
          color: #1D3F5A;
          font-family: Asap;
          margin: 0rem;
          padding: 0.2rem;
          border-bottom: 2px solid transparent; }
        nav .links .icons .link button {
          color: #1D3F5A;
          font-family: Asap;
          font-size: 1.5rem;
          font-weight: bold;
          cursor: pointer;
          margin: 0rem;
          padding: 0.2rem;
          background: none;
          border: 0;
          border-bottom: 2px solid transparent; }
          nav .links .icons .link button img {
            width: 1.1rem;
            float: right;
            margin-top: 0.5rem;
            margin-left: 0.5rem; }
    nav .links .Conocenos {
      top: 9rem;
      right: -200rem; }
    nav .links .Admisiones {
      top: 9rem;
      right: -200rem; }
    nav .links .Oferta {
      top: 9rem;
      right: -200rem; }
    nav .links .Recursos {
      top: 9rem;
      right: -200rem; }
    nav .links .submenu {
      position: absolute;
      width: 20rem;
      background-color: #F6F9FF;
      list-style: none;
      padding: 1.5rem 1.5rem 0rem 1.5rem;
      border-radius: 0rem 0rem 1rem 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
      transition: all 1s; }
      nav .links .submenu.subMenuC {
        right: 45rem;
        transition: all 1s; }
      nav .links .submenu.subMenuA {
        right: 33rem;
        transition: all 1s; }
      nav .links .submenu.subMenuO {
        right: 16rem;
        transition: all 1s; }
      nav .links .submenu.subMenuR {
        right: 5rem;
        transition: all 1s; }
      nav .links .submenu li {
        margin-bottom: 2rem; }
        nav .links .submenu li a {
          font-family: Asap;
          font-size: 1.5rem;
          color: #1D3F5A;
          font-weight: bold;
          position: relative;
          padding: 0.4rem 0.3rem; }
          nav .links .submenu li a:before {
            content: "";
            display: block;
            width: 0;
            height: 0.2rem;
            background-color: #F3BA19;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all 1s; }
          nav .links .submenu li a:hover:before {
            width: 100%; }
  nav .menuMovil {
    display: none;
    width: 6rem;
    height: 6rem;
    padding: 0.5rem 0.6rem;
    margin-right: 1.5rem;
    cursor: pointer;
    border: 2px solid #F6F9FF;
    border-radius: 50%;
    align-items: center;
    transition: all 1s; }
    nav .menuMovil:hover {
      border: 2px solid #F3BA19;
      transition: all 1s; }
    nav .menuMovil img {
      width: 3rem;
      height: 3rem;
      display: block;
      margin: auto; }

/*------------nav------------*/
/*------------Nav Movil------------*/
.navMovil {
  position: fixed;
  background-color: #1D3F5A;
  top: 7rem;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  transition: all 1s;
  transform: translateX(-200rem);
  z-index: 25;
  padding: 5rem 4rem 0rem 4rem;
  display: none;
  flex-direction: column; }
  .navMovil a {
    font-size: 2.5rem;
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    font-family: Asap;
    letter-spacing: 0.1rem;
    margin-bottom: 4rem;
    padding: 1rem;
    position: relative; }
    .navMovil a:before {
      content: "";
      display: block;
      width: 0;
      height: 0.2rem;
      background-color: #F3BA19;
      position: absolute;
      left: 0;
      bottom: 0;
      transition: all 1s; }
    .navMovil a:hover:before {
      width: 100%; }
    .navMovil a:hover {
      color: #F3BA19; }
  .navMovil.navMovilM {
    transition: all 1s;
    transform: translateX(0rem); }

/*------------Nav Movil------------*/
/*------------header------------*/
.items {
  width: 100%;
  height: 66rem;
  position: relative;
  overflow: hidden;
  margin: 0rem;
  transition: all 1s;
  background-image: url(../multi/img/h3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .items .transparent {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0rem;
    left: 0rem;
    background-image: linear-gradient(180deg, rgba(255, 89, 0, 0) 43%, #1D3F5A 96%), linear-gradient(153deg, #fff, transparent 16%), linear-gradient(41deg, #1D3F5A, rgba(255, 89, 0, 0) 49%), linear-gradient(243deg, rgba(255, 255, 255, 0) 46%, rgba(0, 0, 0, 0.5) 96%); }
  .items .item {
    width: 100%;
    height: 150%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    opacity: 0;
    transition: all 4s;
    border-radius: 0rem;
    overflow: hidden;
    border: 2px solid wheat; }
    .items .item.active {
      opacity: 1;
      transition: all 2s; }
    .items .item.active div {
      left: 8rem;
      transition: all 1s; }
    .items .item img {
      display: block;
      width: 100%;
      height: 100%;
      transition: all 1s;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .items .item .text1 {
      width: 55rem;
      position: absolute;
      top: 15%;
      left: -200rem;
      transform: translateY(-18%);
      transition: all 1s;
      z-index: 15; }
      .items .item .text1 h1 {
        font-family: MadimiOne;
        font-size: 5rem;
        color: #F3BA19;
        margin-bottom: 1rem;
        line-height: 6rem; }
      .items .item .text1 p {
        font-family: Roboto;
        font-size: 1.7rem;
        color: #FFFFFF;
        letter-spacing: 0.1rem; }
    .items .item .text2 {
      width: 55rem;
      position: absolute;
      top: 15%;
      left: -200rem;
      transform: translateY(-18%);
      transition: all 1s;
      z-index: 15; }
      .items .item .text2 h1 {
        font-family: MadimiOne;
        font-size: 5rem;
        color: #F3BA19;
        margin-bottom: 1rem;
        line-height: 6rem; }
      .items .item .text2 p {
        font-family: Roboto;
        font-size: 1.7rem;
        color: #FFFFFF;
        letter-spacing: 0.1rem; }

/*------------header------------*/
.ofertaEdu {
  width: 100%;
  background-color: #1D3F5A;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center; }
  .ofertaEdu .text {
    width: 35%; }
    .ofertaEdu .text h1 {
      color: #F3BA19;
      font-size: 4rem;
      font-family: MadimiOne; }
    .ofertaEdu .text p {
      font-size: 1.5rem;
      color: #FFFFFF;
      line-height: 2rem;
      font-family: Asap;
      letter-spacing: 0.1rem; }
  .ofertaEdu .cat {
    width: 55%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    .ofertaEdu .cat .cat1 {
      width: 30%;
      padding: 4rem 1rem;
      border: 1px solid #FFFFFF;
      display: inline-block;
      text-align: center;
      border-radius: 2rem;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      .ofertaEdu .cat .cat1:hover .enlace {
        top: 0rem;
        transition: all 1s; }
      .ofertaEdu .cat .cat1 span {
        font-size: 5rem;
        font-family: MadimiOne;
        letter-spacing: 0.1rem;
        color: #FFFFFF; }
      .ofertaEdu .cat .cat1 p {
        font-size: 2.5rem;
        font-family: Asap;
        letter-spacing: 0.1rem;
        color: #FFFFFF; }
      .ofertaEdu .cat .cat1 .enlace {
        width: 100%;
        height: 100%;
        background-color: #F6F9FF;
        border-radius: 2rem;
        top: -50rem;
        left: 0rem;
        position: absolute;
        z-index: 15;
        transition: all 1s;
        display: flex;
        align-items: center; }
        .ofertaEdu .cat .cat1 .enlace span {
          color: #F3BA19;
          font-size: 2rem;
          font-family: Asap;
          display: block; }
        .ofertaEdu .cat .cat1 .enlace a {
          margin: 0rem auto; }
          .ofertaEdu .cat .cat1 .enlace a img {
            width: 3rem;
            height: 3rem; }

.licIng {
  width: 100%;
  height: 70rem;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  position: relative; }
  .licIng .img {
    width: 50%;
    border-radius: 2rem;
    position: absolute;
    top: 3rem;
    left: 12rem; }
    .licIng .img img {
      width: 100%;
      height: 100%;
      border-radius: 2rem; }
  .licIng .text {
    width: 50%;
    height: 58rem;
    border-radius: 2rem;
    position: absolute;
    top: 7rem;
    right: 11rem;
    background-color: #FFFFFF;
    padding: 2rem 3rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
    .licIng .text h1 {
      font-size: 3rem;
      font-family: MadimiOne;
      letter-spacing: 0.1rem;
      color: #1D3F5A;
      display: inline-block;
      padding: 0.1rem;
      border-bottom: 2px solid #F3BA19;
      margin-bottom: 2rem; }
    .licIng .text .cont {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .licIng .text .cont div {
        width: 47%;
        text-align: left; }
        .licIng .text .cont div h2 {
          font-size: 2rem;
          font-family: Asap;
          color: #1D3F5A;
          margin: 2rem; }
        .licIng .text .cont div ul {
          list-style: none; }
          .licIng .text .cont div ul li {
            color: #F3BA19;
            margin-bottom: 2rem;
            border-bottom: 2px solid #1D3F5A;
            text-align: left;
            align-items: center;
            padding-bottom: 0.8rem;
            display: flex; }
            .licIng .text .cont div ul li img {
              width: 3.2rem;
              height: 3.2rem;
              margin-right: 1rem; }
            .licIng .text .cont div ul li a {
              text-decoration: none;
              color: #000000;
              font-size: 1.6rem;
              font-family: Asap;
              letter-spacing: 0.1;
              display: inline-block; }
              .licIng .text .cont div ul li a:hover {
                color: #F3BA19; }

.uniImg {
  width: 100%;
  background-color: #1D3F5A; }
  .uniImg h1 {
    font-size: 4rem;
    color: #F3BA19;
    font-family: MadimiOne;
    margin-bottom: 3rem; }
  .uniImg .cont {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center; }
    .uniImg .cont .card1 {
      width: 28%;
      height: 55rem;
      border-radius: 2rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
      background-color: #F6F9FF; }
      .uniImg .cont .card1 .img {
        width: 100%;
        height: 50%;
        border-radius: 2rem 2rem 0rem 0rem; }
        .uniImg .cont .card1 .img img {
          width: 100%;
          height: 100%;
          border-radius: 2rem 2rem 0rem 0rem; }
      .uniImg .cont .card1 .text {
        width: 100%;
        height: 50%;
        border-radius: 0rem 0rem 2rem 2rem;
        padding: 2.5rem;
        text-align: center; }
        .uniImg .cont .card1 .text h2 {
          font-size: 3rem;
          color: #1D3F5A;
          font-family: Asap;
          margin-bottom: 1rem; }
        .uniImg .cont .card1 .text p {
          font-size: 1.5rem;
          color: #606062;
          font-family: Asap; }
    .uniImg .cont .card2 {
      width: 28%;
      height: 55rem;
      border-radius: 2rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
      background-color: #F6F9FF;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      .uniImg .cont .card2:hover .msj {
        top: 0rem;
        transition: all 1s; }
      .uniImg .cont .card2 img {
        width: 100%;
        height: 100%;
        border-radius: 2rem; }
      .uniImg .cont .card2 .msj {
        position: absolute;
        top: -50rem;
        left: 0rem;
        background-color: #1D3F5A;
        width: 100%;
        height: 100%;
        z-index: 15;
        border-radius: 1.8rem;
        transition: all 1s;
        padding: 2rem;
        text-align: center;
        display: flex;
        align-items: center; }
        .uniImg .cont .card2 .msj div {
          display: block;
          margin: auto; }
          .uniImg .cont .card2 .msj div h2 {
            font-size: 4rem;
            color: #F3BA19;
            font-family: Asap;
            margin-bottom: 1rem; }
          .uniImg .cont .card2 .msj div p {
            font-size: 1.5rem;
            color: #FFFFFF;
            font-family: Asap;
            line-height: 2.5rem; }
    .uniImg .cont .card3 {
      width: 28%;
      height: 55rem;
      border-radius: 2rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
      background-color: #F6F9FF;
      text-align: center;
      padding: 4rem 2rem; }
      .uniImg .cont .card3 h2 {
        font-size: 3rem;
        color: #1D3F5A;
        font-family: Asap;
        margin-bottom: 2rem; }
      .uniImg .cont .card3 p {
        font-size: 1.5rem;
        color: #606062;
        margin-bottom: 1rem;
        font-family: Asap; }
        .uniImg .cont .card3 p span {
          font-size: 1.5rem;
          color: #000000;
          font-family: Asap;
          font-weight: bold; }

/*------------contact------------*/
.contacto {
  width: 100%;
  display: flex;
  background-color: #F6F9FF;
  position: relative;
  overflow-y: scroll; }
  .contacto .cont-text h1 {
    font-size: 5rem;
    color: #F3BA19;
    font-family: MadimiOne; }
  .contacto .cont-text span {
    display: block;
    font-family: Asap;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    font-weight: 100;
    color: #000000; }
  .contacto .cont-text hr {
    width: 22rem;
    height: 0.3rem;
    background-color: #1D3F5A;
    border: none;
    display: block;
    margin-bottom: 2rem; }
  .contacto .cont-text .cont {
    width: 100%;
    height: auto;
    margin-bottom: 5rem; }
    .contacto .cont-text .cont p {
      font-family: Asap;
      font-weight: bold;
      font-size: 1.8rem;
      color: #606062;
      text-align: left;
      margin-bottom: 4rem;
      color: #606062; }
    .contacto .cont-text .cont .contact-info {
      width: 100%;
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap; }
      .contacto .cont-text .cont .contact-info .info {
        width: 38%;
        background: #FFFFFF;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5rem;
        border-radius: 1rem;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition: all 1s; }
        .contacto .cont-text .cont .contact-info .info:hover {
          box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 30px;
          transition: all 1s; }
        .contacto .cont-text .cont .contact-info .info h1 {
          font-family: Asap;
          font-size: 3rem;
          color: #2B4C79;
          margin-bottom: 3rem; }
        .contacto .cont-text .cont .contact-info .info .data {
          width: 100%;
          border: 0px solid red; }
          .contacto .cont-text .cont .contact-info .info .data .cont-info {
            display: flex;
            justify-content: flex-start; }
            .contacto .cont-text .cont .contact-info .info .data .cont-info .img {
              width: 5rem;
              height: 5rem;
              padding: 1rem;
              border-radius: 50%;
              display: block;
              background-color: #DFF3FC; }
              .contacto .cont-text .cont .contact-info .info .data .cont-info .img img {
                width: 100%;
                height: 100%; }
            .contacto .cont-text .cont .contact-info .info .data .cont-info .text {
              font-family: Asap;
              margin-left: 1rem;
              color: #2B4C79;
              margin-bottom: 1rem; }
              .contacto .cont-text .cont .contact-info .info .data .cont-info .text span {
                font-size: 2rem;
                color: #000000; }
              .contacto .cont-text .cont .contact-info .info .data .cont-info .text p {
                font-size: 1.5rem;
                margin: 1rem; }
        .contacto .cont-text .cont .contact-info .info .map {
          width: 100%;
          height: 25rem; }
          .contacto .cont-text .cont .contact-info .info .map iframe {
            width: 100%;
            height: 100%;
            border: 2px solid #F3BA19;
            border-radius: 1rem; }
      .contacto .cont-text .cont .contact-info .form {
        width: 38%;
        border: 0px solid green;
        background: #FFFFFF;
        padding: 5rem;
        border-radius: 1rem;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition: all 1s; }
        .contacto .cont-text .cont .contact-info .form:hover {
          box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 30px;
          transition: all 1s; }
        .contacto .cont-text .cont .contact-info .form h1 {
          font-family: Asap;
          font-size: 3rem;
          color: #1D3F5A; }
        .contacto .cont-text .cont .contact-info .form form {
          width: 100%; }
          .contacto .cont-text .cont .contact-info .form form .input_form {
            flex-direction: column;
            width: 100%; }
            .contacto .cont-text .cont .contact-info .form form .input_form label {
              font-family: Asap;
              display: block;
              font-size: 2rem;
              color: #2B4C79; }
            .contacto .cont-text .cont .contact-info .form form .input_form input {
              display: block;
              width: 100%;
              height: 4rem;
              margin-top: 1rem;
              padding: 1rem;
              color: #1D3F5A;
              border-radius: 1rem;
              border: 1px solid #2B4C79;
              transition: all 1s;
              margin-bottom: 2rem;
              font-size: 1.5rem; }
              .contacto .cont-text .cont .contact-info .form form .input_form input:hover {
                transition: all 1s;
                border: 1px solid #F3BA19; }
          .contacto .cont-text .cont .contact-info .form form .textarea_form {
            flex-direction: column;
            width: 100%; }
            .contacto .cont-text .cont .contact-info .form form .textarea_form label {
              font-family: Asap;
              display: block;
              font-size: 2rem;
              color: #1D3F5A; }
            .contacto .cont-text .cont .contact-info .form form .textarea_form textarea {
              display: block;
              width: 100%;
              margin-top: 1rem;
              border: 1px solid #1D3F5A;
              transition: all 1s;
              border-radius: 1rem;
              color: #1D3F5A;
              font-size: 1.5rem;
              padding: 1rem; }
              .contacto .cont-text .cont .contact-info .form form .textarea_form textarea:hover {
                transition: all 1s;
                border: 1px solid #F3BA19; }
          .contacto .cont-text .cont .contact-info .form form .btn_form {
            display: flex;
            justify-content: center;
            margin-top: 4rem; }
            .contacto .cont-text .cont .contact-info .form form .btn_form .btn {
              border: 0rem;
              font-family: Asap;
              display: block;
              font-size: 1.5rem;
              background-color: #F3BA19;
              color: #FFFFFF;
              padding: 1rem 2rem;
              border-radius: 0.5rem;
              transition: all 1s;
              border: 1px solid #F3BA19;
              width: 15rem; }
              .contacto .cont-text .cont .contact-info .form form .btn_form .btn:hover {
                transition: all 1s;
                color: #F3BA19;
                background-color: #F6F9FF;
                cursor: pointer; }

/*------------contact------------*/
.footer {
  width: 100%;
  background-color: #1D3F5A;
  padding: 3rem 5rem;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap; }
  .footer div {
    width: 20%;
    height: 24rem; }
    .footer div:nth-child(1) {
      display: flex;
      align-items: center; }
      .footer div:nth-child(1) img {
        width: 19rem;
        height: 7rem;
        margin: 0rem auto; }
    .footer div:nth-child(2) {
      text-align: left;
      padding: 1rem; }
      .footer div:nth-child(2) h3 {
        color: #F3BA19;
        font-size: 2rem;
        font-family: Asap;
        margin-bottom: 1rem; }
      .footer div:nth-child(2) ul {
        list-style: none; }
        .footer div:nth-child(2) ul li {
          color: #FFFFFF;
          font-family: Asap;
          letter-spacing: 0.1rem;
          font-size: 1.2rem;
          margin-bottom: 1rem;
          transition: all 1s; }
          .footer div:nth-child(2) ul li a {
            color: #FFFFFF;
            font-family: Asap;
            letter-spacing: 0.1rem;
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
            transition: all 1s; }
          .footer div:nth-child(2) ul li:hover a {
            margin-left: 1rem;
            transition: all 1s; }
    .footer div:nth-child(3) {
      text-align: left;
      padding: 1rem; }
      .footer div:nth-child(3) h3 {
        color: #F3BA19;
        font-size: 2rem;
        font-family: Asap;
        margin-bottom: 1rem; }
      .footer div:nth-child(3) ul {
        list-style: none;
        width: 100%;
        margin-bottom: 1rem; }
        .footer div:nth-child(3) ul li {
          color: #FFFFFF;
          font-family: Asap;
          letter-spacing: 0.1rem;
          font-size: 1.5rem;
          margin-bottom: 1rem;
          transition: all 1s; }
      .footer div:nth-child(3) .iconR {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; }
        .footer div:nth-child(3) .iconR .instagram {
          width: 2.5rem;
          height: 2.5rem;
          padding: 0rem;
          margin-left: 1rem;
          transition: all 1s; }
          .footer div:nth-child(3) .iconR .instagram:hover {
            margin-top: 0.4rem;
            transition: all 1s; }
          .footer div:nth-child(3) .iconR .instagram a img {
            width: 100%;
            height: 100%; }
        .footer div:nth-child(3) .iconR .twitter {
          width: 2.5rem;
          height: 2.5rem;
          padding: 0rem;
          margin-left: 1rem;
          transition: all 1s; }
          .footer div:nth-child(3) .iconR .twitter:hover {
            margin-top: 0.4rem;
            transition: all 1s; }
          .footer div:nth-child(3) .iconR .twitter a img {
            width: 100%;
            height: 100%; }
        .footer div:nth-child(3) .iconR .tik-tok {
          width: 2.5rem;
          height: 2.5rem;
          padding: 0rem;
          margin-left: 1rem;
          transition: all 1s; }
          .footer div:nth-child(3) .iconR .tik-tok:hover {
            margin-top: 0.4rem;
            transition: all 1s; }
          .footer div:nth-child(3) .iconR .tik-tok a img {
            width: 100%;
            height: 100%; }
        .footer div:nth-child(3) .iconR .facebook {
          width: 1.6rem;
          height: 2.5rem;
          padding: 0rem;
          margin-left: 1rem;
          transition: all 1s; }
          .footer div:nth-child(3) .iconR .facebook:hover {
            margin-top: 0.4rem;
            transition: all 1s; }
          .footer div:nth-child(3) .iconR .facebook a img {
            width: 100%;
            height: 100%; }
    .footer div:nth-child(4) {
      flex-direction: column;
      align-items: center; }
      .footer div:nth-child(4) h3 {
        font-size: 2.5rem;
        color: #F3BA19;
        padding: 1rem 0rem;
        font-family: Asap; }
      .footer div:nth-child(4) form {
        margin: 0;
        padding: 0;
        outline: 0;
        box-sizing: border-box;
        text-decoration: none;
        transition: all 1s; }
        .footer div:nth-child(4) form .email {
          width: 100%;
          border: 1px solid #F6F9FF;
          padding: 1rem 1.2rem;
          border-radius: 0.7rem;
          font-size: 1.6rem;
          color: #1D3F5A;
          text-transform: none;
          margin: 1rem 0rem; }
        .footer div:nth-child(4) form .button {
          display: inline-block;
          margin-top: 1rem;
          border: 2px solid #1D3F5A;
          background-color: #F6F9FF;
          padding: 1rem 3rem;
          font-size: 1.7rem;
          cursor: pointer;
          color: #1D3F5A;
          letter-spacing: 0.1rem;
          border-radius: 0.7rem;
          transition: all 1s; }
          .footer div:nth-child(4) form .button:hover {
            background-color: #1D3F5A;
            color: #FFFFFF;
            transition: all 1s;
            border: 2px solid #FFFFFF; }

/*------------reglamento------------*/
.reglamento {
  position: fixed;
  left: 1.5rem;
  bottom: 2rem;
  z-index: 500;
  padding: 0rem;
  text-align: center; }
  .reglamento h3 {
    color: #F3BA19;
    font-size: 1.2rem;
    font-family: Asap; }
  .reglamento div {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    padding: 0.8rem;
    background-color: #F6F9FF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin: 0rem auto; }
    .reglamento div img {
      width: 100%;
      height: 100%; }

.modalReglamento {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 1s;
  z-index: 700;
  transform: translateY(-100%);
  transition: all 1s; }
  .modalReglamento.move {
    transform: translateY(0);
    transition: all 1s; }
  .modalReglamento .close {
    background-color: #F3BA19;
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: 750;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 2rem;
    cursor: pointer; }
    .modalReglamento .close img {
      width: 100%;
      height: 100%; }
  .modalReglamento div {
    width: 50%;
    height: 80%;
    display: block;
    border-radius: 0.7rem; }
    .modalReglamento div embed {
      width: 100%;
      height: 100%; }

/*------------reglamento------------*/
/*==============whatsapp==============*/
.whatsapp {
  border: 0px solid red; }
  .whatsapp .ventanaWhatsapp {
    position: fixed;
    right: 2rem;
    bottom: 8rem;
    z-index: 500;
    padding: 0rem;
    border: 0px solid red;
    width: 28rem;
    border-radius: 2rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateX(150%);
    transition: all 2rem; }
    .whatsapp .ventanaWhatsapp.translateXWhatsapp {
      transform: translateX(0%); }
    .whatsapp .ventanaWhatsapp:hover {
      right: 3rem;
      transition: all 2rem; }
    .whatsapp .ventanaWhatsapp .vheader {
      width: 100%;
      padding: 1rem;
      text-align: left;
      border-radius: 1rem 1rem 0rem 0rem;
      color: #FFFFFF;
      background-color: #1D3F5A;
      font-family: Asap;
      font-size: 2.4rem; }
      .whatsapp .ventanaWhatsapp .vheader img {
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        float: right; }
        .whatsapp .ventanaWhatsapp .vheader img:hover {
          filter: grayscale(100%); }
    .whatsapp .ventanaWhatsapp .vbody {
      width: 100%; }
      .whatsapp .ventanaWhatsapp .vbody .vmsj {
        padding: 1rem;
        background-color: #E5DDD5; }
        .whatsapp .ventanaWhatsapp .vbody .vmsj .msj {
          background-color: #FFFFFF;
          border-radius: 1rem;
          width: 100%;
          padding: 1rem; }
          .whatsapp .ventanaWhatsapp .vbody .vmsj .msj p {
            color: #1D3F5A;
            font-family: Asap;
            font-size: 1.5rem; }
      .whatsapp .ventanaWhatsapp .vbody .vform {
        padding: 1rem;
        background-color: #FFFFFF; }
        .whatsapp .ventanaWhatsapp .vbody .vform form {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-family: Asap; }
          .whatsapp .ventanaWhatsapp .vbody .vform form textarea {
            display: block;
            width: 85%;
            height: 6rem;
            border: 1.8px solid #1D3F5A;
            color: #1D3F5A;
            border-radius: 1rem 1rem 0rem 1rem;
            color: #000000;
            font-size: 1.5rem;
            font-family: Asap;
            padding: 1rem;
            transition: all 1s; }
            .whatsapp .ventanaWhatsapp .vbody .vform form textarea:hover {
              border: 1.8px solid #F3BA19;
              transition: all 1s; }
          .whatsapp .ventanaWhatsapp .vbody .vform form button {
            width: 10%;
            height: 2.5rem;
            border: 0px solid transparent;
            background-color: transparent;
            cursor: pointer; }
            .whatsapp .ventanaWhatsapp .vbody .vform form button img {
              width: 100%;
              height: 100%; }
    .whatsapp .ventanaWhatsapp .vfooter {
      width: 100%;
      background-color: #1D3F5A;
      border-radius: 0rem 0rem 2rem 2rem;
      padding: 1rem; }
      .whatsapp .ventanaWhatsapp .vfooter p {
        text-align: center;
        color: #FFFFFF;
        font-size: 1.2rem;
        font-family: Asap; }
        .whatsapp .ventanaWhatsapp .vfooter p span {
          color: #F3BA19;
          font-size: 1.2rem; }

#whatsapp {
  width: 4.5rem;
  height: 4.5rem;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 500;
  cursor: pointer;
  transition: all 2s;
  transform: scale(1); }
  #whatsapp:hover {
    transform: scale(0.9);
    transition: all 2s; }

/*==============whatsapp ==============*/
/*============== Mensaje Sitio en Construccion ==============*/
.construccion {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8rem; }
  .construccion .text {
    width: 40%; }
    .construccion .text h1 {
      font-size: 5rem;
      color: #F3BA19;
      font-family: MadimiOne;
      font-size: 9rem;
      letter-spacing: 0.1rem; }
    .construccion .text span {
      font-size: 4rem;
      color: #606062;
      display: inline-block;
      margin-top: -1rem;
      margin-bottom: 3rem; }
    .construccion .text p {
      font-size: 3rem;
      font-family: Asap;
      color: #1D3F5A; }
  .construccion .img {
    width: 30%; }
    .construccion .img img {
      display: block;
      width: 100%;
      margin: 0rem auto; }

/*============== Mensaje Sitio en Construccion ==============*/
/*============== Header Oferta ==============*/
.header-oferta {
  width: 100%;
  height: 60rem;
  position: relative;
  overflow: hidden;
  margin: 0rem;
  transition: none;
  background-image: url(https://universidadsuperiorbajio.edu.mx/multi/img/oferta.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .header-oferta .transparent {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0rem;
    left: 0rem;
    background-image: linear-gradient(180deg, rgba(255, 89, 0, 0) 43%, #1D3F5A 96%), linear-gradient(153deg, #fff, transparent 16%), linear-gradient(41deg, #1D3F5A, rgba(255, 89, 0, 0) 49%), linear-gradient(243deg, rgba(255, 255, 255, 0) 46%, rgba(0, 0, 0, 0.5) 96%); }
  .header-oferta .cont-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    transition: none;
    border-radius: 0rem;
    overflow: hidden;
    transition: none; }
    .header-oferta .cont-item img {
      display: block;
      width: 100%;
      height: 100%;
      transition: none;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .header-oferta .cont-item .text {
      width: auto;
      padding: 4rem 5rem;
      position: absolute;
      border-radius: 2rem;
      top: 50%;
      left: 10rem;
      transform: translateY(-50%);
      z-index: 15;
      text-align: left; }
      .header-oferta .cont-item .text p {
        font-size: 3.5rem;
        color: #FFFFFF;
        letter-spacing: 0.1rem;
        font-family: MadimiOne; }

/*============== Header Oferta ==============*/
/*============== Cont-Oferta  ==============*/
.cont-oferta {
  width: 100%; }
  .cont-oferta .licenciaturas {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap; }
    .cont-oferta .licenciaturas .item {
      width: 30%;
      margin-bottom: 3rem;
      border-radius: 2rem; }
      .cont-oferta .licenciaturas .item .ihead {
        width: 100%;
        height: 20rem;
        padding: 3rem 2rem;
        background-color: #1D3F5A;
        border-radius: 2rem 2rem 0rem 0rem;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .cont-oferta .licenciaturas .item .ihead img {
          width: 4rem;
          margin-bottom: 1rem; }
        .cont-oferta .licenciaturas .item .ihead p {
          font-size: 2.5rem;
          font-family: Roboto;
          letter-spacing: 0.1rem;
          color: #FFFFFF; }
      .cont-oferta .licenciaturas .item .ibody {
        width: 100%;
        padding: 2rem;
        background-color: #FFFFFF;
        text-align: center; }
        .cont-oferta .licenciaturas .item .ibody .n {
          font-size: 2rem;
          font-family: Roboto;
          color: #000000; }
        .cont-oferta .licenciaturas .item .ibody p {
          font-size: 1.5rem;
          font-family: Roboto;
          color: #606062; }
      .cont-oferta .licenciaturas .item .ifooter {
        width: 100%;
        padding: 2rem;
        background-color: #FFFFFF;
        border-radius: 0rem 0rem 2rem 2rem;
        display: flex;
        align-items: center;
        flex-direction: column; }
        .cont-oferta .licenciaturas .item .ifooter hr {
          width: 95%;
          color: #1D3F5A; }
        .cont-oferta .licenciaturas .item .ifooter .text1 {
          width: 95%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          height: 0rem;
          visibility: hidden;
          transition: none;
          padding: 0rem 0rem; }
          .cont-oferta .licenciaturas .item .ifooter .text1.height1 {
            height: 25rem;
            visibility: visible;
            transition: none;
            padding: 2rem 0rem; }
          .cont-oferta .licenciaturas .item .ifooter .text1 a {
            font-size: 1.5rem;
            font-family: Roboto;
            color: #1D3F5A;
            text-decoration: none;
            display: flex;
            padding: 0rem 2rem;
            transition: none;
            margin-bottom: 0.5rem;
            font-weight: bold; }
            .cont-oferta .licenciaturas .item .ifooter .text1 a:hover {
              color: #606062; }
          .cont-oferta .licenciaturas .item .ifooter .text1 button {
            border: none;
            background-color: transparent;
            font-size: 1.5rem;
            font-family: Roboto;
            color: #1D3F5A;
            display: flex;
            padding: 0rem 2rem;
            transition: none;
            cursor: pointer;
            margin-bottom: 0.5rem;
            font-weight: bold; }
            .cont-oferta .licenciaturas .item .ifooter .text1 button:hover {
              color: #606062; }
          .cont-oferta .licenciaturas .item .ifooter .text1 p {
            font-size: 1.5rem;
            font-family: Roboto;
            color: #F3BA19;
            display: flex;
            padding: 0rem 2rem;
            transition: none;
            margin-bottom: 0.5rem;
            font-weight: bold; }
        .cont-oferta .licenciaturas .item .ifooter img {
          width: 3.5rem;
          margin-top: 2rem;
          cursor: pointer; }
  .cont-oferta .maestrias {
    width: 100%;
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap; }
    .cont-oferta .maestrias .item {
      width: 30%;
      margin-bottom: 3rem;
      border-radius: 2rem; }
      .cont-oferta .maestrias .item .ihead {
        width: 100%;
        height: 16rem;
        padding: 3rem 2rem;
        background-color: #1D3F5A;
        border-radius: 2rem 2rem 0rem 0rem;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .cont-oferta .maestrias .item .ihead img {
          width: 4rem;
          margin-bottom: 1rem; }
        .cont-oferta .maestrias .item .ihead p {
          font-size: 2.5rem;
          font-family: Roboto;
          letter-spacing: 0.1rem;
          color: #FFFFFF; }
      .cont-oferta .maestrias .item .ibody {
        width: 100%;
        padding: 2rem;
        background-color: #FFFFFF;
        text-align: center; }
        .cont-oferta .maestrias .item .ibody .n {
          font-size: 2rem;
          font-family: Roboto;
          color: #000000; }
        .cont-oferta .maestrias .item .ibody p {
          font-size: 1.5rem;
          font-family: Roboto;
          color: #606062; }
      .cont-oferta .maestrias .item .ifooter {
        width: 100%;
        padding: 2rem;
        background-color: #FFFFFF;
        border-radius: 0rem 0rem 2rem 2rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        transition: none; }
        .cont-oferta .maestrias .item .ifooter hr {
          width: 95%;
          color: #1D3F5A; }
        .cont-oferta .maestrias .item .ifooter .text2 {
          width: 95%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          height: 0rem;
          visibility: hidden;
          transition: none;
          padding: 0rem 0rem; }
          .cont-oferta .maestrias .item .ifooter .text2.height2 {
            height: 25rem;
            visibility: visible;
            transition: none;
            padding: 2rem 0rem; }
          .cont-oferta .maestrias .item .ifooter .text2 a {
            font-size: 1.5rem;
            font-family: Roboto;
            color: #1D3F5A;
            text-decoration: none;
            margin-bottom: 0.5rem;
            transition: none;
            font-weight: bold; }
            .cont-oferta .maestrias .item .ifooter .text2 a:hover {
              color: #606062; }
          .cont-oferta .maestrias .item .ifooter .text2 button {
            border: none;
            background-color: transparent;
            font-size: 1.5rem;
            font-family: Roboto;
            color: #1D3F5A;
            margin-bottom: 0.5rem;
            cursor: pointer;
            font-weight: bold;
            transition: none; }
            .cont-oferta .maestrias .item .ifooter .text2 button:hover {
              color: #606062; }
          .cont-oferta .maestrias .item .ifooter .text2 p {
            font-size: 1.5rem;
            font-family: Roboto;
            color: #F3BA19;
            margin-bottom: 0.5rem;
            transition: none;
            font-weight: bold; }
        .cont-oferta .maestrias .item .ifooter img {
          width: 3.5rem;
          margin-top: 2rem;
          cursor: pointer; }

/*============== Cont-Oferta  ==============*/
/* Dispositivos extragrandes (portátiles y de sobremesa grandes, de 1200 px y más) */
@media screen and (max-width: 1200px) {
  /*------------ofertaEdu------------*/
  .ofertaEdu .cat .cat1 {
    width: 40%;
    margin-bottom: 3rem; }

  /*------------ofertaEdu------------*/
  /*------------uniImg------------*/
  .uniImg .cont .card1 {
    width: 32%; }
  .uniImg .cont .card2 {
    width: 32%; }
  .uniImg .cont .card3 {
    width: 32%; }

  /*------------uniImg------------*/ }
/*------------ofertaEdu------------*/
/* Dispositivos grandes (portátiles/de escritorio, 992 px y más) */
@media screen and (max-width: 992px) {
  /*------------nav------------*/
  nav {
    height: 7rem; }
    nav .logo {
      width: 12rem; }
      nav .logo a {
        /*h1{
            font-size: 2rem;
        }*/ }
        nav .logo a img {
          width: 75%; }
    nav .links {
      display: none; }
    nav .menuMovil {
      display: flex;
      width: 5rem;
      height: 5rem; }
      nav .menuMovil img {
        width: 2.5rem;
        height: 2.5rem; }

  /*------------nav------------*/
  /*------------Nav Movil------------*/
  .navMovil {
    display: flex; }

  /*------------ofertaEdu------------*/
  .ofertaEdu .text {
    width: 90%;
    margin-bottom: 5rem; }
  .ofertaEdu .cat {
    width: 90%; }

  /*------------ofertaEdu------------*/
  /*------------licIng------------*/
  .licIng .img {
    display: none; }
  .licIng .text {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0; }

  /*------------licIng------------*/
  /*------------uniImg------------*/
  .uniImg .cont .card1 {
    width: 40%; }
  .uniImg .cont .card2 {
    width: 40%; }
  .uniImg .cont .card3 {
    width: 40%;
    margin-top: 4rem; }

  /*------------uniImg------------*/
  /*------------contact------------*/
  .contacto .cont-text .cont .contact-info .info {
    width: 100%;
    margin-bottom: 5rem; }
  .contacto .cont-text .cont .contact-info .form {
    width: 100%; }

  /*------------contact------------*/
  /*------------footer------------*/
  .footer div {
    width: 50%;
    height: 24rem; }

  /*------------footer------------*/
  /*============== Mensaje Sitio en Construccion ==============*/
  .construccion .text {
    width: 90%; }
  .construccion .img {
    width: 70%; }

  /*============== Mensaje Sitio en Construccion ==============*/
  /*============== Cont-Oferta  ==============*/
  .cont-oferta .licenciaturas .item {
    width: 32%; }
    .cont-oferta .licenciaturas .item .ihead {
      height: 16rem; }
      .cont-oferta .licenciaturas .item .ihead img {
        width: 3rem; }
      .cont-oferta .licenciaturas .item .ihead p {
        font-size: 1.8rem; }
    .cont-oferta .licenciaturas .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .licenciaturas .item .ifooter .text1 {
      text-align: left; }
      .cont-oferta .licenciaturas .item .ifooter .text1 a {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .licenciaturas .item .ifooter .text1 button {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .licenciaturas .item .ifooter .text1 p {
        font-size: 1.2rem;
        display: block; }
    .cont-oferta .licenciaturas .item .ifooter img {
      width: 3.2rem; }
  .cont-oferta .maestrias .item {
    width: 32%; }
    .cont-oferta .maestrias .item .ihead {
      height: 16rem; }
      .cont-oferta .maestrias .item .ihead img {
        width: 3rem; }
      .cont-oferta .maestrias .item .ihead p {
        font-size: 1.8rem; }
    .cont-oferta .maestrias .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .maestrias .item .ifooter .text2 {
      text-align: left; }
      .cont-oferta .maestrias .item .ifooter .text2 a {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .maestrias .item .ifooter .text2 button {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .maestrias .item .ifooter .text2 p {
        font-size: 1.2rem;
        display: block; }
    .cont-oferta .maestrias .item .ifooter img {
      width: 3.2rem; }

  /*============== Cont-Oferta  ==============*/ }
/* Dispositivos medianos (tabletas horizontales, 768 px y superiores) */
@media screen and (max-width: 768px) {
  /*==============Loader==============*/
  .loader .cont-loader {
    height: 40rem; }
    .loader .cont-loader h1 {
      font-size: 7rem;
      font-family: Asap;
      color: #FFFFFF; }
    .loader .cont-loader img {
      width: 90%;
      margin: 5rem auto; }

  /*==============Loader==============*/
  /*------------uniImg------------*/
  .uniImg .cont .card1 {
    width: 100%;
    margin-top: 3rem; }
  .uniImg .cont .card2 {
    width: 100%;
    margin-top: 3rem; }
  .uniImg .cont .card3 {
    width: 100%;
    margin-top: 3rem; }

  /*------------uniImg------------*/
  /*------------footer------------*/
  .footer div {
    width: 100%;
    height: 15rem; }
    .footer div:nth-child(1) {
      text-align: center; }
    .footer div:nth-child(2) {
      text-align: center;
      margin-bottom: 3rem; }
    .footer div:nth-child(3) {
      text-align: center;
      margin-bottom: 3rem; }
      .footer div:nth-child(3) .iconR {
        justify-content: space-evenly; }
    .footer div:nth-child(4) {
      text-align: center;
      margin-bottom: 3rem; }

  /*------------footer------------*/
  /*============== Cont-Oferta  ==============*/
  .cont-oferta .licenciaturas .item {
    width: 45%; }
    .cont-oferta .licenciaturas .item .ihead {
      height: 16rem; }
      .cont-oferta .licenciaturas .item .ihead img {
        width: 3rem; }
      .cont-oferta .licenciaturas .item .ihead p {
        font-size: 1.8rem; }
    .cont-oferta .licenciaturas .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .licenciaturas .item .ifooter .text1 {
      text-align: left; }
      .cont-oferta .licenciaturas .item .ifooter .text1 a {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .licenciaturas .item .ifooter .text1 button {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .licenciaturas .item .ifooter .text1 p {
        font-size: 1.2rem;
        display: block; }
    .cont-oferta .licenciaturas .item .ifooter img {
      width: 3.2rem; }
  .cont-oferta .maestrias .item {
    width: 45%; }
    .cont-oferta .maestrias .item .ihead {
      height: 16rem; }
      .cont-oferta .maestrias .item .ihead img {
        width: 3rem; }
      .cont-oferta .maestrias .item .ihead p {
        font-size: 1.8rem; }
    .cont-oferta .maestrias .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .maestrias .item .ifooter .text2 {
      text-align: left; }
      .cont-oferta .maestrias .item .ifooter .text2 a {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .maestrias .item .ifooter .text2 button {
        font-size: 1.2rem;
        display: block; }
      .cont-oferta .maestrias .item .ifooter .text2 p {
        font-size: 1.2rem;
        display: block; }
    .cont-oferta .maestrias .item .ifooter img {
      width: 3.2rem; }

  /*============== Cont-Oferta  ==============*/ }
/* Dispositivos extra pequeños (teléfonos, 600 px y menos) */
@media screen and (max-width: 600px) {
  /*==============Loader==============*/
  .loader .cont-loader {
    height: 28rem; }
    .loader .cont-loader h1 {
      font-size: 4rem;
      font-family: Asap;
      color: #FFFFFF; }
    .loader .cont-loader img {
      width: 90%;
      margin: 5rem auto; }

  /*==============Loader==============*/
  /*------------General------------*/
  .padding {
    padding: 7rem 2rem; }

  /*------------General------------*/
  /*------------header------------*/
  .items {
    height: 45rem; }
    .items .item.active div {
      left: 2%; }
    .items .item .text1 {
      width: 85%;
      top: 15%;
      left: -200rem;
      transform: translateY(-15%);
      text-align: center;
      margin-left: 2rem; }
      .items .item .text1 h1 {
        font-size: 3rem;
        color: #F3BA19;
        line-height: 3rem; }
      .items .item .text1 p {
        font-size: 1.4rem;
        text-shadow: 0.1em 0.1em #606062; }
      .items .item .text1 a {
        margin-top: 2rem;
        font-size: 1.5rem; }
    .items .item .text2 {
      width: 85%;
      top: 15%;
      left: -200rem;
      transform: translateY(-15%);
      text-align: center;
      margin-left: 2rem; }
      .items .item .text2 h1 {
        font-size: 3rem;
        line-height: 3rem; }
      .items .item .text2 p {
        font-size: 1.4rem;
        text-shadow: 0.1em 0.1em #606062; }
      .items .item .text2 a {
        margin-top: 2rem;
        font-size: 1.5rem; }

  /*------------header------------*/
  /*------------ofertaEdu------------*/
  .ofertaEdu .text {
    width: 100%;
    text-align: center; }
  .ofertaEdu .cat {
    width: 100%; }
    .ofertaEdu .cat .cat1 {
      width: 90%;
      margin: 0rem auto 4rem auto; }

  /*------------ofertaEdu------------*/
  /*------------licIng------------*/
  .licIng {
    height: auto; }
    .licIng .img {
      display: none; }
    .licIng .text {
      width: 100%; }
      .licIng .text .cont div {
        width: 100%;
        text-align: left; }

  /*------------licIng------------*/
  /*------------reglamento------------*/
  .modalReglamento .close {
    top: 1rem;
    right: 1rem; }
  .modalReglamento div {
    width: 90%;
    height: 80%; }
    .modalReglamento div embed {
      width: 100%;
      height: 100%; }

  /*------------reglamento------------*/
  /*============== Mensaje Sitio en Construccion ==============*/
  .construccion .text {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem; }
  .construccion .img {
    width: 60%; }

  /*============== Mensaje Sitio en Construccion ==============*/
  /*============== Header Oferta ==============*/
  .header-oferta {
    height: 45rem; }
    .header-oferta .cont-item .text {
      width: 100%;
      padding: 4rem 5rem;
      top: 50%;
      left: 0rem;
      transform: translateY(-50%);
      text-align: center; }
      .header-oferta .cont-item .text p {
        font-size: 2.6rem;
        color: #FFFFFF;
        letter-spacing: 0.1rem;
        font-family: MadimiOne; }

  /*============== Header Oferta ==============*/
  /*============== Cont-Oferta  ==============*/
  .cont-oferta .licenciaturas .item {
    width: 100%; }
    .cont-oferta .licenciaturas .item .ihead {
      height: 14rem; }
      .cont-oferta .licenciaturas .item .ihead img {
        width: 4rem; }
    .cont-oferta .licenciaturas .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .licenciaturas .item .ifooter .text1 a {
      font-size: 1.5rem; }
    .cont-oferta .licenciaturas .item .ifooter .text1 button {
      font-size: 1.5rem; }
    .cont-oferta .licenciaturas .item .ifooter .text1 p {
      font-size: 1.5rem; }
  .cont-oferta .maestrias .item {
    width: 100%; }
    .cont-oferta .maestrias .item .ihead {
      height: 14rem; }
      .cont-oferta .maestrias .item .ihead img {
        width: 4rem; }
    .cont-oferta .maestrias .item .ibody p {
      font-size: 1.2rem; }
    .cont-oferta .maestrias .item .ifooter .text2 a {
      font-size: 1.5rem; }
    .cont-oferta .maestrias .item .ifooter .text2 button {
      font-size: 1.5rem; }
    .cont-oferta .maestrias .item .ifooter .text2 p {
      font-size: 1.5rem; }

  /*============== Cont-Oferta  ==============*/ }
/* Dispositivos pequeños (tabletas verticales y teléfonos grandes, 600 px y más) */

/*# sourceMappingURL=styles.css.map */