:root{
  --blanco: #fff;
  --blancorgb: 255,255,255;
  --negro: #222222;
  --negrorgb: 0,0,0;
  --azul: #22418b; 
  --azul1: #00A6CE; 
  --azul2: #6886b8;
  --azul3: #14438D;
  --azul4: #003057;
  --azul5: #6489C6;
  --azul6: #21408C;
  --azul7: #05a6ce;
  --azul8: #DFEAFC;
  --azul9: #ECF2FC;
  --azulc: #087af4; 
  --azulf: #007AFF;  
  --naranja: #ff6a13;
  --naranjac: #ffa06a;
  --fondo: #d4dce9;
  --gris: #f2f2f2;
  --gris2: #f4f4f4;
  --gris3: #212226;
  --modulo: #eef1f6;
  --verde: #bfcf0a;
  --verde2: #66AA2F;
  --verde3: #045e55;
  --rojo: #C7152A;
  --font: 'Montserrat', sans-serif;
}


.blanco, a.blanco:hover{color:var(--blanco); }
.negro{color:var(--negro); }
.azul{color:var(--azul); }
.azul1{color:var(--azul1); }
.azul2{color:var(--azul2); }
.azul3{color: var(--azul3);}
.azul4{color: var(--azul4);}
.azul5{color: var(--azul5);}
.azul6{color: var(--azul6);}
.azul7{color: var(--azul7);}
.azul8{color: var(--azul8);}
.azul9{color: var(--azul9);}
.azulc{color:var(--azulc); }
.azulf{color:var(--azulf); }
.naranja{color:var(--naranja); }
.naranjac{color:var(--naranjac); }
.fondo{color:var(--fondo);}
.gris{ color:var(--gris); }
.gris2{ color:var(--gris2); }
.gris3{ color:var(--gris3); }
.verde { color:var(--verde); }
.verde2 { color:var(--verde2); }
.verde3 { color:var(--verde2); }
.rojo { color:var(--rojo); }

.bgblanco{ background: var(--blanco); }
.bgnegro{ background: var(--negro); }
.bgverde{ background: var(--verde); }
.bgverde2{ background: var(--verde2); }
.bgverde3{ background: var(--verde3); }
.bgnaranja{ background: var(--naranja); }
.bgamarillo{ background: var(--amarillo); }
.bgazul{ background: var(--azul); }
.bgazulp{ background: var(--azulp); }
.bgazulc{ background: var(--azulc); }
.bgazulf{ background: var(--azulf); }
.bgazul1{background: var(--azul1);}
.bgazul3{background: var(--azul3);}
.bgazul4{background: var(--azul4);}
.bgazul5{background: var(--azul5);}
.bgazul6{background: var(--azul6);}
.bgazul7{background: var(--azul7);}
.bgazul8{background: var(--azul8);}
.bgazul9{background: var(--azul9);}
.bggris{ background: var(--gris); }
.bggris2{ background: var(--gris2); }
.bggris3{ background: var(--gris3); }
.bgrojo{ background: var(--rojo); }
.bgmodulo{ background: var(--modulo); }
.primario { color: #002F59; }

.pleca-deg {
    background-image: url(https://www.ucuauhtemoc.edu.mx/hubfs/sitio_ead/Licenciaturas/Derecho/licenciatura-en-derecho-en-linea-datos-fondo-desktop.svg);
    padding: 20px 0;
}

.bgsecundario {
    background: #4C8BCE;
}

.bgprimario {
    background: #002F59;
}

.hoja-900 {
    max-width: 900px;
    margin: auto;
}

.hoja-1100 {
    max-width: 1100px;
    margin: auto;
}

.hoja-1000 {
    max-width: 1000px;
    margin: auto;
}

.hoja-1400 {
    max-width: 1400px;
    margin: auto;
}


div#hs_cos_wrapper_module_17211491816955 {
    width: 85%;
}


.none { display:none; }


body, p {
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #212226;
}

a {
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}

a:hover {
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

.line-normal { line-height: normal; }
.line-100 { line-height: 100%; }
.line-120 { line-height: 120%; }
.line-130 { line-height: 130%; }
.line-150 { line-height: 150%; }

.fw100 {
    font-weight: 100
}

.fw500 {
    font-weight: 500
}

.fw600 {
    font-weight: 600
}

.fw700 {
    font-weight: 700
}

.fw800 {
    font-weight: 800
}

.z-index{
  z-index: 1;
}

.h100{
  height: 100%;
}

.border-radius-8{
  border-radius: 8px;
}
.border-radius-10{
  border-radius: 10px;
}
.border-radius-15{
  border-radius: 15px;
}
.border-radius-20{
  border-radius: 20px;
}

.tit-linea {
  position: relative;
  padding-left: 20px;
}

.tit-linea:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: var(--azul4);
}

.tag-grado {
    border-top-left-radius: 10px;
    bottom: 10px;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    width: 200px;
}

.licenciatura {
    background: #00a6ce;
}

.maestria {
    background: #6489c6;
}

.doctorado {
    background: #14438d;
}

.hs-menu-wrapper>ul>li>a {
    /*color: #93acd6;
    font-size: 13px;*/
    text-transform: none;
    text-decoration: none;
    font-style: normal;
}

li.submenu > a:after {
    content: "⌄";
    position: relative;
    top: -5px;
    font-size: 15px;
    left: 5px;
    color: inherit;
}

.menu-top ul.navbar-nav > li {
    position: relative;
}

.menu-top ul.navbar-nav > li:before {
    content: '';
    position: absolute;
    width: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    background-color: #212226;
}

.menu-top ul.navbar-nav > li:first-of-type:before,
.menu-top ul.navbar-nav > li:last-of-type:before {
    display: none;
}

.menu-top-m {
    display: flex;
    padding: 0;
    list-style: none;
}

.menu-top-m li {
    width: 50%;
    text-align: center;
    background-color: #ECF2FC;
}

.menu-top ul li ul,
.menu-top-m {
    border: 2px solid #909090;
    border-radius: 18px;
    overflow: hidden;
}

.menu-top ul li ul li a,
.menu-top ul li ul li span,
.menu-top-m li a,
.menu-top-m li span {
    display: block;
    padding: 4px 15px;
}

.menu-top ul li ul li a:hover,
.menu-top-m li a:hover {
  text-decoration: underline;
}

.menu-top ul li ul li span,
.menu-top-m li span {
    color: #fff;
    font-weight: 700;
    background-color: #14438D;
    border-radius: 18px;
}

.menu-top ul li ul li span img,
.menu-top-m li span img {
  margin-right: 5px;
  vertical-align: middle;
}

.hs-menu-wrapper ul > li a {
  font-size: 18px;
  font-weight: 400;
}

.box-shadow {
    max-width: 490px;
    border-radius: 15px;
    box-shadow: 2px 3px 4px 1px #b7b7b7;
}

.banner-gracias {
    background: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/LP/lp-general/TYP-informacion-de-carrera-banner.jpg);
    height: 370px;
    display: flex;
    align-items: center;
}

