: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://21155268.fs1.hubspotusercontent-na1.net/hubfs/21155268/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;
    width: 300px !important; /* Establecer ancho fijo o máximo */
    min-width: 200px !important; /* Ancho mínimo */
    max-width: 350px !important;
}

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

.menu-top ul li ul,
.menu-top-m {
    border: 1px solid #909090;
    border-radius: 5px;
    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;
    color:red;
    padding: 4px 5px;
}

.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: 5px;
}

.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: 16px;
  font-weight: 400;
   text-align: left !important; /* Alinear a la izquierda */
}

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

.banner-gracias {
    background: url(https://f.hubspotusercontent40.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 #00A6CE;
    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: #00A6CE;
    color: #fff;  
    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: 30px;
    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;
  min-height:700px;
}

.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;
  min-height:700px;
}

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

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

.fm-large .fm-general fieldset {
  max-width: 100%;
    min-height:700px;
}

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

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

.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 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;
}

/* 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;
}

/* 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;
}

/* 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;
}

/* ========== MENÚ RESPONSIVE ========== */
@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;
  }

  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://f.hubspotusercontent40.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;
  }

  .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;
    height: 600px;
  }
  
  .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;
  }

  .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;
  }

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

@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: 992px) {
  .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;
  }
  
  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: 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;
      padding: 0 10px;
      box-sizing: border-box;
      width: 100%;
  }
  
  .submenu-m {
    padding: 1px 0;
    margin: 0 -10px;
  }
  
  .submenu-m li a {
    padding: 4px 10px;
    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: 14px;
        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;
  }
  
  nav ol,
  nav ul.lista-principal,
  .menu-lista-ordenada {
    display: none !important;
  }
  
  .container.d-lg-block,
  .container-wrapper.d-none.d-md-block {
    display: none !important;
  }

  .secc-movil {
    display: block !important;
  }
}

@media only screen and (max-width: 580px) {
  .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%;
  }
}

/* Estilos adicionales de la segunda hoja */
.hs-menu-wrapper ul > li  {
    min-width: 100px;
    max-width: 180px;
    flex: 1 1 auto;
    text-align: center;
    margin: 0 5px;
}

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

