@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

:root{
  --um-blue:#0c5eae;
  --um-blue-l:#0984e3;
  --um-blue-dark:#003b79;
  --um-blue-ck:#5d8cda;
  --um-blue-sky:#62dafb;
  --um-purple-l:#a27daf;
  --um-l-cyan:#2dcccd;
  --um-orange:#eb7e42;
  --um-l-green:#1fb2b3;
  --um-cyan:#00a8e8;
  --um-yellow:#fed517;
  --um-text:#1f2937;
  --um-gray:#f2f4f7;
  --um-shadow:0 16px 35px rgba(0,0,0,.14);

  --bebas:"Bebas Neue", sans-serif;
}

*{box-sizing:border-box}

html {scroll-behavior:smooth}

body{
  margin:0;
  color:var(--um-text);
  font-family:Arial, Helvetica, sans-serif;
  background:#fff;
  padding-top:126px;
}
html .skip-link {display: none !important;}

a{text-decoration:none}

img{max-width:100%;height:auto}

.bebas {font-family: var(--bebas);}

.um_btn {font-family: var(--bebas); border-radius: 30px; display: block; margin: 0 auto; width: fit-content; font-size: 1.5em; letter-spacing: .25px;
  transition: all ease.55s}
.um_btn:hover {filter: brightness(.7);}
.um-bg_block .um_btn {box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .5); }