span.hidde-first {
    display: none;
}

.salto { display:block; }

.btn-verde {
    border: solid 2px #c3d600;
    width: 295px;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 115%;
    border-radius: 10px;
    font-weight: bold;
    box-sizing: border-box;
    max-width: 95%;
}

.btn-verde:hover,
.btn-verde:focus {
    background: #C3D600;
    color: #000;  
    text-decoration: none; 
    font-size: 18px;  
    font-weight: bold;  
}

.btn-azul, .btn-azul:hover {
    background: var(--azul1);
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 120%;
    border-radius: 10px;
    font-weight: bold;
    box-sizing: border-box;
  }

.btn-azul1, .btn-azul1:hover {
    background: var(--azul1);
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.footer {
    /*padding: 50px 0 60px;*/
    position: relative;
}

.footer.bg-parallax {
    background: #002852;
}


.widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}


.list-social__item {
    display: inline-block;
}

.list-social-2 .list-social__item a {
    color: #ebebeb;
    padding: 0 8px;
}

.list-social__item a, .list-social__item a:hover {
    color: #123982;
    display: block;
    font-size: 25px;
    padding: 0 10px;
}

.logo img {
    max-width: 279px;
}


ul.level-1 {
    background: #182f65;
}


ul.level-1 li a {
    font-size: 13px;
    color: white!important;
    text-decoration: none;
}



ul.level-1 li, ul.level-2 li {
    border: none;
}

ul.level-1 li:hover, ul.level-2 li:hover {
    border: none;
}


.bg-fm-colegiatura {
    border-radius: 0 0 0 8rem;
    padding: 1rem;
    background-color: #f0f0f0;
}

.bg-fm-colegiatura img {
    max-width: 145px;
}

label.hs-error-msg, label.hs-main-font-element {
    color: #c30000;
    font-size: 12px;
    font-style: italic;
}

ul.no-list.hs-error-msgs.inputs-list li {
    list-style: none;
}

.hs_error_rollup {
    display: none;
}

.submitted-message {
    text-align: center;
}

i.ico-1 {
    background-image: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/bachillerato/icon-sprite.webp);
    display: inline-block;
    height: 47px;
    position: relative;
    top: 0;
    width: 57px;
}

.hs-breadcrumb-menu li a,
.hs-breadcrumb-menu li span {
  font-size: 14px;
}



/******** HOME EAD ******/

.lista-areas li {
    list-style: none;
    border: solid 2px #D9D9D9;
    width: 288px;
    text-align: center;
    border-radius: 10px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lista-areas li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;  
}

.borde-gris {
    border: solid 1px #D9D9D9;
}


.borde-preguntas {
    border-bottom: solid 1px #fff;
}

#adm-fix {
    display: none;
}

.border-2 {
    border: solid 1px;
}


.hs-menu-wrapper ul li:last-child {
    background: var(--azul1);
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
}

.hs-menu-wrapper ul li:last-child a {
    color:white;
}

li.submenu ul li:last-child {
    background: none;
    border-radius: 0px;
    color: #fff;
    padding: 10px 20px;
}

.border-radius-15 {
    border-radius: 15px;
}

/************************/

i.ico-1.duracion {
    background-position: -7px 0;
    width: 50px;
}

i.ico-1.presencial {
    background-position: -59px 0;
    width: 47px;
}

