html,
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  /*font-family: "Calibre";*/
  box-sizing: border-box;
  scroll-behavior: smooth; }

p {
    color: #606060;
}

  p, a, span{
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6{
	color: #606060 !important;
}

ul{
	margin: 0 !important;
	padding: 0 !important;
}

.video-maestria{
margin-top:1.5rem;
}

.btn-what {
    position: fixed;
    bottom: 2.6rem;
    right: 2.6rem;
    z-index: 10;
}

.btn-what a {
    background-color: #00E676;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 62px;
    height: 62px;
color: transparent;
}

.btn-what a i {
    font-size: 42px;
    color: #ffffff;
}


/*
    FONT FACE
    *
    -----------------------------------------
    *
*/
@font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Black.eot");
    src: url("../font/Calibre-Black.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Black.woff2") format("woff2"), url("../font/Calibre-Black.woff") format("woff"), url("../font/Calibre-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Bold.eot");
    src: url("../font/Calibre-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Bold.woff2") format("woff2"), url("../font/Calibre-Bold.woff") format("woff"), url("../font/Calibre-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Light.eot");
    src: url("../font/Calibre-Light.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Light.woff2") format("woff2"), url("../font/Calibre-Light.woff") format("woff"), url("../font/Calibre-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Medium.eot");
    src: url("../font/Calibre-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Medium.woff2") format("woff2"), url("../font/Calibre-Medium.woff") format("woff"), url("../font/Calibre-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Regular.eot");
    src: url("../font/Calibre-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Regular.woff2") format("woff2"), url("../font/Calibre-Regular.woff") format("woff"), url("../font/Calibre-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Semibold.eot");
    src: url("../font/Calibre-Semibold.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Semibold.woff2") format("woff2"), url("../font/Calibre-Semibold.woff") format("woff"), url("../font/Calibre-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Calibre';
    src: url("../font/Calibre-Thin.eot");
    src: url("../font/Calibre-Thin.eot?#iefix") format("embedded-opentype"), url("../font/Calibre-Thin.woff2") format("woff2"), url("../font/Calibre-Thin.woff") format("woff"), url("../font/Calibre-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap; }
/*============================================================================*/

/*
    SIDENAV
    *
    -----------------------------------------
    *
*/
.sidenav {
    height: 100%;
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    width: 420px;
    transform: translateX(420px);
    transition: 0.3s;
    display: grid;
    background-size: cover; }
    .sidenav__content {
      background: #3A6134;
      padding: 10%; }
      .sidenav__content--back {
        background: #3d8eb5; }
        .sidenav__content--back a, .sidenav__content--back span {
          color: #ffffff !important; }
    .sidenav__head {
      display: flex;
      align-items: start;
      justify-content: space-between;
      margin-bottom: 1.8rem; }
      .sidenav__head .head__logo {
        display: flex;
        gap: 1.2rem; }
        .sidenav__head .head__logo img {
          width: 185px; }
        .sidenav__head .head__logo span {
          width: 1px;
          background: #ffffff; }
      .sidenav__head .head__cerrar {
        /*padding: 12px 20px;
        background: #f7f7f7;
        cursor: pointer;*/ }
        .sidenav__head .head__cerrar--back {
          background: #0067cd;
          color: #ffffff; }
        .sidenav__head .head__cerrar--b-radius {
          border-radius: 50%; }
        .sidenav__head .head__cerrar a {
          font-size: 35px;
          cursor: pointer; }
          .sidenav__head .head__cerrar a i {
            color: #ffffff; }
    .sidenav__list .main-nav__item .main-nav__link {
      padding: .8rem 0;
      width: 100%; }
      .sidenav__list .main-nav__item .main-nav__link:hover {
        color: #ffffff; }
    .sidenav__list .main-nav__item .btncotiza {
      background-color: #0E0D13;
      margin-top: 1.2rem;
      margin-left: 0;
      display: grid;
      justify-content: center; }
    .sidenav__list--center li a {
      justify-content: center; }
    .sidenav__item {
      text-align: center; }
    .sidenav__links {
      padding: 15px 0px;
      display: flex;
      color: #3e3e3e;
      font-weight: 600;
      font-size: 15px;
      align-items: center;
      justify-content: space-between; }
      .sidenav__links .text-link {
        padding-right: 5px;
        font-size: 15px;
        font-weight: 600; }
      .sidenav__links .icono-link {
        width: 30px !important;
        display: inline-block;
        color: #3e3e3e;
        transform: rotate(-90deg);
        transition: 0.3s all;
        font-weight: 600;
        font-size: 14px; }
        .sidenav__links .icono-link.active {
          transform: rotate(0deg); }
    .sidenav__dropdown {
      display: none;
      background: #f7f7f7;
      left: 20px;
      z-index: 10;
      min-width: 240px;
      text-align: left; }
      .sidenav__dropdown li a {
        font-size: 14px;
        padding-left: 15px; }
    .sidenav.active {
      transform: translateX(0%); }
    .sidenav .list__redes {
      margin: 0 5px; }
      .sidenav .list__redes--redondo {
        border-radius: 50px; }
      .sidenav .list__redes a {
        width: 40px;
        height: 40px;
        background-color: #ffffff38;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px; }
        .sidenav .list__redes a i {
          color: #ffffff;
          font-size: 22px; }
        .sidenav .list__redes a span {
          font-size: 18px;
          display: flex;
          color: #ffffff;
          /*puede modificarse*/ }

          /* boton menu */
.movil-menu {
    cursor: pointer; }
    .movil-menu li a span {
      display: flex; }
    .movil-menu--efecto li a {
      background-color: #e5e5e5;
      padding: 14px;
      border-radius: 100px;
      display: block; }
    .movil-menu--efecto:hover li a {
      background-color: #317fcd;
      display: block; }
      .movil-menu--efecto:hover li a span {
        color: #ffffff; }
  
  /*==========================================================*/

  /*
    *
    -------------------------------------------
    *
    HEADER
    *
    -----------------------------------------
    *
*/
.header{
    padding: .7rem 0;
}
.header .header__logo a img{
    width: 160px;
}
.header__listanav ul li a{
    color: #4D69F5;
    font-size: 1.15rem;
    font-weight: 600;
}
.header__listanav ul li a:hover{
    color: #4D69F5;
}
.header .btn-contacto{
    background-color: #4D69F5;
    text-decoration: none;
    color: #ffffff;
    padding: 12px 1.4rem;
    border-radius: 50px;
    display: block ;
}
/*============================================*/


  /*
    *
    -------------------------------------------
    *
    FOOTER
    *
    -----------------------------------------
    *
*/

.footer{
    background: #000846;

}


  /*
    *
    -------------------------------------------
    *
    HOME
    *
    -----------------------------------------
    *
*/

.banner{
    background: linear-gradient(90deg,rgba(77, 105, 246, 1) 31%, rgba(45, 61, 144, 1) 100%);
    position: relative;
}
/*.banner::before{
  content: '';
  position: absolute;
  background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%); 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/

.banner ul {
  gap: 1.2rem;
    background: #ffffff;
    display: inline-flex;
    padding: 8px 15px;
    border-radius: 50px;
    align-items: center;
	margin-bottom: 1.8rem;
}
.banner ul li {
  list-style: none;
  color: #EE520E;
}

.banner ul li:nth-last-child(-n+1) {
  color: #ffffff;
  background: #EE520E;
  border-radius: 50px;
  padding: 5px 15px;
}

img.banner-destop {
       display: block;
    object-fit: cover;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100vh;
    max-height: calc(100vh - 45px);
}
.banner-movil{
  display: none;
	width: 100%;
}
.content-banner {
    padding: 8rem 0;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translate(0, -50%);
	color: #ffffff;
}

.content-banner h1, .content-banner h2, .content-banner p{	
	color: #ffffff !important;
}

.content-banner h1 {
    margin-bottom: 2.2rem;
    padding: 8px 1.8rem 8px 0;
    position: relative;
    display: inline-block;
}

.content-banner h1::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.content-banner h1 strong {
    position: relative;
}

.content-coronas, .content-somosnacional {
    background: linear-gradient(90deg, rgba(0, 111, 237, 1) 0%, rgba(44, 110, 208, 1) 50%, rgba(0, 74, 158, 1) 100%);
    border-radius: 20px;
    padding: 28px 45px;
    color: #ffffff;
}
.content-somosnacional{
  background: linear-gradient(90deg,rgba(238, 82, 14, 1) 0%, rgba(255, 119, 0, 1) 50%, rgba(255, 163, 77, 1) 100%);
}

.content-coronas p, .content-somosnacional p {
    font-size: 22px;
}

.informacion-coronas, .informacion-somosnacional{
    margin-bottom: 3.5rem;
}

.informacion-coronas h2, .informacion-somosnacional h2{
	color: #ffffff !important;
}

.lista-imagenes-coronas ul , .lista-imagenes-somosnacional ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 0;
    margin: 0;
	gap: 2.2rem;
    flex-wrap: wrap;
}

.lista-imagenes-coronas ul img , .lista-imagenes-somosnacional ul img{
    max-height: 70px;
}

/*.section-top{
	margin-top: 2.5rem;
}*/

/*section.maestrias{
	margin-bottom: 4.2rem;
}*/

.titulo p {
    margin: 0;
}

.titulo {
    margin-bottom: 3.2rem;
}
/*section.section.maestrias {
    margin-top: 4.2rem;
}*/

 .titulo h2 {
    font-weight: normal;
    font-size: 1.8rem;
}

.titulo h2 strong {
    /*display: block;*/
    font-size: 1.8rem;
    color: #2C6ED0;
}

.tabs ul.button-tabs {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 3rem;
	margin: 2.8rem 0;
}

.tabs ul.button-tabs li#active button {
    background: rgba(255, 119, 0, 1);
	color: #ffffff;
	border: 1px solid transparent;
}

.tabs ul.button-tabs li button {
    background: #ffffff;
    padding: 5px 30px;
    border-radius: 100px;
    border: 1px solid rgba(96, 96, 96, 1);
	display: flex;
    align-items: center;
    gap: 8px;
}

.tabs ul.button-tabs li button i {
    font-size: 25px;
}

.form__group--content h2 {
    font-size: 22px;
    font-weight: bold;
color: #2c6ed0 !important;
}

a.card-maestria {
        display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid rgb(231 231 231);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	height: 100%;
}

a.card-maestria .img-maestria img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

a.card-maestria .content-maestria {
    padding: 1.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

a.card-maestria ul{
	margin: 0;
	padding: 0;
}

a.card-maestria span.modalidad-maestria {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(245, 246, 247, 1);
    padding: 3px 20px;
    border-radius: 100px;
    color: rgba(238, 82, 14, 1);
    font-weight: 600;
	font-size: 15px;
}

a.card-maestria .content-maestria h2 {
    font-size: 22px;
    color: rgba(44, 110, 208, 1) !important;
}

.fecha-maestria {
    display: flex;
    align-items: center;
    gap: 10px;
	color: rgba(44, 110, 208, 1);	
	margin-bottom: 1rem;
}

.fecha-maestria p{
	margin: 0;
	color: rgba(44, 110, 208, 1);
	font-weight: 600;
}

.content-maestria ul {
	text-decoration: none;
	list-style: none;
	display: flex;
	gap: 1rem;
}

.content-maestria ul li img {
    width: auto;	
    max-height: 23px;
}

.owl-campus .owl-nav button {
    background: #ff7700 !important;
    margin: 0 2.2rem !important;
    font-size: 2.2rem !important;
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
}

.owl-campus .item img {
    max-height: 520px;
    object-fit: cover;
}
section.sectioncampus img {
    width: 100%;
    max-height: 550px;
    object-fit: cover;
}

.informacion-porquelerginos {
    display: grid;
    height: 100%;
    align-content: center;
}

.img-porquelerginos img {
    max-height: 500px;
}

.informacion-porquelerginos p {
    font-size: 2.2rem;
}

.informacion-porquelerginos h2 {
    font-size: 3.2rem;
    color: #2C6ED0;
}

.informacion-porquelerginos strong {
	color: #2C6ED0;
	font-weight: 800;
}

.informacion-porquelerginos h2 strong {
	font-size: 4.2rem;
}

section.porquelegirnos {
    margin-top: 2.5rem;
    margin-bottom: 4.5rem;
}

.lista-item-elegirnos {
    margin: 4.2rem 0;
}

.items-elegirnos {
    text-align: center;
    margin-bottom: 4.2rem;
    padding: 0px 6.2rem;
}

.items-elegirnos img {
    margin-bottom: 2rem;
}

.items-metricas img {
    margin-bottom: 2rem;
}
.items-metricas {
    text-align: center;
}

.items-metricas p strong{
	color: initial;
    font-size: 18px;
}

.items-metricas p {
    margin: 0;
    color: #EE520E;
    font-size: 15px;
}

.footer__content ul {
    padding: 0;
    /*margin-bottom: 3rem;*/
}

.footer__content .lista-imagenes-somosnacional ul img {
    max-height: 30px;
}

.modalidad-contentbanner p {
    background: #EE520E;
    margin: 0;
    border-radius: 100px;
    padding: 0px 12px;
    font-size: 15px;
	display: flex;
    align-items: center;
    gap: 6px;
}

.modalidad-contentbanner p i {
    font-size: 8px;
}
.modalidad-contentbanner span {
    color: #000000;
    font-size: 15px;
}
.modalidad-contentbanner {
    background: #ffffff;
    display: inline-flex;
    margin-bottom: 2rem;
    gap: 1.2rem;
    padding: 4px 8px 4px 15px;
    border-radius: 100px;
}

.content-informacion-item p strong {
    font-size: 22px;
	color: #606060;
}

.footer__content p {
    color: #ffffff;
}

.footer__content ul li {
    margin-bottom: 1rem;
}

.content-informacion-final p a {
    font-size: 13px;
    color: #ffffff;
}
.content-informacion-final p {
    margin: 0;
    color: #ffffff;
    font-size: 13px;
}

.footer__content > ul {
    padding: 0;
    margin-bottom: 3rem;
}

.footer__redes {
    display: flex;
    align-items: end;
}

.main{
	position: relative;
	/*margin-top: -5rem;*/
}

.sideright-formulario {
    /*background: antiquewhite;*/
    width: 32%;
}

.formulario-box {
    background: #ffffff;
}

.video-maestria .img-video {
    max-height: 400px;
    object-fit: cover;
}

.content-grado-imagen img {
    width: 100%;
}

.grado {
    background: linear-gradient(90deg, rgba(238, 82, 14, 1) 0%, rgba(255, 119, 0, 1) 50%, rgba(255, 163, 77, 1) 100%);
	    padding: 3.5rem 0;
}

.content-grado h2, .content-grado p {
    color: #ffffff !important;
}

.content-grado-imagen {
    margin-top: 2.8rem;
}

.content-grado-imagen .grado-destop {
    display: block;
}

.content-grado-imagen .grado-movil {
    display: none;
}


.brochure{
	background: #2C6ED0;
}

.profesor-content {
    /*display: flex;
	align-items: center;*/
}

.profesor-informacion {
    /*width: 60%;*/
}

.profesor-name {
    background: #2C6ED0;
	/*background-repeat: no-repeat;
    background-size: auto 100%;*/
	position: relative;
      border-radius: 10px;
          margin-top: 1.5rem;
}

.profesor-name-content {
    position: relative;
    padding: 20px;
}

.profesor-name img.profesor-name-fondo {
    position: absolute;
    width: 100% !important;
    height: 100%;
}

.profesor-name-content h2 {
    color: #ffffff !important;
    margin: 5px 0 !important;
	font-size: 1.8rem;
}

.profesor-name-content ul li {
    color: #ffffff;
}

.profesor-name-content p {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 12px;
}

.profesor-informacion img {
    width: 20px !important;
}

.profesor-imagen {
    width: 40%;
    margin: auto;
    margin-bottom: 25px;
}

.owl-profesores .owl-dots{
	margin-top: 0px !important;
	bottom: initial !important;
}

.owl-profesores .owl-dots .owl-dot{
	margin-bottom: 0px !important;
}

.owl-profesores .owl-dots .owl-dot span{
	margin: 5px 7px !important;
    background: #D6D6D6 !important;
    border: 0px solid #ffffff !important;
}

.owl-profesores .owl-dots .owl-dot.active span, .owl-profesores .owl-dots .owl-dot:hover span {
    background: #ff7700 !important;
    border: 3px solid #ff7700;
}

.imagen-perfil img {
    width: 100%;
	border-radius: 20px;
}

.accordion {
  padding-top: 30px; }

.accordion__item {
  /*border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;*/ }

.accordion__title {
  font-size: 16px;
  font-weight: 500;
  padding: 1rem 0rem 1rem 1.5rem;
  cursor: pointer;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-weight: 700;
  background: #F9F9F9;
  margin: 0.8rem 0;
  border-radius: 8px; }

/*.accordion__title:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #00434c;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%); }*/

.accordion__title .icono-acordeon {
  transition: 0.3s;
  transform: rotate(0deg);
  color: #2669ca;
  font-size: 28px;
  padding: 0 10px; }

.accordion__title .icono-acordeon.active {
  transform: rotate(-180deg); }

.accordion__title span {
  color: #2669ca;
    font-size: 18px;}

.accordion__copy {
  display: none;
  padding: 1rem 0;
  /*background: #00434cd1;*/
  margin-bottom: 0rem;
border-bottom: 1px solid #e1e1e1;}

.accordion__copy.editar p {
  margin: 0; 
	margin-bottom: 10px;
}

.accordion__copy.editar a {
  color: #00b7bd;
}

.accordion__copy--open {
  display: block; }

.editar p, .editar ol {
  margin-bottom: 1.2rem; }

.editar ol li {
  margin-bottom: .8rem;
	color: #ffffff;
}

.accordion__copy ul {
      margin-top: 0.8rem !important;
    margin-bottom: 1.3rem !important;
    padding: 0 0 0 2rem !important;
    list-style: initial;
}
  .accordion__copy ul li {
    /*color: #ffffff;*/ }

.accordion__item.active .accordion__title {
    background: #ff7700;
}

.accordion__admision.active .accordion__title {
    background: #2C6ED0;
}

.accordion__item.active .accordion__title span, .accordion__item.active .accordion__title .icono-acordeon{
    color: #ffffff;
}


.items-box01 {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.items-box01 img {
    width: 45px;
}

.metrica__informacion p {
    margin: 0;
}

.metrica__informacion p strong{
    display: block;
}

.primera-lista {
    margin-bottom: 1.2rem;
}


.items-horarios {
    padding-left: 1.2rem;
    border-left: 4px solid #FF7700;
    height: 100%;
}

.metrica__informacion {
    height: 100%;
    display: grid;
    align-content: center;
}

.brochure a {
    background: #ffffff;
    padding: 0.6rem 1.6rem;
    border-radius: 100px;
    color: #2C6ED0;
    text-decoration: none;
    font-weight: 600;
}

.brochure h2 {
    color: #ffffff !important;
	font-size: 1.8rem;
}
.brochure {
    background: #2C6ED0;
    border-radius: 10px;
    padding: 1.5rem 1.2rem;
    display: grid;
    justify-content: space-between;
    align-items: center;
}

.owl-beneficios .item .content-beneficios {
        margin: 2rem 5.5rem 0 5.5rem;
}

.owl-beneficios .owl-item.center .content-beneficios {
	opacity: 1;
}

.owl-beneficios .item img {
    max-height: 420px;
    object-fit: cover;
	border-radius: 20px;
}

.content-beneficios p {
    text-align: center;
}
.content-beneficios h2 {
    text-align: center;
    color: #2C6ED0 !important;
    font-weight: 700;
}

.tabs-item-btn ul li#active button, .tabs-item-btn ul li button:hover {
    background: #FF7700;
    color: #ffffff;
}

.tabs-item-btn ul {
    margin-bottom: 1rem !important;
}

.tabs-item-btn ul li button {
    border-radius: 10px;
    width: 100%;
    padding: .7rem 1rem;
    margin-bottom: 14px;
    background: transparent;
    border: 1px solid #FFA34D;
    color: #FFA34D;
    font-weight: 600;
}

.tab-content {
    /*margin-left: 2.2rem;
    margin-top: 39px;*/
}
.tab-info {
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.profesor-informacion {
    /*width: 60%;
    box-shadow: 0px 4px 10px 0px rgba(124, 124, 124, 0.3);
    padding: 1rem 1.8rem;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;*/
}

.profesor-imagen img {
    border-radius: 20px;
}

.owl-profesores .item {
    padding: 15px;
}
.profesor-informacion i {
    color: #ff7700;
    font-size: 32px;
}

section.sectioninformacion {
    padding: 4rem 0;
    text-align: center;
	background-size: 100% 100%;
  border-radius: 20px;
}

section.sectioninformacion h2 {
    color: #ffffff !important;
    font-size: 2.7rem;
    font-weight: 800;
}

section.sectioninformacion p {
    color: #ffffff;
}

section.sectioninformacion img {
    margin: 1.4rem 0;
    width: auto;
}

section.sectioninformacion .informacionbtn-whatsapp {
    background: #ffffff;
    display: inline-block;
    padding: .5rem 2.5rem;
    border-radius: 100px;
}

section.sectioninformacion .informacionbtn-whatsapp a i
 {
    color: #ff7700;
    margin-left: 1.2rem;
    font-size: 1.6rem;
}

section.sectioninformacion .informacionbtn-whatsapp a {
    text-decoration: none;
    color: #2c6ed0;
    font-weight: 600;
	display: flex;
    align-items: center;
}

.perfil-content.titulo {
    margin: 0;
}
.perfil-content.titulo h2 strong {
    display: initial;
}

.img-play-video {
    width: 100px !important;
}


.sectionperfil {
    margin-top: 10rem;
    margin-bottom: 7rem;
}

.tabs-item-btn h2 {
    font-size: 1.5rem;
}

.maestrias ul.button-tabs {
    margin-bottom: 2.5rem !important;
}

.tab-content h2 {
    font-size: 22px;
	margin-bottom: 1.2rem;
}



.mallacurricular h3.accordion__title span, .mallacurricular h3.accordion__title i {
    color: #2669ca;
}

.mallacurricular h3.accordion__title--second span, .mallacurricular h3.accordion__title--second i {
    color: #606060;
}

.mallacurricular h3.accordion__title {
    background: transparent;
    border-bottom: 1px solid #C7D7E4;
    border-radius: 0;
}

.mallacurricular .accordion__admision.active .accordion__title{
  background: transparent;
}

.mallacurricular .accordion__item.active .accordion__title span, .mallacurricular .accordion__item.active .accordion__title .icono-acordeon {
    color: #2669ca;
}

.mallacurricular .accordion__item.active .accordion__title--second  span, .mallacurricular .accordion__item.active .accordion__title--second  .icono-acordeon {
    color: #606060;
}

.mallacurricular .accordion__copy__malla {
    padding-top: 0;
}

.mallacurricular .accordion-second .accordion__admision {
    /*background: #d9d9d9;*/
}

.mallacurricular .accordion-second .accordion__admision h3 {
    background: #d9d9d9 !important;
        margin: 0;
}
.mallacurricular .accordion__title{
  padding: 0.5rem 0rem 0.5rem 1rem !important;
}

.mallacurricular .acoordion__informacion{
  padding: 0 1rem;
}

/*
*-------------------------------*
    RESPONSIVE
*--------------------------------*
*/
  /* --------------------------- */

@media only screen and (max-width: 1150px) {
	
	.sideright-formulario {
		width: 40%;
	}
	
	.brochure {
		display: grid;
		gap: .5rem;
	}
	
	.brochure a {
		text-align: center;
	}
	
	.profesor-informacion {
		border-radius: 15px;
		margin-right: 1.2rem;
	}
	  
}


  @media only screen and (max-width: 1020px) {
    .movil-menu {
      display: block !important; }
  
    .main-nav__list {
      display: none !important; } 


img.banner-destop {
	max-height: initial;
	/*height: calc(100vh - 79px)*/
}
	  
}

@media only screen and (max-width: 990px) {
	.profesor-content {
		position: relative;
	}
	
	.profesor-informacion {
        margin-right: 0;
    }
	
	.profesor-informacion {
		width: initial;
	}

  .profesor-imagen {
    width: 100%;
}

	
	/*.profesor-imagen {
		width: initial;
    position: absolute;
    width: 130px;
    bottom: 16px;
    right: 10px;
}*/
	.imagen-perfil img {
		border-radius: 20px;
		max-height: 450px;
		object-fit: cover;
		margin-bottom: 1.6rem;
	}

  section.sectioninformacion {
    padding: 4rem 2rem !important;
}

    section.sectioninformacion h2 {
    font-size: 2rem !important;
}
	
	
}

@media only screen and (max-width: 768px) {
	.form {
            width: 100% !important;
        margin: 0px !important;
        margin-top: 2.5rem !important;
}
	
	.profesor-content {
    flex-direction: column-reverse;
}
	
	    .profesor-imagen {
			width: initial;
			position: relative;
			max-width: 60%;
			bottom: initial;
			right: initial;
		}
	
	.owl-beneficios .item .content-beneficios {
    opacity: 1 !important;
    margin: 2rem 0 0 0 !important;
}
	
	.owl-beneficios .owl-nav {
		position: relative !important;
		transform: translate(0px);
		margin-top: 1.2rem !important;
		justify-content: center !important;
		gap: 2rem;
	}
	
  }

  @media only screen and (max-width: 720px) {
    img.banner-destop {
      display: none;
    }
    .banner-movil{
      display: block;
    }

    section.sectioninformacion {
    padding: 4rem 2rem !important;
}

    section.sectioninformacion h2 {
    font-size: 2rem !important;
}
  }

@media only screen and (max-width: 620px) {
    .tabs ul.button-tabs {
		gap: 1rem !important;
		flex-wrap: wrap;
		margin-top: 0 !important;
	}
 }

@media only screen and (max-width: 520px) {
	
	.main {
		/*margin-top: -2rem !important;*/
	}
	
    .owl-campus .item img {
		max-height: initial !important;
	}
	
	.img-porquelerginos img {
		width: 100%;
    	margin-bottom: 2.2rem;
	}
	
	.items-elegirnos {
		padding: 0px 2.2rem !important;
	}
	.informacion-porquelerginos h2 strong {
		font-size: 3.2rem !important;
	}
	
	.lista-imagenes-coronas ul img, .lista-imagenes-somosnacional ul img {
		max-height: 55px !important;
	}
	
	.content-coronas, .content-somosnacional {
		padding: 28px !important;
	}
	
	.header .btn-contacto {
		padding: 8px 1rem !important;
		font-size: 15px !important;
	}
	
	p, a, span {
		font-size: 15px !important;
	}
	
	.informacion-final .content-informacion-final ul {
		gap: 0.2rem !important;
		margin-top: 1.2rem !important;
	}
	
	section.sectioninformacion h2 {
		font-size: 2rem !important;
	}
	
	.content-grado-imagen img
		 {
			max-width: 295px;
			margin: auto;
		}
	
	.form__checkbox .checkbox__help {
		font-size:12px !important;
	}
	
	.content-grado-imagen .grado-destop {
		display: none;
	}
	
	.content-grado-imagen .grado-movil
 {
    display: block;
}
	
	.profesor-informacion {
}

  }

.contenido-maestria ul {
    padding: 0 0 0 2rem !important;
    list-style: initial;
    margin: 1rem 0 !important;
}

.contenido-maestria p, .profesor-informacion p {
    text-align: justify !important;
}


  /*==============================================*/


/*
*
    ESTILOS DE FORMULARIO
*
*/
.form {
  box-shadow: 0px 4px 20px 0px rgba(166, 166, 166, 0.5);
	margin: 0 15px;
    border-radius: 20px;
    width: 75%;
  /* modificadores */
  /*====================*/
}
.form--centered {
  width: 50%;
  margin: auto;
  border: 1px solid black;
  padding: 20px 32px;
}
.form--fondo {
      background-color: #ffffff;
      width: 480px;
      padding: 4rem 2.2rem 2.5rem;
      border-radius: 20px;
      display: grid;
      row-gap: 12px;
}
.form--mostrar {
  display: none;
}
.form__group {
  grid-gap: 12px;
margin-bottom: 2px;
}
.form__contentText h3 {
  font-size: 22px;
  font-weight: bold;
}
.form__contentText p {
  margin-bottom: 1rem;
}
.form .input-group {
  display: flex;
  flex-direction: column;
	gap: 18px;
  /* modificado */
  /*=================*/
}
.form .input-group--requerido .input-group__input {
  border: 1px solid #dc3545;
}
.form .input-group--requerido .input-group__validar {
  color: #dc3545;
}
.form .input-group__label {
  font-size: 14px;
  padding-bottom: 5px;
}
.form .input-group__input {
  border: 1px solid #313131;
    border-radius: 8px !important;
    height: 40px;
    padding: 0 15px;
    outline: none;
    width: 100%;
    font-size: 15px;
}
.form .input-group__validar {
  font-size: 11px;
}
.form .input-group__select {
     height: 40px;
    border: 1px solid #313131;
    border-radius: 8px !important;
    padding: 0 15px;
    outline: none;
    background-color: #FAFAFA;
    width: 100%;
    font-size: 15px;
}
.form .input-group__text-area {
  height: 85px;
  outline: none;
  padding: 8px 10px;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
}
.form__checkbox {
  margin-bottom: 5px;
}
.form__checkbox .checkbox {
  display: flex;
}
.form__checkbox .checkbox__input {
  margin-right: 8px;
}
.form__checkbox .checkbox__help {
  font-size: 11px;
}
.form__checkbox .checkbox__help a {
  color: #000000;
    text-decoration: revert;
    font-size: 11px;
}

.form form {
  display: grid;
  row-gap: 12px;
padding: 1.5rem;
}

/* ESTILOS CHECKBOX */

input[type="checkbox"] {
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 2px solid #bfbfbf;
    border-radius: 3px;
    background-color: white;
}

input[type="checkbox"]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #373737;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}
.form__checkbox label {
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
	margin-bottom: 0.5rem;
}

.form__checkbox .checkbox {
    margin: 8px 0 !important;
	gap: 10px;
}

.form__checkbox .checkbox__help strong {
    display: block;
}

.hide{
    display: none;
}

#botonSubmitcotizar, #botonSubmitcotizar2 {
    background-color: gray;
    color: white;
}

#botonSubmitcotizar:enabled, #botonSubmitcotizar2:enabled {
    background-color: #121212;
}

.tab-content {
    margin-top: 2.2rem;
}

.content-grado ul {
    padding: 0 0 0 2rem !important;
    list-style: initial;
    color: #ffffff;
}

.tab-content h2 {
    font-size: 22px;
}

section.sectionadmision {
    margin-top: 4.8rem;
}

/*==============*/


.form__action button, .form__action .button {
  width: 100%;
    background-color: #313131;
    color: #ffffff;
    border: none;
    height: 45px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    max-width: initial;
}
span.wpcf7-spinner {
    position: absolute;
    top: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    border-radius: 40px;
}
.form__success span {
  display: block;
  font-size: 14px;
  border-radius: 3px;
  background-color: #17a362;
  color: #ffffff;
  margin-top: 10px;
  padding: 12px 18px;
}
/*===================================*/



  .galeriaimagenes .tabs ul {
    display: flex;
    margin-bottom: 2.2rem;
    justify-content: space-between; }
    .galeriaimagenes .tabs ul li button {
      background: #ffffff;
      padding: 0.78rem 5.2rem;
      box-shadow: 0px 4px 4px rgba(171, 190, 209, 0.25);
      border: none;
      border-radius: 50px;
      font-size: 18px;
      font-weight: 500; }
    .galeriaimagenes .tabs ul li#active button {
      background: #ff5c16; }
      .galeriaimagenes .tabs ul li#active button span {
        color: #ffffff; }



        @media (max-width: 1050px) {
          .galeriaimagenes .tabs ul {
            justify-content: center !important;
            flex-wrap: wrap;
            gap: 1.2rem; }
          }

.list-descarga {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1rem;
}