.um_btn.yellow {background: var(--um-yellow) !important; color: var(--um-blue) !important;}
.um_btn.blue {background: var(--um-blue) !important; color: #fff !important;}

.skip-link {position:absolute;left:-9999px;top:10px;z-index:9999;background:#fff;padding:10px 15px}
.skip-link:focus {left:10px}
.um-wide {max-width:1140px}

.um-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1030;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
}
.um-header__top {
  height:auto;
  background:var(--um-blue);
  border-bottom:1px solid rgba(0,0,0,.05);
  display:flex;
  align-items:center;
  padding: 1em 0;
}
.um-header__top a {padding: 4px 0;}

.um-navbar{
  background:var(--um-l-green); padding:0; border-bottom: 2px solid #2dcccd;
}
.navbar-brand img{
  width:188px;
  height:auto;
}

.um-top-link {color: #ffd800; margin-left: 1em; transition: all ease-out .35s;}
.um-top-link:hover {opacity: .75}
.um-top-link > img {height: 25px; width: auto; margin: 0 4px;}

.um-menu-desktop > .nav-item{position:relative}

.um-menu-desktop > .nav-item > .nav-link{
  color:#fff;
  font-weight:500;
  font-size:16px;
}

.um-menu-desktop > .nav-item > .nav-link:hover{}
.um-menu-desktop > .nav-item > .nav-link > span.um-caret {}

.um-menu-desktop > .nav-item.um-has-sub > .nav-link {padding-right: 22px;}

.um-submenu{
  position:absolute;
  top:100%;
  left:0;
  min-width:245px;
  background:var(--um-l-green);
  padding: 0;
  list-style:none;
  margin:0;
  border-top:2px solid #2dcccd;
  box-shadow:var(--um-shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.18s ease;
  z-index:50;
}

.um-has-sub:hover > .um-submenu,
.um-has-sub:focus-within > .um-submenu{
  opacity:1;
  visibility:visible;
  transform:none;
}
.um-submenu .um-submenu{
  left:100%;
  top:0;
  border-top-width: 1px;
}
.um-submenu li:not(.not-max) > .um-submenu {
  max-height: 320px;
  overflow: auto;
}

.um-submenu .um-submenu::-webkit-scrollbar {width: 10px}
.um-submenu .um-submenu::-webkit-scrollbar-track {background: #f1f1f1}
.um-submenu .um-submenu::-webkit-scrollbar-thumb {background: #1e9c9d}
.um-submenu .um-submenu::-webkit-scrollbar-thumb:hover {background: #555}

.um-submenu a {
  display: flex;
  justify-content: space-between;
  color: #fff;
  padding: 10px 14px;
  line-height: 1.3;
  font-size: 15px;
}
.um-submenu a:hover{
  background:rgba(0,0,0,.05);
}
.um-submenu li ~ li > a {border-top: 1px solid #fff;}

li.um-has-sub {position: relative;}

.um-submenu li.um-has-sub > a {padding-right: 26px;}
.um-submenu li.um-has-sub > a > span.um-caret {right: 6px;}

.um-caret {font: 700 18px/1 Arial, Helvetica, sans-serif; position: absolute; right: 0; top: calc(50% - 9px);}

.um-mobile-panel {
  height: 100vh;
  max-height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
}
.um-mobile-panel.show,
.um-mobile-panel.showing {
  display: flex;
}
.um-mobile-panel .offcanvas-body {
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.um-mobile-panel .navbar-brand img{width:190px}

.um-mobile-title{
  font-weight:700;
  color:#555;
  margin-bottom:14px;
}
.um-mobile-list{
  list-style:none;
  padding:0;
  margin:0;
}
.um-mobile-list ul{
  list-style:none;
  padding-left:15px;
  margin:0;
  display:none;
}
.um-mobile-list a,
.um-mobile-parent-link,
.um-mobile-toggle{
  border:0;
  background:transparent;
  width:100%;
  text-align:left;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  color:#333;
  font-weight:600;
  border-bottom:1px solid #eee;
}
.um-mobile-toggle.is-open ~ ul{display:block}

.um-hero{
  background:#e9eef6;
  overflow:hidden;
}
.um-hero .carousel.is-waiting{
  aspect-ratio:2560 / 948;
  background:
    radial-gradient(circle at 18% 28%, rgba(45,204,205,.32), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(254,213,23,.26), transparent 30%),
    linear-gradient(120deg, var(--um-blue-dark) 0%, var(--um-blue) 48%, var(--um-l-green) 100%);
}
.um-hero .carousel.is-waiting .carousel-inner,
.um-hero .carousel.is-waiting .carousel-indicators,
.um-hero .carousel.is-waiting .carousel-control-prev,
.um-hero .carousel.is-waiting .carousel-control-next{
  display:none;
}
.um-hero .carousel-item img{
  width:100%;
  display:block;
}
.um-hero .desktop-banner {display:block}

.um-hero .mobile-banner {display:none}

.um-hero-cta {position: absolute; bottom: 11%; z-index: 2; font-weight: 600; font-size: 15px; border-radius: 30px; padding: 8px 12px;}
.um-hero-cta:hover {background: #fff; color: #333;}

.um-hero-cta.cta-center {left: 50%; transform: translateX(-50%);}
.um-hero-cta.cta-left {left: 12%;}
.um-hero-cta.cta-right {right: 12%}

.um-hero button[class^="carousel-control-"] {transition: all ease .55s; width: 100px;}
.um-hero button[class^="carousel-control-"] > span {height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0.75); background-size: 23px;
  border-radius: 50%;}

.carousel-indicators {margin-bottom:20px}

.carousel-indicators [data-bs-target] {width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; opacity: 1;
  background: linear-gradient(to bottom,#999999 0%,#e1e1e1 100%); transition: all ease .55s !important;}
.carousel-indicators [data-bs-target]:hover {background: linear-gradient(to bottom, #313131 0%, #b0b0b0 100%)}
.carousel-indicators [data-bs-target].active {background: rgba(0, 0, 0, .75) !important;}

.um-hero .carousel-item[data-slide-type="video"] {aspect-ratio: 2560 / 948;}
.um-hero-video {width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; position: absolute;
  top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; pointer-events: none;}

.um_image_background {background-position: bottom left; background-repeat: repeat-x; background-size: contain;}
.um_image_background.umib_01 {min-height:520px; background-image: url(../img/figures/fondo_banner-2.jpg);}
.um_image_background.umib_01 h1 {color: var(--um-blue);}
.um_image_background.umib_01 p {color: #fff; line-height: 1.7}

.um-welcome {padding:58px 0 42px; background:#fff;}
.um-welcome__image-only {text-align:center; margin-bottom:28px;}
.um-welcome__image-only img {width:100%; max-width: 930px; aspect-ratio:1397 / 1536; height:auto;}
.um-welcome__image {display:block; border-radius:8px; aspect-ratio:1 / 1; object-fit:contain;}
.um-welcome h1 {color:var(--um-blue); font-weight:800; font-size:2.4rem; margin-bottom:18px;}
.um-welcome p {font-size:1.05rem; line-height:1.75; color:#fff;}

.um-oferta {padding:35px 0 56px; text-align:center; }
.um-oferta h1, .um-campus h1, .um-testimonios h1,.um-inscribete h1 {color:var(--um-blue); margin-bottom:32px; text-align: center;}

.um-oferta__grid {display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.um-oferta-card {position:relative; min-height:488px; overflow:hidden; background-color:var(--um-blue); color:#fff; display:flex;
  align-items:self-end; justify-content:center; box-shadow:0 10px 22px rgba(0,0,0,.12);}
.um-oferta-card::before {content: ""; position:absolute; inset:0;z-index:1; background-size: cover; background-position: center;
  background-repeat: no-repeat; opacity: .65}
.um-oferta-card span {position: relative; z-index: 2; text-transform: uppercase; font-family: var(--bebas); background: inherit; width: 100%;
  text-shadow: 0 0 10px rgba(0, 0, 0, .3); min-height: 128px; height: auto; display: flex; align-items: center; justify-content: center; padding: 1em;
  margin: 0; line-height: 1;}

.um-oferta-card:nth-child(1){background-color:#FFD800;}
.um-oferta-card:nth-child(1):before {background-image: url(../img/pages/home/TSU.png);}
.um-oferta-card:nth-child(2){background-color:#0c5eae;}
.um-oferta-card:nth-child(2):before {background-image: url(../img/pages/home/LICENCIATURAS.png);}
.um-oferta-card:nth-child(3){background-color:#6ec1e4;}
.um-oferta-card:nth-child(3):before {background-image: url(../img/pages/home/LICENCIATURAS_ONLINE.png);}
.um-oferta-card:nth-child(4){background-color:#eb7e42;}
.um-oferta-card:nth-child(4):before {background-image: url(../img/pages/home/POSGRADOS.png);}
.um-oferta-card:nth-child(5){background-color:#61ce70;}
.um-oferta-card:nth-child(5):before {background-image: url(../img/pages/home/Diplomado.jpg);}
.um-oferta-card:hover{/*transform:translateY(-6px);transition:.2s ease*/}

.um-campus {padding:42px 0 56px; /*background:#f7f9fc;*/ text-align:center;}
.um-campus__stage {display:grid; grid-template-columns:46px 1fr 46px; gap:12px; align-items:center;}
.um-campus__track {display:flex; gap:18px; overflow:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:8px 2px 22px;}
.um-campus__track::-webkit-scrollbar{display:none}
.um-campus-card{min-width:270px; min-height:150px; background:#fff; border-radius:4px; box-shadow:0 8px 22px rgba(0,0,0,.1); padding:24px;
  text-align:left; scroll-snap-align:start;}
.um-campus-card h3{color:var(--um-blue); font-weight:800; font-size:1.12rem; }
.um-campus-card p{color:#687083;margin:0}
.um-slider-btn{width:46px; height:46px; border:0; border-radius:50%; background:var(--um-blue); color:#fff; font-size:2rem; line-height:1;}

.um-testimonios {padding: 30px 0;}
.um-testimonios__grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.um-testimonio-card {position: relative; color: #2f3f50; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;
  justify-content: start; text-align: center; border: 0; background: transparent; padding: 0; font: inherit; cursor: pointer;}
.um-testimonio-card img {width: 100%; max-width: 240px; aspect-ratio:1 / 1; height:auto; margin-bottom: 1em;}
.um-testimonio-card h5 {font-weight: 600;}
.um-testimonio-card p {}

.um-bg_block {min-height: 120px; background-color: var(--um-blue);}
.um-sm_block {height: auto; min-height: 56px; background-color: var(--um-blue); display: flex; align-items: center; justify-content: center;}

.um-inscribete {padding: 30px 0; background-image: url(../img/figures/pleca_amarilla.png); background-size: contain; background-repeat: no-repeat;
    background-position: bottom right;}
.um-inscribete img {width: 100%; max-width: 450px; aspect-ratio:1 / 1; height:auto; margin-left: auto; display: block; transform: translateY(-120px);}
.um-inscribete h1 {text-align: left; margin: 20px 0; margin-top: 40px;}
.um-inscribete p {color:#4b5563; line-height:1.72; font-size:1.06rem;}

.um-documentos {padding:0 0 54px; text-align:center; background:#fff;}
.um-documentos h6 {color: #ffd200; margin: 0; line-height: 0; font-size: 1.75em; transform: translateY(2px);}
.um-docs-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:-2.5em auto; margin-top: 1.5em;}
.um-doc-card {display:grid; place-items:center; transition: filter ease .55s;}
.um-doc-card:hover {filter: brightness(.85);}
.um-doc-card img {height: 60px;}

.um-docs-grid > .um-doc-card:first-of-type {animation-delay: .25s}
.um-docs-grid > .um-doc-card:nth-of-type(2) {animation-delay: .45s}
.um-docs-grid > .um-doc-card:nth-of-type(3) {animation-delay: .65s}

.r_formreg {padding: 0 1em;}
.r_formreg_top > h1 {color: var(--um-blue); text-align: center; font-family: var(--bebas);}
.r_formreg_top > h3 {color: var(--um-blue); text-align: center; font-weight: 700; margin-bottom: 1em;}

.r_formreg .r_form_dooted {padding: 2em; margin-bottom: 10px; border: 5px dotted #dadada; text-align: center; background: var(--bs-secondary-bg);
  color: var(--bs-dark-text-emphasis);}

.um-footer {background: linear-gradient(176deg,#2575b2 0%,#003bb1 50%); padding:0 0 24px; color:#fff;}
.um-footer div.row {align-items: center; padding: 1em}

.um-footer__logo {flex: none !important; width: auto;}
.um-footer__logo img {height: 60px; width: auto; padding:8px;}

.um-footer_social {flex: 1; display: flex; justify-content: center; align-items: center; gap: 30px; position: relative;}
.um-footer_social:after {content: ""; display: block; height: 8px; width: 100%; max-width: 300px; background: #fff; position: absolute; bottom: -30px;}
.um-footer_social > a {transition: all ease-out .55s;}
.um-footer_social > a:hover {opacity: .65}
.um-footer_social i {font-size: 27px;}

.um-footer__contact {flex: none !important; width: auto;}
.um-footer__contact p {margin-bottom:8px;}

.um-footer a {color:inherit;}
.um-footer hr {margin:0 0 18px; border-color:#cbd5e1;}
.um-copy {text-align: center; font-size: 1em; margin: 3em 0 1.5em; line-height: 1.75;}
.um-copy > span {display: inline-block; margin: 0 8px; transform: translateY(-2px);}
.um-copy > a {}

.um-modal .modal-content{border-radius:0; border:0;}
.um-modal .modal-body {padding:36px; text-align:center;}
.um-modal h2 {color:var(--um-blue); font-weight:800;}
.um-modal-close {position:absolute; top:12px; right:12px; z-index:2;}
.um-process-float {position:fixed; right:18px; bottom:18px; z-index:1020; border:0; background:var(--um-blue); color:#fff; font-weight:700;
  padding:12px 18px; border-radius:4px; box-shadow:var(--um-shadow);}

.um-navbar div.collapse.navbar-collapse {padding:4px 0;}

hr.full_hr {width: 95%; margin: 2em auto; border-top: 4px solid var(--um-yellow); opacity: 1;}

.modal_preview {}
.modal_preview .modal-content {box-shadow: 0 0 15px 1px rgba(2,2,2,.75);}
.modal_preview .modal-body {padding: 10px;}
.modal_preview .modal-content button {position: absolute; top: -10px; right: -10px; width: 26px; height: 26px; background-color: #000; color: #fff;
  text-transform: uppercase; font-family: cursive; border-radius: 50%; line-height: 1; font-size: 12px; display: flex; align-items: center;
  justify-content: center; padding: 0; box-shadow: 0 0 0 2px; opacity: 1; transition: all ease .55s; font-weight: 600;}
.modal_preview .modal-content button:hover {opacity: .65;}
.modal_preview .modal-content img {display: block;}
.modal_preview .modal-content iframe {display: block; width: 100%; min-height: 400px;}

.yt-privacy-wrap {position: relative; width: 100%; min-height: 315px; background: linear-gradient(135deg,var(--um-blue),var(--um-blue-dark));
  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.yt-privacy-wrap iframe {display: block; width: 100%; min-height: 315px; border: 0;}
.yt-privacy-wrap:not(.is-loaded) iframe {visibility: hidden;}
.yt-privacy-notice {position: absolute; inset: 0; z-index: 2; padding: 28px; color: #fff; text-align: center; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 18px; background: radial-gradient(circle at 50% 0,rgba(45,204,205,.35),transparent 45%),
  linear-gradient(135deg,rgba(12,94,174,.96),rgba(0,59,121,.96));}
.yt-privacy-notice strong {font-family: var(--bebas); font-size: clamp(1.8rem,4vw,3rem); font-weight: 400; line-height: 1;}
.yt-privacy-notice p {max-width: 440px; margin: 10px auto 0; line-height: 1.5;}
.yt-privacy-button {border: 0; border-radius: 30px; background: var(--um-yellow); color: var(--um-blue); font-family: var(--bebas); font-size: 1.35rem;
  line-height: 1; padding: 12px 22px; transition: all ease .35s;}
.yt-privacy-button:hover {filter: brightness(.9);}
.yt-privacy-wrap.is-loaded .yt-privacy-notice {display: none;}

.um-grid_container {display: grid; gap: 25px}
.um-grid_item {text-align: center;}
.um-grid_item > i {font-size: 40px; color: #0984E3; line-height: 1; font-size: 50px;}
.um-grid_item > h5 {margin: 1em 0;}
.um-grid_item > p {color: #3a3a3a;}

.um-grid_container.um-g-5 {grid-template-columns: repeat(5, 1fr);}
.um-grid_container.um-g-4 {grid-template-columns: repeat(4, 1fr);}
.um-grid_container.um-g-3 {grid-template-columns: repeat(3, 1fr);}
.um-grid_container.um-g-2 {grid-template-columns: repeat(2, 1fr);}

.becas_grid {gap: 0 !important}
.becas_grid .um-grid_item {padding: 0 10px;}
.becas_grid .um-grid_item h1 {color: var(--um-blue);}

.grid_maestrias {gap: 20px; grid-template-columns: repeat(4, 1fr);}
.grid_ubicaciones {gap: 30px; grid-template-columns: repeat(4, 1fr);}

.container_flip {}
.container_flip ~ .container_flip {margin-top: 3em;}

.flip-card {background-color: transparent; width: 100%; height: 650px; perspective: 1000px;}
.flip-card-inner {position: relative; width: 100%; height: 100%; transition: transform ease 0.55s;
  transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;
  padding: 1em; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 6px;}
.flip-card-back {transform: rotateY(180deg);}

.container_flip * {color: #fff;}
.container_flip > div {margin: 1em 0;}
.container_flip .cf_image {}
.cf_image img {max-width: none; width: 100%;}
.cf_image h1 {}

.container_flip .cf_text {}
.cf_text h1 {}
.cf_text p {}

* > .container_flip:nth-child(odd) > div:first-of-type .flip-card-front {background: #045fca;}
* > .container_flip:nth-child(odd) > div:first-of-type .flip-card-back {background: var(--um-l-green);}
* > .container_flip:nth-child(odd) > div:last-of-type .flip-card-front {background: var(--um-l-green);}
* > .container_flip:nth-child(odd) > div:last-of-type .flip-card-back {background: #045fca;}

* > .container_flip:nth-child(even) > div:first-of-type .flip-card-front {background: var(--um-l-green);}
* > .container_flip:nth-child(even) > div:first-of-type .flip-card-back {background: #045fca;}
* > .container_flip:nth-child(even) > div:last-of-type .flip-card-front {background: #045fca;}
* > .container_flip:nth-child(even) > div:last-of-type .flip-card-back {background: var(--um-l-green);}

* > .container_flip:nth-child(odd) > div:first-of-type {width: 47% !important;}
* > .container_flip:nth-child(odd) > div:last-of-type {width: 53% !important;}
* > .container_flip:nth-child(even) > div:first-of-type {width: 53% !important;}
* > .container_flip:nth-child(even) > div:last-of-type {width: 47% !important;}

@media(max-width:1200px){
  body{}
  .um-oferta__grid{gap: 10;}
}

@media(max-width:992px){
  body {padding-top: 79.94px;}
  .um-header__top{display:none}
  .um-navbar {padding: 1em 0;}
  .um-oferta__grid{gap: 0}
  .um-campus__stage{grid-template-columns:1fr}
  .um-slider-btn{display:none}

  .um-grid_container {gap: 20}
  .um-hero-video {width: auto; height: 100%;}

  .grid_maestrias {grid-template-columns: repeat(2, 1fr);}
  .grid_ubicaciones {grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:768px){
  body{padding-top:82px}
  .um-navbar{min-height:82px}
  .navbar-brand img{width:180px}
  .um-hero .carousel.is-waiting{aspect-ratio:auto; min-height:min(178vw, 720px)}
  .um-hero .carousel-item[data-slide-type="video"]{aspect-ratio:auto; height:min(178vw, 720px)}
  .um-hero .desktop-banner{display:none}
  .um-hero .mobile-banner{display:block}
  .um-welcome{padding-top:36px}
  .um-welcome__image-only img{}
  .um-oferta__grid, .um-testimonios__grid {grid-template-columns:1fr; justify-items: center;}
  .um-oferta-card ~ .um-oferta-card {margin-top: 1em;}
  .um-oferta-card {min-height: 400px; max-width: 500px; width: 100%;}
  .um-oferta-card:before {background-position: top;}
  .um-oferta-card span {min-height: 90px; line-height: 1.15; padding: 10px;}
  .um-docs-grid{grid-template-columns:1fr}
  .um-process-float{font-size:.78rem;right:10px;bottom:10px}

  .um-grid_container:not(.grid_maestrias,.grid_ubicaciones) {grid-template-columns: 1fr !important;}

  .um_image_background.umib_01 img.um-welcome__image {max-width: 580px; margin: 0 auto; width: 100%; margin-bottom: 1em;}
  .um_image_background.umib_01 {min-height: 760px;}
  .um_image_background.umib_01 h1 {color: #fff; text-align: center;}

  .um-inscribete img {margin: 0 auto; margin-bottom: -50px;}
  .um-inscribete h1 {margin-top: 0; text-align: center;}

  .um-footer div.row {padding: 2em 1em;}
  .um-footer div.row > div {flex: 100% !important; text-align: center;}
  .um-footer_social {margin: 2em 0 5em;}

  * > .container_flip:nth-child(odd) > div:first-of-type,
  * > .container_flip:nth-child(odd) > div:last-of-type,
  * > .container_flip:nth-child(even) > div:first-of-type,
  * > .container_flip:nth-child(even) > div:last-of-type {width: 100% !important;}

  * > .container_flip:nth-child(even) > div:first-of-type {order: 1;}
  * > .container_flip:nth-child(even) > div:last-of-type {order: 0;}

  .grid_maestrias {grid-template-columns: repeat(2, 1fr);}
  .grid_maestrias > * {margin: 0 auto;}
}

@media(max-width:576px) {
  .um-hero-cta {left: 50% !important; bottom: 8%; font-size: .88rem; right: inherit !important; transform: translateX(-50%) !important; opacity: .85;}
  .um-hero-cta:hover {opacity: 1;}
  .um-hero button[class^="carousel-control-"] {display: none;}

  .grid_maestrias {grid-template-columns: 1fr;}
  .grid_maestrias > div {max-width: 400px;}

  .grid_ubicaciones {grid-template-columns: 1fr;}
}

.um-mobile-parent-link{font-size:.86rem;color:var(--um-blue)!important;padding-left:12px!important;background:#f8fafc!important}

img.um-img-radius {border-radius: 50%; max-width: 380px; width: 100%;}

.um-title_block {background: linear-gradient(120deg,#0984e3 0,#003bb1 100%); color: #fff; text-align: center; padding: 40px 0;}
.um-title_block > * {margin: 0;}

.um-title_bg_block {height: auto; min-height: 315px; display: flex; background-size: cover; background-position: center; background-repeat: no-repeat;
  position: relative; z-index: 1; color: #fff;}
.um-title_bg_block:before {content: ""; background: transparent; position: absolute; left: 0;top:0;right: 0;
  bottom: 0; z-index: -1; opacity: .85;}
.um-title_bg_block > h3 {text-shadow: 2px 2px 2px #000; margin: 0;text-align: right; padding: .75em; padding-left: 3em; border-top-left-radius: 60px;
  border-bottom-left-radius: 60px; line-height: 1.35;}
.um-title_bg_block > h1 {font-family: var(--bebas); text-shadow: 2px 2px 2px #000; margin: 0; text-align: right; margin-right: .75em;}

.um-title_bg_block.tsu {flex-direction: column; align-items: end; justify-content: space-evenly;}
.um-title_bg_block.tsu:before {background: linear-gradient(180deg,#fffFFF7D 0,#fce765 100%);}
.um-title_bg_block.tsu > h3 {background-color: #fcd51c;}

.um-title_bg_block.lic {justify-content: center; align-items: center;}
.um-title_bg_block.lic:before {background: linear-gradient(180deg,#02010100 0,var(--um-blue-ck) 100%);}
.um-title_bg_block.lic > h1 {text-align: center; margin: 0}

.um-title_bg_block.esp {flex-direction: column; align-items: end; justify-content: space-evenly;}
.um-title_bg_block.esp:before {background: linear-gradient(180deg,#fffFFF75 0,var(--um-purple-l) 100%);}
.um-title_bg_block.esp > h3 {background-color: var(--um-purple-l);}
.um-title_bg_block.esp > h1 {margin: 0; text-align: right; margin-right: .5em; margin-top: -.75em}

.um-title_bg_block.online {justify-content: center; align-items: center;}
.um-title_bg_block.online:before {background: linear-gradient(180deg,#fffFFF73 0%,var(--um-blue-sky) 100%);}
.um-title_bg_block.online > h1 {text-align: center; margin: 0}

.um-title_bg_block.mae {justify-content: center; align-items: center;}
.um-title_bg_block.mae:before {background: linear-gradient(180deg,#fffFFF73 0%,var(--um-orange) 100%);}
.um-title_bg_block.mae > h1 {text-align: center; margin: 0}

.um-title_bg_block.dip {flex-direction: column; align-items: end; justify-content: space-evenly;}
.um-title_bg_block.dip:before {background: linear-gradient(180deg,#02010100 0,#a0d5d4 100%);}
.um-title_bg_block.dip > h3 {background-color: #a0d5d4;}
.um-title_bg_block.dip > h1 {margin: 0; text-align: right; margin-right: .5em; margin-top: -.75em}

.row_duracion {}
.rd_text {}
.rd_text *:not(p,ul,li) {color: var(--um-blue)}
.rd_text > h1 {display: flex; font-weight: 700; justify-content: center;}
.rd_text > h1 > span {font-size: 112px}
.rd_text > h1 > div {display: flex; flex-wrap: wrap; flex-direction: column;}
.rd_text > h1 > div > span {font-size: 62px;}
.rd_text > h1 > div > small {font-size: 30px;}
.rd_text > h3 {font-size: 30px; font-weight: 800;}
.rd_text > h3 span {font-weight: inline-block; display: block;}
.rd_text > h3 span {font-weight: inline-block; display: block;}

.rd_img {padding: 0;}

.um_tabs_theme {}
.um_tabs_theme .tab-content {padding-top: 1em;}

.modal .um_tabs_theme a.nav-link {padding: revert-layer; background: transparent; color: var(--bs-emphasis-color);
  font-weight: 600; transition: all ease .55s;}
.modal .um_tabs_theme a.nav-link:hover {opacity: .55}

.um_pago_linea {background: #2dcccd; text-align: center; padding: 1.5em 1em;}
.um_pago_linea img {margin-bottom: 1em;}
.um_pago_linea a {}

.accordion_um {margin: 1em 0;}
.accordion_um button.accordion-button {box-shadow: none; display: flex; flex-direction: row-reverse; justify-content: flex-end;
    font-weight: 600; color: var(--um-blue); padding: .75em 1em;}
.accordion_um button.accordion-button:not(.collapsed) {background: transparent;}
.accordion_um button.accordion-button:after {margin: 0; margin-right: 1em; background: none; width: 10px; height: 10px;
  display: flex; align-items: center; justify-content: center; font-size: 20px;}
.accordion_um button.accordion-button.collapsed:after {content: "+"}
.accordion_um button.accordion-button:not(.collapsed):after {content: "-"; margin-bottom: -8px;}
.accordion_um .accordion-body {border-top: 1px solid #ddd;}

.grid_maestrias {}
.grid_maestrias > div {}
.grid_maestrias > div a {padding: 10px;}
.grid_maestrias > div img {}
.grid_maestrias div:nth-of-type(12n + 1),
.grid_maestrias div:nth-of-type(12n + 2),
.grid_maestrias div:nth-of-type(12n + 3),
.grid_maestrias div:nth-of-type(12n + 4) {
    background: #22bae0;
}

.grid_maestrias div:nth-of-type(12n + 5),
.grid_maestrias div:nth-of-type(12n + 6),
.grid_maestrias div:nth-of-type(12n + 7),
.grid_maestrias div:nth-of-type(12n + 8) {
    background: #ffd800;
}

.grid_maestrias div:nth-of-type(12n + 9),
.grid_maestrias div:nth-of-type(12n + 10),
.grid_maestrias div:nth-of-type(12n + 11),
.grid_maestrias div:nth-of-type(12n + 12) {
    background: #eb7e42;
}

.parallax-container {position: relative; display: flex; justify-content: center;}
.parallax-img {display: block; object-fit: cover; transition: transform 0.4s ease-out; will-change: transform;}

.grid_ubicaciones {}
.grid_ubicaciones .um-grid_item {background: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); display: flex; flex-wrap: wrap;
  flex-direction: column; align-items: center; padding: 2em 1em; border-radius: 6px; transition: all ease-out .35s;}
.grid_ubicaciones .um-grid_item:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);}

.grid_ubicaciones .um-grid_item h2 {margin: .5em 0; font-weight: 600; color: var(--um-blue);}
.grid_ubicaciones .um-grid_item a.btn_ubi {font-size: 16px; border-radius: 30px; padding: 10px 20px; width: 100%; max-width: 178px;
border-color: #0984e3; background-color: #0984e3; color: #fff !important; transition: all ease-out .35s}
.grid_ubicaciones .um-grid_item a.btn_ubi:hover {background-color: #4a80ec; border-color: #4a80ec;}
.grid_ubicaciones .um-grid_item i {height: 43px; width: 43px; display: flex; align-items: center; justify-content: center; font-size: 20px;
  border-radius: 50%; border: 2px solid;}
.grid_ubicaciones .um-grid_item h5 {margin: 1em 0 .5em}
.grid_ubicaciones .um-grid_item p {color: #2f3f50; line-height: 1.25;}
.grid_ubicaciones .um-grid_item a:not(.btn_ubi) {transition: all ease-out .35s}
.grid_ubicaciones .um-grid_item a:not(.btn_ubi) ~ a {margin-top: .5em;}
.grid_ubicaciones .um-grid_item a:not(.btn_ubi):hover {transform: scale(1.05);}

.ubis_images {height: 100vh; width: 100%; display: block; border-bottom: 100px solid var(--um-blue); background-size: cover;
  background-position: center; background-repeat: no-repeat; background-attachment: fixed;}

.ubis_images.rectoria {background-image: url(../img/ubicaciones/rectoria.jpg);}
.ubis_images.hidalgo {background-image: url(../img/ubicaciones/hidalgo.jpg);}
.ubis_images.salud {background-image: url(../img/ubicaciones/salud.jpg);}
.ubis_images.neza {background-image: url(../img/ubicaciones/neza.jpg);}
.ubis_images.ecatepec {background-image: url(../img/ubicaciones/ecatepec.jpg);}
.ubis_images.linea {background-image: url(../img/ubicaciones/linea.jpg);}
.ubis_images.cuautitlan {background-image: url(../img/ubicaciones/cuautitlan.jpg);}
.ubis_images.ixtapaluca {background-image: url(../img/ubicaciones/ixtapaluca.jpg);}

@media(max-width:992px){
  .ubis_images {background-attachment: local;}
}
section.carreras_campus {}

section.carreras_campus img.um-img-radius {}

section.carreras_campus .list-unstyled {}
section.carreras_campus .list-unstyled li {}
section.carreras_campus .list-unstyled li i {font-size: 17px; margin-right: 8px;}
section.carreras_campus .list-unstyled li span {}

section.carreras_campus .carreras_campus_galeria {}
.carreras_campus_galeria .carousel  {}
.carreras_campus_galeria .carousel-inner {height: 260px; display: flex; align-items: center; border-radius: 6px;}
.carreras_campus_galeria .carousel-item {}
.carreras_campus_galeria .carousel-inner img {height: 100%; border-radius: 6px;}
.carreras_campus_galeria button[class^="carousel-control-"] {}
.carreras_campus_galeria button[class^="carousel-control-"] span {height: 40px; width: 40px;
  background-color: rgba(0, 0, 0, 0.75); background-size: 23px; border-radius: 50%;}

section.carreras_campus .carreras_campus_galeria,
section.carreras_campus .carreras_campus_galeria ~ div {}

section.carreras_campus .carreras_campus_galeria ~ div {}
section.carreras_campus .carreras_campus_galeria ~ div h1 {margin-bottom: .5em;}
section.carreras_campus .carreras_campus_galeria ~ div ul {line-height: 1.75;}
section.carreras_campus .carreras_campus_galeria ~ div ul li {text-align: left; font-size: 20px; font-weight: 400; color: #000;}
section.carreras_campus .carreras_campus_galeria ~ div ul li * {}
section.carreras_campus .carreras_campus_galeria ~ div ul li a {color: inherit !important; transition: all ease-out .35s}
section.carreras_campus .carreras_campus_galeria ~ div ul li a:hover {opacity: .5}

@media (min-width: 992px) {
  section.carreras_campus img.um-img-radius {max-width: 294px;}
  section.carreras_campus .list-unstyled {margin: 0;}

  section.carreras_campus .carreras_campus_galeria,
  section.carreras_campus .carreras_campus_galeria ~ div {}

  section.carreras_campus .carreras_campus_galeria {width: 40%;padding-right: 1.5em;}
  section.carreras_campus .carreras_campus_galeria ~ div {width: 30%;}
}

@media (max-width: 991.98px) {
  .carreras_campus_galeria .carousel-inner {height: 420px;}

  section.carreras_campus .carreras_campus_galeria ~ div {text-align: center; padding: 0 2em;}
  section.carreras_campus .carreras_campus_galeria ~ div h1 {margin-top: 2.5em;}

  .carreras_campus .um-sm_block {height: 100px; margin-bottom: 1em;}
}

@media (max-width: 767.98px) {
  .carreras_campus_galeria .carousel-inner {height: 360px;}
}

@media (max-width: 575.98px) {
  .carreras_campus_galeria .carousel-inner {height: 300px;}
}