i.ico-1.modalidad {
    background-position: -65px 0px;
    width: 37px;
    min-width: 37px;    
}

i.ico-1.inicio {
    background-position: -111px 0;
    width: 45px;
    min-width: 45px;    
}

i.ico-1.rvoe {
    background-position: -166px 0;
    width: 46px;
    min-width: 46px;    
}

i.ico-1.escolarizada {
    background-position: -218px 0;
    min-width: 37px;
    width: 37px;
}

i.ico-1.mixto {
    background-position: -259px 0;
    min-width: 37px;
}

.fm-colegiatura input, .fm-colegiatura select, .fm-visita input, .fm-visita select  {
    border: 1px solid #6e6e6e;
    border-radius: 9px;
    color: #495057;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    padding: 7px 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
}

.fm-colegiatura input.hs-button.primary.large, .fm-visita input.hs-button.primary.large {
    background-color: var(--azul1);
    border-color: var(--azul1);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 100%;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 4px;
    width: 100%;
}
.fm-colegiatura .hs-form-field, .fm-visita .hs-form-field {
    line-height: 0;
}



label.hs-error-msg, label.hs-main-font-element {
    color: #c30000;
    font-size: 12px;
    font-style: italic;
    display: block;
    line-height: 15px;
    text-align: center;
    width: 100%;
}

label.hs-error-msg, label.hs-main-font-element {
    color: #c30000;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    text-align: center;
    width: 100%;
    padding: 0 !important;
    margin: 5px !important;
    text-align: left;
}

.bullet-azul li:before, .bullet-verde li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: var(--azul1);
    display: block;
    position: absolute;
    border-radius: 100%;
    left: -20px;
    top: 5px;
}
.bullet-azul li, .bullet-verde li {
    position: relative;
    margin-left: 5%;
    list-style: none;
    font-size: 15px;
}




.wings:after {
    content: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/bachillerato/wing-right.webp);
    position: absolute;  
    right: 0;
    top: 0;

}
.wings:before {
    content: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/bachillerato/wing-left.webp);
    position: absolute;
    left: 0;
    bottom: -7px;
}
.wings {
    position: relative;
}

.text-right {
    text-align: right;
}


.plan-estudios .slick-track { display:flex; }
.plan-estudios .slick-slide { height:auto!important; }

.item-plan {
    margin: auto;
    max-width: 95%;
    height:100%;
}

.slide-h .slick-track {
    display: flex;
}

.slide-h .slick-slide {
    float: none;
    height: auto;
}

.slide-h .item-plan {
    height: 100%;
}

.item-plan:after {
    content: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/bachillerato/colita.webp);
    position: absolute;
    top: 0;
    left: 25px;
}

.fm-platica fieldset.form-columns-2 {
    width: 98%;
    max-width: none;
}

.fm-platica .input input {
    width: 100%;
}

.fm-platica .input input, .fm-platica select {
    width: 100%;
    border-radius: 6px;
    border: solid 1px #b9b9b9;
    padding: 7px 10px;
}
.fm-platica select {
    padding: 5px 10px;
}

.fm-platica  input.hs-button.primary.large {
    width: 100%;
    background: var(--azul1);
    border: none;
    color: white;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 0;
    border-radius: 5px;
}

.fm-platica .hs_submit.hs-submit {
    float: right;
    margin-top: -39px;
    margin-right: 20px;
    max-width: 312px;
  width: 100%;
}

.fm-inline .fm-platica .hs_submit.hs-submit {
    float: none;
    margin-top: 15px;
    max-width: 314px;
  width: 100%;
}

.fm-platica label {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    line-height: normal;
}

.bbt {
    border-top: solid 1px #cbcbcb;
    padding: 50px 0 50px;
    margin-top: 50px;
}

.btn-borde {
    border: 1px solid #888;
    border-radius: 0;
    color: #555;
    display: inline-block;
    font-size: 13px;
    line-height: 43px;
    padding: 0 23px;
    transition: all .3s ease;
}


.btn-borde:hover {
    background: #22418b;
    border-color: transparent;
    color: #fff;
}

.letter-spacing-4 {
    letter-spacing: 4.8px;
}