.btn-a1 {
    border: 2px solid 22418b;
    background-color: red;
    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-a1:hover {
    background:#22418b;
    color: #000;  
    text-decoration: none; 
    font-size: 18px;  
    font-weight: bold;  
}


/* Reducción general de márgenes y padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}


/* Reducir padding en secciones con mucho espacio */
.pleca-deg {
    padding: 10px 0 !important;
}

.bbt {
    padding: 20px 0 !important;
    margin-top: 20px !important;
}

/* Reducir márgenes en elementos de formulario */
.fm-colegiatura,
.fm-visita,
.fm-general,
.fm-platica {
    margin: 10px auto !important;
    padding: 10px !important;
}

/* Reducir márgenes en banners */
.banner-gracias {
    height:px10;  /*10 Reduce de 370px */
}

.banner-m div {
    padding: 0 10px !important; /* Reduce de 15px */
}

/* Reducir márgenes en listas */
.lista-areas li {
    margin: 5px !important; /* Reduce márgenes entre items */
    height: 10px !important; /* Reduce altura */
}

/* Agrega esto al final del CSS */
.hs-menu-wrapper ul li ul {
    width: auto !important;
    min-width: 200px !important;
    max-width: 300px !important;
}

/* Para que el texto se ajuste sin desbordar */
/* Asegura que la fila use flexbox y las columnas se estiren */
.container- .row {
    display: flex !important;
    align-items: stretch !important;
    min-height: 50px !important; /* Altura común para ambas columnas */
}

/* Hace que ambas columnas ocupen toda la altura */
.container- .row > div {
    display: flex !important;
    flex-direction: column !important;
}

/* Específico para la columna del formulario */
.container- .row > div. {
    justify-content: center !important;
}
/* ====== SOLUCIÓN PARA AUMENTAR ALTURA DEL FORMULARIO ====== */

/* 1. Asegura que el contenedor del formulario se expanda */
.bg-fm-colegiatura {
    min-height: 50px !important; /* Aumenta la altura mínima */
    height: auto !important; /* Permite que crezca automáticamente */
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Hace que el formulario ocupe todo el espacio disponible */
.fm-colegiatura {
    height: auto !important; /* Cambia de fixed a auto */
    max-width: 100% !important; /* Permite que use todo el ancho disponible */
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important; /* Ocupa el espacio restante */
}

/* 3. Asegura que el área del formulario de HubSpot se expanda */
.fm-colegiatura {
    min-height:50px !important;
    height: auto !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 4. Estilos específicos para el formulario de HubSpot cuando se carga */
.fm-colegiatura form.hs-form {
    min-height: 50px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 5. Ajusta los campos del formulario para más espacio */
.fm-colegiatura .hs-form-field {
    margin-bottom: 20px !important; /* Más espacio entre campos */
    padding: 5px 0 !important;
}

.fm-colegiatura input,
.fm-colegiatura select,
.fm-colegiatura textarea {
    min-height: 20px !important; /* Campos más altos */
    padding: 12px 15px !important; /* Más padding interno */
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

/* 6. Asegura que el botón de envío tenga espacio */
.fm-colegiatura .hs_submit.hs-submit {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* 7. Para formularios con más campos, ajusta el contenedor principal */
.fm-colegiatura .fm-colegiatura {
    min-height: 50px !important; /* Más altura para formularios grandes */
}

/* 8. Media query para móviles - ajusta la altura */
@media screen and (max-width: 767px) {
    .bg-fm-colegiatura {
        min-height: 50px !important; /* Más altura en móviles */
    }
    
    .fm-general {
        min-height: 50px !important;
    }
    
    .fm-check {
        min-height: 50px !important;
    }
}

/* 9. Si el formulario se carga dinámicamente, asegura que los nuevos elementos tengan espacio */
.fm-colegiatura .hs-form fieldset {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important; /* Espacio entre campos */
    flex-grow: 1 !important;
}

/* 10. Para múltiples columnas en el formulario */
.fm-colegiatura .form-columns-2,
.fm-colegiatura .form-columns-3 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.fm-colegiatura .form-columns-2 .hs-form-field {
    width: calc(50% - 7.5px) !important; /* 2 columnas con gap */
}

.fm-colegiatura .form-columns-3 .hs-form-field {
    width: calc(33.33% - 10px) !important; /* 3 columnas con gap */
}
/* ====== SOLUCIÓN PARA ELEMENTOS INTERNOS DEL FORMULARIO ====== */

/* 1. Asegura que el formulario de HubSpot ocupe todo el espacio */
.fm-colegiatura form.hs-form {
    min-height: 200px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 2. Asegura que los fieldset del formulario se expandan */
.fm-colegiatura form.hs-form fieldset {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    gap: 5px !important; /* Espacio entre campos */
}

/* 3. Los campos individuales del formulario */
.fm-colegiatura .hs-form-field {
    margin-bottom: 5px !important; /* Más espacio entre campos */
    width: 100% !important;
    min-height: 70px !important; /* Altura mínima para cada campo */
}

/* 4. Asegura que los inputs y selects se expandan */
.fm-colegiatura input:not([type=checkbox]):not([type=radio]),
.fm-colegiatura select,
.fm-colegiatura textarea {
    width: 100% !important;
    min-height: 30px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

/* 5. Para formularios con múltiples columnas (si los hay) */
.fm-colegiatura .form-columns-2 .hs-form-field,
.fm-colegiatura .form-columns-3 .hs-form-field {
    width: 100% !important; /* Fuerza que cada campo ocupe ancho completo */
    margin-bottom: 10px !important;
}

/* 6. Contenedor de múltiples columnas */
.fm-colegiatura .form-columns-2,
.fm-colegiatura .form-columns-3 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}

.fm-colegiatura .form-columns-2 .hs-form-field {
    width: calc(50% - 10px) !important; /* 2 columnas con espacio */
}

.fm-colegiatura .form-columns-3 .hs-form-field {
    width: calc(33.333% - 13.333px) !important; /* 3 columnas con espacio */
}

/* 7. El botón de envío */
.fm-colegiatura .hs_submit.hs-submit {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

/* 8. Etiquetas de error */
.fm-colegiatura label.hs-error-msg {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* 9. Media query para móviles - ajusta columnas */
@media screen and (max-width: 767px) {
    .fm-colegiatura .form-columns-2 .hs-form-field,
    .fm-colegiatura .form-columns-3 .hs-form-field {
        width: 100% !important; /* En móviles, una columna */
    }
}

/* 10. Si el formulario tiene clases específicas de HubSpot */
.fm-colegiatura .hs-form-private,
.fm-colegiatura .hs-form-private * {
    box-sizing: border-box !important;
}

.fm-colegiatura .input {
    margin-right: 0 !important;
    width: 100% !important;
}

/* 11. Para asegurar que el formulario sea responsive */
.fm-colegiatura .hs-form-field,
.fm-colegiatura .input {
    max-width: 100% !important;
}

/* Fuerza la expansión de TODOS los elementos internos */
.fm-colegiatura > *,
.fm-colegiatura form > *,
.fm-colegiatura form fieldset > * {
    box-sizing: border-box !important;
}

/* Asegura que los elementos de lista del formulario tengan espacio */
.fm-colegiatura .hs-form-field ul.inputs-list p {
    margin-top: 10px 0 !important;
  margin-top: 10px 0 !important;
    padding: 0 !important;
}

.fm-colegiatura .hs-form-field ul.inputs-list li {
    margin-bottom: 10px !important;
    padding: 5px 0 !important;
}
.fm-colegiatura * {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.fm-colegiatura ul li {
    margin: 10px 0 !important;
    padding: 10px 0 !important;
    line-height: 1.5 !important;
}

.fm-colegiatura input[type="checkbox"] {
    margin-right: 10px !important;
    vertical-align: middle !important;
}
.fm-colegiatura input[type="text"] {
    margin-right: 10px !important;
    vertical-align: middle !important;
    height: 20px;
}
.fm-colegiatura input{
    margin-right: 10px !important;
    vertical-align: middle !important;
    height: 20px;
}
.fm-colegiatura label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 5px 0 !important;
}
  
  
  /* ====== CLASES DE ESPACIADO ESPECÍFICAS PARA COLEGIATURA ====== */

/* Espaciado vertical entre elementos del formulario de colegiatura */
.fm-colegiatura .fm-gap-xs { gap: 4px !important; }
.fm-colegiatura .fm-gap-sm { gap: 8px !important; }
.fm-colegiatura .fm-gap-md { gap: 5px !important; }
.fm-colegiatura .fm-gap-lg { gap: 5px !important; }
.fm-colegiatura .fm-gap-xl { gap: 5px !important; }

/* Margen inferior entre campos del formulario */
.fm-colegiatura .fm-mb-xs .hs-form-field { margin-bottom: 4px !important; }
.fm-colegiatura .fm-mb-sm .hs-form-field { margin-bottom: 8px !important; }
.fm-colegiatura .fm-mb-md .hs-form-field { margin-bottom: 5px !important; }
.fm-colegiatura .fm-mb-lg .hs-form-field { margin-bottom: 5px !important; }
.fm-colegiatura .fm-mb-xl .hs-form-field { margin-bottom: 5px !important; }

/* Padding interno de inputs */
.fm-colegiatura .fm-padding-xs input,
.fm-colegiatura .fm-padding-xs select,
.fm-colegiatura .fm-padding-xs textarea {
    padding: 4px 8px !important;
}

.fm-colegiatura .fm-padding-sm input,
.fm-colegiatura .fm-padding-sm select,
.fm-colegiatura .fm-padding-sm textarea {
    padding: 8px 12px !important;
}

.fm-colegiatura .fm-padding-md input,
.fm-colegiatura .fm-padding-md select,
.fm-colegiatura .fm-padding-md textarea {
    padding: 5px 5px !important;
}

.fm-colegiatura .fm-padding-lg input,
.fm-colegiatura .fm-padding-lg select,
.fm-colegiatura .fm-padding-lg textarea {
    padding: 5px 5x !important;
}

/* Espaciado específico para labels */
.fm-colegiatura .fm-label-mb-xs label { margin-bottom: 4px !important; }
.fm-colegiatura .fm-label-mb-sm label { margin-bottom: 8px !important; }
.fm-colegiatura .fm-label-mb-md label { margin-bottom: 5px !important; }
.fm-colegiatura .fm-label-mb-lg label { margin-bottom: 5px !important; }

/* Espaciado entre checkboxes/radios */
.fm-colegiatura .fm-radio-gap-xs .inputs-list li { margin-bottom: 4px !important; }
.fm-colegiatura .fm-radio-gap-sm .inputs-list li { margin-bottom: 8px !important; }
.fm-colegiatura .fm-radio-gap-md .inputs-list li { margin-bottom: 5px !important; }
.fm-colegiatura .fm-radio-gap-lg .inputs-list li { margin-bottom: 5px !important; }

/* Espaciado para el botón de submit */
.fm-colegiatura .fm-btn-mt-xs .hs_submit { margin-top: 8px !important; }
.fm-colegiatura .fm-btn-mt-sm .hs_submit { margin-top: 5px !important; }
.fm-colegiatura .fm-btn-mt-md .hs_submit { margin-top: 5px !important; }
.fm-colegiatura .fm-btn-mt-lg .hs_submit { margin-top: 5px !important; }

/* Clase contenedora para usar flexbox con gap */
.fm-colegiatura .fm-flex-column {
    display: flex !important;
    flex-direction: column !important;
}

/* Para formularios con múltiples columnas */
.fm-colegiatura .fm-form-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.fm-colegiatura .fm-form-columns .fm-col-2 {
    flex: 0 0 calc(50% - 8px) !important;
}

.fm-colegiatura .fm-form-columns .fm-col-3 {
    flex: 0 0 calc(33.333% - 10.666px) !important;
}

/* Responsive para móviles */
@media screen and (max-width: 767px) {
    .fm-colegiatura .fm-form-columns .fm-col-2,
    .fm-colegiatura .fm-form-columns .fm-col-3 {
        flex: 0 0 100% !important;
    }
    
    .fm-colegiatura .fm-mb-md .hs-form-field { 
        margin-bottom: 5px !important; 
    }
    
    .fm-colegiatura .fm-mb-lg .hs-form-field { 
        margin-bottom: 5px !important; 
    }
}

/* Clase combinada para espaciado general (recomendada) */
.fm-colegiatura.fm-form-spacing {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.fm-colegiatura.fm-form-spacing .hs-form-field {
    margin-bottom: 10px !important;
}

.fm-colegiatura.fm-form-spacing input:not([type="checkbox"]):not([type="radio"]),
.fm-colegiatura.fm-form-spacing select,
.fm-colegiatura.fm-form-spacing textarea {
    padding: 12px 16px !important;
    margin: 8px 0 !important;
}

.fm-colegiatura.fm-form-spacing .hs_submit {
    margin-top: 5px !important;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}