.mask-img:after {
    content: '';
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.border-v {
    text-align: center;
}

.border-v img {
    border: 2px solid #FFFFFF;
    border-radius: 10px;
}

.degradado{
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}

.fm-general {
  max-width: 288px;
  width: 100%;
  margin: auto;
}

.fm-general fieldset.form-columns-2 {
  max-width: none;
  width: 98%
}

.fm-general .input input {
  width: 100%
}

.fm-general .input input,
.fm-general select {
  border: 1px solid #b9b9b9;
  border-radius: 6px;
  padding: 8px 10px!important;
  width: 100%
}

.fm-general input.hs-button.primary.large {
  display: block;
  background: var(--azul1);
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 0;
  max-width: 390px;
  width: 100%;
  margin: auto;
}

.fm-general .hs_submit.hs-submit {
  margin-top: 25px;
  width: 100%
}

.fm-general label {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px
}

.fm-large .bg-fm-colegiatura {
  padding: 0!important;
  background-color: transparent;
  border-radius: 0;
}

.fm-large .fm-general {
  max-width: 900px;
}

.fm-large .fm-general fieldset.form-columns-2 {
  width: 100%;
}

.fm-large fieldset.form-columns-1 .hs-input {
  width: 100%!important;
}

.fm-large .fm-general fieldset {
  max-width: 100%;
}

.fm-large .fm-general fieldset.form-columns-1 .hs-form-field {
  width: 50%;
}

.fm-large .fm-general .hs_submit.hs-submit {
  float: right;
  margin-right: 10px;
  margin-top: -39px;
  width: 48%;
}

.fm-inline.fm-large .fm-general .hs_submit.hs-submit {
  float: none;
  margin-top: 20px;
  margin-right: 0;
  width: 100%;
}

.fm-paginas input.hs-button.primary.large {
  background: var(--azul1);
}

.mt-n-34 {
  margin-top: -34px;
}

.slider-inline {
  overflow: hidden;
  border-radius: 10px;
}

.slider-inline .slick-prev,
.slider-inline .slick-next,
.slider-inline .slick-prev:hover, 
.slider-inline .slick-prev:focus, 
.slider-inline .slick-next:hover, 
.slider-inline .slick-next:focus{
  position: absolute;
  padding: 0;
  width: 40px;
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  border: 0;
  text-indent: -9999px;
  z-index: 1;
  cursor: pointer;
  outline: 0;
}

.slider-inline .slick-prev,
.slider-inline .slick-prev:hover, 
.slider-inline .slick-prev:focus {
  left: 10px;
  background-image: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/instalaciones/flecha-izquierda.png)!important;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 40% center;
  background-color: #2122264D;
  border-radius: 50%;
}

.slider-inline .slick-next,
.slider-inline .slick-next:hover, 
.slider-inline .slick-next:focus {
  right: 10px;
  background-image: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/Sitio/instalaciones/flecha-derecha.png)!important;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right 40% center;
  background-color: #2122264D;
  border-radius: 50%;
}


.container.bgbecas {
    background-color: #003057;
    background-image: url(https://www.ucg.edu.mx/hubfs/Sitio/solicita-beca/solicitar-beca-universidad-cuauhtemoc-imagen-FULL.png);
    background-position: 100%;
    background-repeat: no-repeat;
    padding: 0;
    height: 630px;
}

.fm-becas .input input {
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    padding: 8px 10px;
    width: 100%;
    height: 35px;
}

.fm-becas label {
    margin-top: 20px;
    margin-bottom: 5px;
}

.fm-becas .hs-richtext.hs-main-font-element {
    margin-top: 30px;
}

.fm-becas .hs-richtext.hs-main-font-element p {
    color: white;
    margin-bottom: 10px;
}

.fm-becas .hs-richtext.hs-main-font-element ul {
    display: flex;
}

.fm-becas .hs-richtext.hs-main-font-element ul li {
    list-style: none;
    margin-right:40px;
    position: relative;
    cursor: pointer;  
}

.fm-becas .hs-richtext.hs-main-font-element ul li:before {
    content: "";
    background: white;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 10px;
}

.fm-becas .hs-richtext.hs-main-font-element ul li.active:before {
    background: var(--verde);    
    height: 14px;    
    width: 14px;
    border: solid 2px;
}
/*
.fm-becas .hs_submit.hs-submit {
    float: right;
    width: 50%;
    text-align: center;
    margin-top: -25px;
}
*/
.fm-becas input.hs-button.primary.large {
    background: var(--verde);
    display: block;
    width: 250px;
    margin: -10px auto;
    border: none;
    padding: 8px 0;
    color: white;
    border-radius: 5px;
    font-weight: 600;
}

.fm-becas  .hs_submit.hs-submit {
    margin-top: 40px;
}

.fm-becas .input select {
    padding: 0 15px;
    min-height: 35px;
    border-radius: 7px;
}

.fm-becas ul.no-list.hs-error-msgs.inputs-list label {
    padding: 10px 0 0;
    margin: 0;
}

.input-encuesta button, button#finalizar {
    background-color: var(--verde);
    border-color: var(--verde);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 100%;
    height: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 4px;
    width: 165px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    margin-left: 5px;
}
.input-encuesta input, input#otro-instituto {
    padding: 0px 10px;
    height: 38px;
    border: solid 2px #f2f2f2;
    width: 288px;
    border-radius: 6px;
 }

span.fm-error.m-0.p-0 {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: red;
    font-size: 11px;
    line-height: normal;
}


.radiohtml ul li.active:before {
    background: var(--verde);
    border: 2px solid;
    height: 14px;
    width: 14px;
}

.radiohtml ul li:before {
    background: #fff;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}

.border-azul {
    border: solid 2px var(--azul);
    border-radius: 10px;
    padding: 27px 25px;
}

.btlr5 {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;  
}

.fm-visita {
    max-width: 320px;
    margin:auto;
}
 


.fm-platica ul.no-list.hs-error-msgs.inputs-list li label {
    color: #c30000;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    text-align: center;
    width: 100%;
   margin-top: 5px;
}

.bblr {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.borde-left-title {
    border-left: solid 3px;
    padding-left: 10px;
}

.borde-left-title-azul1 {
    border-left: solid 3px var(--azul1);
    padding-left: 10px;
}


@media screen and (max-width: 767px) {
  
  .logo-site a img {
      max-width: 215px !important;
      margin-left: 19px;
  }
  
  .banner-m {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: flex-end;
    text-align: center; 
  }

  .banner-m div {
    position: relative;
    padding: 0 15px;
    z-index: 1;
  }
  
  .mt-n-34 {
    margin-top: 0;
    margin-bottom: 20px;
  }

}

/* filtro */
.filtro-mov img, .filtro-mov a {
    border-radius: 10px;
}

.ico-whats{
    background: #25d366;
    padding: 3px 5px;
}

/* vinculacion - practicas profecionales */
.icos-gubernamental {
  background-image: url(https://21155268.fs1.hubspotusercontent-na1.net/hubfs/21155268/sitio/vinculacion/practicas-profesionales/vinculacion-bolsa-de-trabajo-universidad-cuauhtemoc-sprite-sector-gubernamental.jpg);
  display: block;
  height: 96px;
  width: 92px;
  margin: auto;
}
.icos-gubernamental.ico1 {
  background-position: 0 0;
}
.icos-gubernamental.ico2 {
  background-position: -94px 0;
}
.icos-gubernamental.ico3 {
  width: 134px;
  background-position: -194px 0;
}
.icos-gubernamental.ico4 {
  background-position: -329px 0;
}
.icos-gubernamental.ico5 {
  background-position: -422px 0;
}
.icos-gubernamental.ico6 {
  width: 164px;
  background-position: -518px 0;
}
.icos-gubernamental.ico7 {
  background-position: -686px 0;
}
.icos-gubernamental.ico8 {
  background-position: -782px 0;
}
.icos-gubernamental.ico9 {
  background-position: -868px 0;
}
.icos-gubernamental.ico10 {
  background-position: -952px 0;
}
.icos-gubernamental.ico11 {
  width: 124px;
  background-position: -1042px 0;
}
.icos-gubernamental.ico12 {
  width: 74px;
  background-position: -1164px 0;
}
.icos-gubernamental.ico13 {
  width: 82px;
  background-position: -1238px 0;
}
.icos-gubernamental.ico14 {
  width: 60px;
  background-position: -1320px 0;
}
.icos-gubernamental.ico15 {
  width: 165px;
  background-position: -1380px 0;
}
.icos-gubernamental.ico16 {
  width: 118px;
  background-position: -1542px 0;
}
.icos-gubernamental.ico17 {
  width: 87px;
  background-position: -1656px 0;
}
.icos-gubernamental.ico18 {
  width: 138px;
  background-position: -1738px 0;
}
.icos-gubernamental.ico19 {
  width: 82px;
  background-position: -1872px 0;
}
.icos-gubernamental.ico20 {
  width: 164px;
  background-position: -1950px 0;
}
.icos-gubernamental.ico21 {
  width: 134px;
  background-position: -2110px 0;
}
.icos-gubernamental.ico22 {
  width: 146px;
  background-position: -2242px 0;
}
.icos-gubernamental.ico23 {
  width: 112px;
  background-position: -2384px 0;
}
.icos-gubernamental.ico24 {
  width: 91px;
  background-position: -2499px 0;
}
.icos-gubernamental.ico25 {
  width: 122px;
  background-position: -2592px 0;
}
.icos-privado {
  background-image: url(https://21155268.fs1.hubspotusercontent-na1.net/hubfs/21155268/sitio/vinculacion/practicas-profesionales/vinculacion-bolsa-de-trabajo-universidad-cuauhtemoc-sprite-sector-privado.jpg);
  display: block;
  height: 109px;
  width: 110px;
  margin: auto;
}
.icos-privado.ico1 {
  background-position: 0 0;
}
.icos-privado.ico2 {
  width: 142px;
  background-position: -108px 0;
}
.icos-privado.ico3 {
  width: 158px;
  background-position: -254px 0;
}
.icos-privado.ico4 {
  width: 138px;
  background-position: -410px 0;
}
.icos-privado.ico5 {
  width: 125px;
  background-position: -545px 0;
}
.icos-privado.ico6 {
  width: 166px;
  background-position: -664px 0;
}
.icos-privado.ico7 {
  width: 125px;
  background-position: -824px 0;
}
.icos-privado.ico8 {
  width: 102px;
  background-position: -946px 0;
}
.icos-privado.ico9 {
  width: 174px;
  background-position: -1045px 0;
}
.icos-privado.ico10 {
  width: 86px;
  background-position: -1220px 0;
}
.icos-privado.ico11 {
  width: 134px;
  background-position: -1310px 0;
}
.icos-privado.ico12 {
  width: 115px;
  background-position: -1445px 0;
}
.icos-privado.ico13 {
  width: 164px;
  background-position: -1560px 0;
}
.icos-privado.ico14 {
  width: 112px;
  background-position: -1722px 0;
}
.icos-privado.ico15 {
  width: 98px;
  background-position: -1830px 0;
}
.icos-privado.ico16 {
  width: 75px;
  background-position: -1920px 0;
}
.icos-privado.ico17 {
  width: 182px;
  background-position: -2000px 0;
}
.icos-privado.ico18 {
  width: 76px;
  background-position: -2192px 0;
}
.icos-privado.ico19 {
  width: 120px;
  background-position: -2263px 0;
}
.icos-privado.ico20 {
  width: 168px;
  background-position: -2388px 0;
}
.icos-privado.ico21 {
  width: 168px;
  background-position: -2562px 0;
}
.icos-privado.ico22 {
  width: 168px;
  background-position: -2738px 0;
}
.icos-privado.ico23 {
  width: 112px;
  background-position: -2914px 0;
}
.icos-privado.ico24 {
  width: 184px;
  background-position: -3030px 0;
}
.icos-privado.ico25 {
  width: 132px;
  background-position: -3218px 0;
}
.icos-privado.ico26 {
  width: 182px;
  background-position: -3362px 0;
}
.icos-privado.ico27 {
  width: 102px;
  background-position: -3560px 0;
}
.icos-privado.ico28 {
  width: 175px;
  background-position: -3679px 0;
}
.icos-privado.ico29 {
  width: 100px;
  background-position: -3862px 0;
}
.icos-privado.ico30 {
  width: 138px;
  background-position: -3964px 0;
}
.icos-privado.ico31 {
  width: 142px;
  background-position: -4124px 0;
}
.icos-comercial {
  background-image: url(https://21155268.fs1.hubspotusercontent-na1.net/hubfs/21155268/sitio/vinculacion/practicas-profesionales/vinculacion-bolsa-de-trabajo-universidad-cuauhtemoc-sprite-sector-comercial.jpg);
  display: block;
  height: 87px;
  width: 116px;
  margin: auto;
}
.icos-comercial.ico1 {
  background-position: 0 0;
}
.icos-comercial.ico2 {
  width: 148px;
  background-position: -128px 0;
}
.icos-comercial.ico3 {
  width: 138px;
  background-position: -285px 0;
}
.icos-comercial.ico4 {
  width: 138px;
  background-position: -420px 0;
}
.icos-comercial.ico5 {
  width: 138px;
  background-position: -562px 0;
}
.icos-comercial.ico6 {
  width: 138px;
  background-position: -700px 0;
}
.icos-comercial.ico7 {
  width: 105px;
  background-position: -833px 0;
}
.icos-comercial.ico8 {
  width: 88px;
  background-position: -940px 0;
}
.icos-comercial.ico9 {
  width: 120px;
  background-position: -1032px 0;
}
.icos-comercial.ico10 {
  width: 120px;
  background-position: -1150px 0;
}
.icos-comercial.ico11 {
  width: 120px;
  background-position: -1285px 0;
}
.icos-comercial.ico12 {
  width: 175px;
  background-position: -1402px 0;
}
.icos-comercial.ico13 {
  width: 158px;
  background-position: -1578px 0;
}
.icos-comercial.ico14 {
  width: 200px;
  background-position: -1734px 0;
}
.icos-comercial.ico15 {
  width: 112px;
  background-position: -1936px 0;
}
.icos-comercial.ico16 {
  width: 112px;
  background-position: -2048px 0;
}
.icos-comercial.ico17 {
  width: 144px;
  background-position: -2162px 0;
}
.icos-comercial.ico18 {
  width: 132px;
  background-position: -2302px 0;
}
.icos-comercial.ico19 {
  width: 174px;
  background-position: -2434px 0;
}
.icos-comercial.ico20 {
  width: 158px;
  background-position: -2607px 0;
}
.icos-comercial.ico21 {
  width: 82px;
  background-position: -2762px 0;
}
.icos-comercial.ico22 {
  width: 114px;
  background-position: -2842px 0;
}
.icos-comercial.ico23 {
  width: 178px;
  background-position: -2960px 0;
}
.icos-comercial.ico24 {
  width: 115px;
  background-position: -3138px 0;
}
.icos-comercial.ico25 {
  width: 112px;
  background-position: -3245px 0;
}
.icos-comercial.ico26 {
  width: 190px;
  background-position: -3354px 0;
}
.icos-comercial.ico27 {
  width: 92px;
  background-position: -3544px 0;
}
.icos-comercial.ico28 {
  width: 124px;
  background-position: -3638px 0;
}
.icos-comercial.ico29 {
  width: 140px;
  background-position: -3756px 0;
}
.icos-comercial.ico30 {
  width: 136px;
  background-position: -3892px 0;
}
.icos-comercial.ico31 {
  width: 194px;
  background-position: -4025px 0;
} 
.icos-comercial.ico32 {
  width: 145px;
  background-position: -4218px 0;
} 
.open-g,
.open-p,
.open-c {
  cursor: pointer;
} 
.sector-g ul {
  height: 192px;
  overflow: hidden;
} 
.sector-p ul {
  height: 258px;
  overflow: hidden;
}
.sector-c ul {
  height: 214px;
  overflow: hidden;
}


.no-p-m {
  padding: 0 !important;
  margin: 0 !important;
}

@media(max-width:1280px){
  .menu-top:before{
    right: -4.7%;
  }
}
@media(max-width:1200px){
  .menu-top:before{
    right: -1.7%;
  }
}

/*movil*/
@media(max-width:1180px){
  .hs-menu-wrapper > ul > li > a {
    padding: 0 0px;
  }
}

@media screen and (max-width: 768px) {
  /*.fm-large .fm-general .hs_submit.hs-submit {
    width: 232px;
  }*/
  
  .tit-linea {
    margin-left: 15px;
  }
  
  .secc-movil {
      max-width: 95%;
  }
  
  div#hs_cos_wrapper_module_17211491816955 {
      width: 100%;
  }

  .hamburger {
      align-items: center;
      border: 0;
      display: flex;
      height: 50px;
      justify-content: center;
      padding: 0;
      transition: all .3s ease;
      width: 50px;
      margin:auto;
  }



  .hamburger .hamburger-box {
      height: 15px;
      width: 20px;
  }
  .hamburger-box {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 24px;
  }

  button.hamburger {
      background: none;
  }

  .hamburger.hamburger.active {
      background: #6085c1;
  }

  .hamburger .hamburger-box {
      height: 3px;
      width: 25px;
      background: var(--azul4);
  }

  span.hamburger-box:after {
      height: 3px;
      width: 25px;
      background: var(--azul4);
      content: "";
      display: block;
      position: absolute;
      top: -7px;
  }

  span.hamburger-box:before {
      height: 3px;
      width: 25px;
      background: var(--azul4);
      content: "";
      display: block;
      position: absolute;
      top: 7px;
  }
  
  .hamburger.active .hamburger-box {
    transform: rotate(-45deg);
  }
  
  .hamburger.active span.hamburger-box:before {
    opacity: 0;
  }
  
  .hamburger.active span.hamburger-box:after {
    top: 0;
    transform: rotate(-90deg);
  }
  
  .movil-display li {
    list-style: none;
    /*padding: 8px 4px 5px;*/
  }
  
  li.submenu ul li:last-child {
      padding: 0;
  }
  
  .movil-display li a {
      border-bottom: 1px solid #385482;
      padding: 6px 10px;
      position: relative;
      color: white;
      text-decoration: none;
      font-size: 14px;
      width: 100%;
      display: block;
      position: relative;
  }
  
  ul.level-1, ul.level-2 {
      background: #182f65;
      margin: 0;
      /*padding: 5px 0px 0px 10px;*/
      padding: 0 0 0 10px;
  }
  
  ul.level-1 li a {
      font-size: 13px;
      color: var(--blanco) !important;
      text-decoration: none;
      border-bottom: none;
  }  

  ul.level-2 li a {
      font-size: 13px;
        color: var(--blanco) !important;
      text-decoration: none;
      border-bottom: none;
  }  
  
   .movil-display i.fas.fa-arrow-left{
      display: none;
  }  
  
  .movil-display {
      background: #182f65;
      /*margin: 10px auto;*/
      padding: 0 10px;
      box-sizing: border-box;
      width: 100%;
  }
  
  .submenu-m {
    padding: 8px 0;
    margin: 0 -10px;
  }
  
  .submenu-m li a {
    padding: 4px 20px;
    color: #000;
    border-bottom: 0;
  }
  
  i.fas {
      display: block;
      margin-bottom: 4px;
  }  

  a.show-submenu:after, a.active-branch:after {
      align-items: center;
      content: ">";
      font-family: Material-Design-Iconic-Font;
      font-size: 18px;
      font-weight: 700;
      height: 20px;
      justify-content: flex-end;
      position: absolute;
      right: 0;
      transition: all .3s ease;
      width: 20px;
  }  
  
  a.active-branch:after, a.show-submenu:after {
        align-items: center;
        content: ">";
        font-family: 'Poppins';
        font-size: 13px;
        font-weight: 200;
        height: 20px;
        justify-content: flex-end;
        position: relative;
        right: 15px;
        transition: all .3s ease;
        width: 20px;
        top: 0;
    }

  a.show-submenu.active:after, a.active-branch.active:after {
    content: "∨";  
  }
  
  a.active-item {
    font-weight: 700;
  }
  
  .movil-display, .level-1, .level-2 { display:none; }
  
  .m-top-m {
      background: #638acb;
  }

   .m-top-m .my-2.my-lg-0.mx-2 {
    margin: 0!important;
  }
  
  li.nav-item {
      text-align: center;
      line-height: 130%;
  }


  li.nav-item label {
      padding: 6px 1px 0;
  }

  li.nav-item.fs14 {
      font-size: 11px;
  }  
  
}

@media only screen and (max-width: 767px) {
  
  h1, .fs40{
    font-size: 25px;
  }
  h2, .fs36{
    font-size: 24px;
  }
  .fs32, .fs30 {
    font-size: 22px;
  }
  h3, h4{
    font-size: 20px;
  }
  .fs24 {
    font-size: 20px;
  }
  .fs20 {
    font-size: 18px;
  }
  .btn-azul, .btn-azul:hover {
    font-size: 16px;
  }
  
  .btn-azul, .btn-azul:hover{
    padding: 5px 15px;
  }

  .banner-int {
      min-height: 180px !important;
      display: flex;
      align-items: center;
      background-size: cover;
      text-align: center;
      justify-content: center;
      background-position: center!important;
  }
  
  .salto {
      display: contents;
  }
  
  .banner-gracias {
      background: url(https://21003095.fs1.hubspotusercontent-na1.net/hubfs/21003095/LP/lp-general/TYP-informacion-de-carrera-banner-mobile.jpg);
      height: 119px;
      display: flex;
      align-items: center;
  }  
  
  .navbar-nav {
      -ms-flex-direction: row;
      flex-direction: row;
      justify-content: space-around;      
  }  
  
  .widget-title {
      margin-bottom: 10px;
      text-transform: uppercase;
      margin-top: 30px;
  } 
  
  span.hidde-first {
      display: block;
  }  
  
  .grid-gallery {
      grid-template-columns: repeat(2,1fr)!important;
  }

  .fm-platica .hs_submit.hs-submit {
      float: none;
      margin-top: 0;
      width: 100%;
      margin: 11px auto;
  }

  .fm-platica .input input, .fm-platica select {
      border: 1px solid #b9b9b9;
      border-radius: 6px;
      padding: 7px 10px;
      width: 100% !important;
      margin: auto;
      display: block;
  }

  .fm-platica {
      max-width: 90%;
      margin: auto;
  }
  
  .fm-inline .fm-platica .hs-programa_de_interes___opcion_1 {
    max-width: 100%;
  }
  
  .fm-colegiatura {
      max-width: 80%;
      margin: auto;
  }
  
  h2 {
      color: #22418b;  
   }
  
  .fs38 {
      font-size: 24px;
  }

  .fs18 {
      font-size: 16px;
  }  
  
  .wings:before, .wings:after {   
      content:none;      
  }  
  
  .bg-fm-colegiatura {
      border-radius: 0;

  }  
  
  .fm-platica label {
      display: block;
      width: 95%;
      margin: 20px auto 4px;
  }  
  /*
  .item-plan {
      height: auto;

  }
*/
  .fm-large .fm-general fieldset.form-columns-2 .input, .fm-paginas .form-columns-1 .input{
    margin-right: 0!important;
  }
  
  .fm-large .fm-general .form-columns-1 .hs-form-field, .fm-paginas .fm-general .form-columns-1 .hs-form-field {
    width: 100%!important;
  }
  
  .fm-large .fm-general .hs_submit.hs-submit {
    float: none;
    width: auto;
    margin-top: 20px;
    margin-right: 0;
  } 
  
  .container.bgbecas {
      background-color: #003057;
      background-image: none;
      background-position: 100%;
      background-repeat: no-repeat;
      height: auto; 
  }

  .fm-becas .hs_submit.hs-submit {
      float: none;
      margin-top: 0;
      text-align: center;
      width: 70%;
      margin: 40px auto 0;
  }

  .fm-becas .hs-richtext.hs-main-font-element {
      margin: 20px 0 30px;
  }  
}

@media only screen and (max-width: 580px) {
  
  /* filtros */
  .filtro-mov img {
    border-radius: 10px 0 0 10px;
  }
  .filtro-mov a {
    border-radius: 0 10px 10px 0;
  }
  
  .fm-visita, .fm-platica {
    max-width: 250px;
    margin: auto;
  }
  
  .fm-platica .input {
    margin-right: 0 !important;
  }
  .fm-platica select, .fm-inline .fm-platica select {
    max-width: 100%;
  }

}



/* LP */

.header-lp {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 6px #00000029;
}

.f-redes li {
  margin-left: 8px;
}

.f-redes li:first-of-type {
  margin-left: 0;
}


.filter-tesis {
  margin: 0 -1rem 15px;
  background-color: #f2f2f2;
}

.filter-tesis li {
  margin-bottom: 4px;
  line-height: 130%;
  cursor: pointer;
}

.filter-tesis li:last-of-type {
  margin-bottom: 0;
}

.filter-tesis li:hover,
.filter-tesis li.active {
  color: var(--azul1);
  text-decoration: underline; 
}

.box-tesis {
  max-height: 475px;
  overflow-y: auto;
}

.box-tesis {
  overflow-x: auto;
}

.box-tesis::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.box-tesis::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

.texto.filter.hidden {
  display: none;
}

.accordion-d .accordion-button,
.accordion-d .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--azul);
}

.accordion-d .accordion-button:focus {
  box-shadow: none;
}

.accordion-d .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)!important;
}

.img-profesor img {
  display: inline-block;
  width: 70px!important;
  height: 70px!important;
  padding: 3px;
  border: 1px solid #f5f5f5;
  border-radius: 150px;
}

.ver-ejemplo {
  cursor: pointer;
}

.ejemplo {
  display: none;
}

@media screen and (max-width: 767px) {
  .tit-linea {
    margin-left: 0;
  }
  
  .menu-cintillo {
    display: none;
  }
  
  p.submenu {
    position: relative;
  }
  
  p.submenu::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    transition: transform 0.3s ease; /* Añade una transición suave */
  }

  p.submenu.rotate::after {
    transform: translateY(-50%) rotate(180deg);
  }
  
  .lista-areas li {
    height: auto;
    padding: 15px 0;
    margin: 0 0 10px;
  }
}

/* Admisiones */

#page-175032362402 .pleca-bread .hs-breadcrumb-menu {
  color: #000;
}

.bg-admisiones {
  display: flex;
  padding: 20px 15px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}

.bg-admisiones .fm-large .fm-general .hs-form {
  display: block;
  max-width: 615px;
  width: 100%;
  margin: auto;