@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400,700, 900');
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900&display=swap);

/*/////////////////////////////// 
        COLORES
///////////////////////////////*/

:root {
  /* Main colors */
  --lila: #4e0d75 !important;
  --lila--shine: #691193 !important;
  --lila--oscuro: #160023 !important;
  --lila--claro: #f5ebfb !important;
  --orange: #e5bb07 !important;
  --orange--shine: rgba(229, 187, 7, 0.8) !important;
  --orange--claro: #f5e3a9 !important;
  --bg-orange--claro: #f9f7f2 !important;
  --azul--claro: #f7fbfc !important;
  --gris--primary: #fafafa !important;
  --gris--secondary: #eee !important;
  --gris--oscuro: #666666 !important;
  --danger: #da2121 !important;
  --success: #28a745 !important;
  --success--shine: #1e9138 !important;
  --warning: #ec890f !important;
  --warning--shine: #d77a07 !important;
  -webkit-print-color-adjust: exact;
}


* {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    float: none !important;
    width: 100% !important;
    margin:  0 !important;
    padding: 0 !important;
}
/* Tamaño y orientación del doc */
@page {
    size:A4 portrait;
    margin: 0;
    /*margin: 2cm;
    margin-footer: 5mm;
    footer: html_myHTMLFooterOdd;
    border-bottom: 2px solid #691193;
    padding: 0cm 0cm 0.5cm 0cm;
    @bottom-center {
      content: "FOOTER";
      text-align: center;
      vertical-align: middle;
    }*/
}


/* Salta de pag por cada section */
section {
    page-break-before: always;
    margin: 0;
    min-height: 29.6cm;
}
.container {
    padding: 4% 7%;
}
.clear {
    clear:both;
}

.only-print {
    display: block;
}
.only-html {
    display: none;
}
#sfWebDebug {display: none;}

/* Descargar */
#barra-inferior {
    display: none;
}

img#opiniones_mobile, img#comunidad-mobile {
    display: none;
}

#becas-all {
    page-break-inside: avoid;
}




/*/////////////////////////////// 
        ESTILOS FOLLETO
///////////////////////////////*/

#copy-message{
    text-align:center !important;
    color:green;
    font-size:12px;
}

/* Estilos de textos */
h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: -2px;
    color: black;
    margin-bottom: 0px;
    line-height: 1.3;
    overflow-wrap: break-word;
}
h2 span {
    margin-right: 10px;
    color: var(--orange);
}
h6, .h2_parrafo{
    font-size: 25px;
    margin-top: 40px;
    color: black;
    line-height: 1.2em;
    margin-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: -1px;
}
li {
    list-style: none;
    padding-left: 1.5em;
    text-indent: -1em;
    margin-bottom: 15px;
}
ul li::before {
    content: "→ " !important;
    color: var(--lila);
    margin-right: 5px;
    font-weight: 900;
    margin-left: -8px;
}
.bg-oscuro ul li::before {
    color: var(--orange);
}
.gradient-list.gradient-list--check-list ul li {
    text-indent: 0;
}
.gradient-list.gradient-list--check-list ul li:before {
    content: "" !important;
    background: url(img/check.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: -30px;
    margin-top: 3px;
}
.gradient-list.gradient-list--card-check ul {
    display: flex;
    flex-flow: wrap;
}
.gradient-list.gradient-list--card-check ul li {
    width: 35%;
    margin: 0 1% 15px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 1rem;
    height: auto;
    max-height: none;
    padding-left: 3em;
    color: black;
    border-radius: 0.5rem;
}
.gradient-list--card ul {
    display: flex;
    flex-flow: wrap;
}
.gradient-list--card ul li {
    width: 31%;
    margin: 6px 1%;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 1rem;
    height: auto;
    max-height: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    text-indent: 0;
}

ul {
    padding-left: 20px;
}
ol li {
    list-style-type: decimal;
    text-indent: initial;
    padding-left: 5px;
}
p.p-sub {
    text-transform: uppercase;
    letter-spacing: 4px;
    text-decoration: underline;
    font-style: italic;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    page-break-inside: avoid;
}

.bg-oscuro {
    background-image: url(img/bg_oscuro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--lila--oscuro);
    color: white;
}
.bg-oscuro h2, .bg-oscuro h3.h2_parrafo {
    color: white;
}

.btn {
    font-family: 'Karla', sans-serif;
    letter-spacing: -1.12px;
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    text-decoration: none;
    padding: 0 30px;
}
.btn--lila {
    color: #ffffff;
    background-color: var(--lila);
}
.btn--lila:hover {
    color: #fff !important;
    background-color: var(--lila--shine);
    text-decoration: none !important;
}
.btn--orange {
    color: #ffffff;
    background-color: var(--orange);
}
.btn--orange:hover {
    color: #fff !important;
    background-color: var(--orange--shine);
    text-decoration: none !important;
}
.btn--success {
    color: #ffffff;
    background-color: var(--success);
}
.btn--success:hover {
    color: #fff !important;
    background-color: var(--success--shine);
    text-decoration: none !important;
}
.btn--warning {
    color: #ffffff;
    background-color: var(--warning);
}
.btn--warning:hover {
    color: #fff !important;
    background-color: var(--warning--shine);
    text-decoration: none !important;
}
.btn--hover-shine {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.btn--hover-shine:before {
    content: '';
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: none;
    transition: none;
}
.btn--hover-shine:hover:before {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn-title {
    font-size: 19px;
    line-height: 36px;
    color: var(--gris--oscuro);
    font-weight: 400;
    text-align: center;
}

/************************
        Indice 
************************/
section#indice .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    min-height: 1000px;
}
section#indice, section#programa {
    background-image: url(img/bg_indice.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#indice li::before {
    content: none !important;
}
#indice li {
    text-indent: -1.7em;
    line-height: 1.5;
    margin-bottom: 8px !important;
}
#indice ul {
    padding-left: 31px;
    margin: 50px;
}
#indice a , #indice a:visited {
    text-decoration: none;
    color: black;
    font-weight: 400;
}
#indice a span {
    color: var(--orange);
    font-weight: 700;
    font-size: 1.3em;
}

#listado-proponemos li span {
    text-indent: 0;
    padding-left: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
}


img {
    max-width: 100%;
}

/************************
        Portada 
 ************************/
#portada, #contra-portada {
    padding: 0;
    background: url(img/bg_portada_businesstech.png) no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
}
#container-portada {
    max-width: 1000px;
}
#top-portada, #top-contra {
    color: white;
    padding: 15% 7% 0;
}
#top-portada {
    min-height: 600px;
}
#top-contra {
    min-height: 500px;
}
#bottom-portada img, #bottom-contra img {
    max-width: 150px;
    width: 20%;
    margin-left: 8%;
    padding: 5% 0;
    margin-top: 200px;
}
#portada-urjc img {
    max-width: 350px;
    width: 50%;
}
#portada h1 {
    margin-bottom: 30px;
}
#portada p {
    color: var(--orange);
    font-weight: 400;
    font-size: 1.7em;
    line-height: 1.4;
}
h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 56px;
    line-height: 1.1em;
    font-weight: 700;
}
h1 span {
    font-weight: 100;
}


/* Qué te proponemos */
section#proponemos {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
ul#listado-proponemos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
#listado-proponemos li {
    padding: 40px 20px 20px 20px;
    margin: 20px 1% 30px;
    border: 1px solid #e5e5e5;
    background-color: var(--gris--primary);
    border-radius: 0.5rem;
    width: 25%;
    font-size: initial;
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
}
#listado-proponemos li:before {
    content: none !important;
}
#listado-proponemos li span , #indice li , .h6_parrafo {
    display:block;
    color: var(--lila);
    font-weight: 600;
    font-size: 19px;
    padding-left: 0.5em;
    margin-bottom: 10px;
    list-style: none;
}
#listado-proponemos li .bg-img {
    background: var(--lila);
    border-radius: 50%;
    padding: 6px;
    display: block;
    margin: -55px auto 20px;
    width: fit-content;
}
#listado-proponemos li img {
    width: 20px;
    height: 20px;
    display: block;
}


/* Programa */
ul.listado-programa {
    padding: 0;
    margin: 50px auto;
}
ul.listado-programa li {
    width: 44%;
    float: left;
    text-indent: 0;
    padding-left: 0;
    min-height: 90px;
}
ul.listado-programa li:before {
    content: none !important;
}
ul.listado-programa li img {
    display: block;
    margin: 0 10px;
    width: 50px;
}
ul.listado-programa li span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}
ul.listado-programa li p {
    margin: 0;
}
#plan-estudios h3.h2_parrafo {
    /*color: black;
    font-size: 17px;
    margin-top: 0;*/
    display: none;
}
#plan-estudios h6 {
    text-align:center;
    margin-bottom: 30px;
    font-size: 3em;
}
#plan-estudios p {
    font-weight: 700;
    /*text-transform: uppercase;*/
    margin-top: 35px;
}
#plan-estudios p:first-child, div#plan-estudios p:nth-child(2) {
    margin-top: 0 !important;
}


/* Claustro de profesores */
/*.claustro-profesores, .claustro-directores{
  display: flex;
  flex-wrap: wrap;
}*/
.profesor {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 40px;
    height: 210px;
    /*width: 45%;
    float: left;
    text-align: center;
    margin-right: 5%;
    margin-top: 3%;
    padding: 1%;
    box-sizing: border-box;*/
}
.profesor a {
    text-decoration: none;
}
.profesor img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}
.profesor span {
    display: block;
    color: var(--lila--shine);
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.2em;
}
.profesor p {
    margin-top: 10px;
}
h6.titulo-claustro {
    /*text-align: center;*/
    margin-top: 20px;
}
#directores {
    /*border: 2px solid var(--lila--shine);
    padding: 2%;*/
    margin: 4% auto;
}



/* Opiniones

#opiniones {
  background-color: var(--lila--shine);
  color: white;
}

#opiniones h2 {
  color: white;
}
*/
#opiniones img {
    padding: 3% 0;
    width: 100%;
}
img#opiniones_mobile, img#comunidad-mobile {
    display: none;
}

/* Metodologia */
section#metodologia {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
section#metodologia .bg-oscuro {
    background-image: none;
}
section#metodologia .bg-oscuro h6, #descuentos.bg-oscuro h6 {
    color: var(--orange);
    font-size: 2em;
}
section#metodologia .bg-oscuro h6.h6_parrafo, #descuentos.bg-oscuro h6 {
    color: white;
}

#descuentos {
    text-align: center;
}
h6.h6_parrafo {
    padding-left: 0;
    margin-bottom: 5px;
    margin-top: 0 !important;
    font-weight: 700;
}
#precio h6.h6_parrafo {
    margin-bottom: 17px;
    /*margin-top: 40px !important;*/
    font-weight: bold;
}
#precio ul {
    padding-left: 0;
}
ul#precio_resto {
    padding-left: 35px;
}
ul#precio_resto li::before {
    height: auto;
    width: auto;
    content: "→ " !important;
    color: var(--lila--shine);
    font-weight: bold;
    background: none;
    margin-top: 0;
}
p.subtitulo_h6_parrafo {
    /* text-transform: uppercase; */
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px !important;
    margin-top: 0;
}
.texto-met p {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.4;
}
.metodologia_item img {
    width: 180px;
    opacity: .1;
}
.metodologia_item {
    margin: 25px auto 0;
    padding: 20px 20px 0 20px;
    overflow: hidden;
    background: var(--gris--primary);
    width: 26%;
}
.metodologia_item div.icono-met {
    /* order: 1; */
    /* flex: 0 1 auto; */
    /* align-self: stretch; */
    width: auto;
    min-height: auto;
    position: absolute;
    right: -20px;
    bottom: -10px;
}
/*.metodologia_item div.texto-met {
    order: 2;
    flex: 1 1 auto;
    align-self: stretch;
    min-width: 0;
    min-height: auto;
    padding-left: 20px;
}*/
.icono-met.right {
    order: 2 !important;
    min-width: 125px !important;
}
.texto-met.right {
    order: 1 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}
img#img-learning-by-doing {
    float: right;
    max-width: 250px;
    margin: 0 0 30px 30px;
}
img#img-learning-by-doing-2 {
    display: none;
}
div#bg-metodologia {
    background: url(img/bg_metodologia_3.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 350px;
}
#metodologia iframe {
    display: none;
}
img#serious{
    float: right;
    width: auto;
    height: 130px;
    margin: 0px 0 20px 20px;
}
#elearning-top {
    display: flex;
    flex-direction: row;
    align-items: center;
}
img#serious {
    width: auto;
    height: 180px;
    margin: 10px 40px 10px 0;
}


div#tabla-metodologia .card {
    padding: 20px;
}
div#tabla-metodologia .container.container--right .card {
    background: var(--gris--primary);
    filter: grayscale(1);
}


#somos-campus {
    background: #eeeeee;
}
#somos-campus .container.container--right {
    padding: 50px 7% 40px 5% !important;
}
#somos-campus .container.container--left {
    background-image: url(img/bg-video-campus.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 40%;
    display: flex;
    align-items: center;
}
a.modal_video_campus {
    background: #691193;
    color: white;
    font-size: 30px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: auto;
}
#video-campus {
    display: none;
}

/* Tabla metodologia */
.Rtable {
    position: relative;
    top: 3px;
    left: 3px;
    text-align: center;
    border-radius: 3px !important;
    overflow: hidden;
}
.Rtable-cell {
    margin: -3px 0 0 -3px;
    background-color: white;
    border-top: 1px solid #d4d4d4;
    padding: 10px;
    color: black;
    overflow: hidden;
    list-style: none;
        box-sizing: border-box;
    flex-grow: 1;
}
.Rtable span {
    font-size: 2em;
    font-weight: 400;
}
.Rtable img {
    height: 30px;
    vertical-align: top;
}
.Rtable-cell.is-striped {
    background: #e8e8e8;
}
.Rtable-cell.is-striped-2 {
    background: #fdfdfd;
}
.Rtable-cell.is-striped-3 {
    background: rgba(104, 18, 147, 0.32);
}
.Rtable-cell.is-striped-4 {
    background: rgba(104, 18, 147, 0.11);
}


.Rtable--2cols > .Rtable-cell {
    width: 50%;
}
.Rtable--3cols > .Rtable-cell {
    width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
    width: 25%;
}
.Rtable--5cols > .Rtable-cell {
    width: 20%;
}
.Rtable--6cols > .Rtable-cell {
    width: 16.6%;
}

.Rtable {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3em 0;
    padding: 0;
    margin-top: 20px;
}
.Rtable-cell {
    margin: -3px 0 0 -3px;
    border: 1px solid #d4d4d4;
}
#habitual h3 {
    color: white;
    font-weight: 500;
    font-size: 2em;
}
#habitual, #habitual_2 {
    background: #878585;
    color: white;
}
#vs-iebs, #vs-iebs_2 {
    background: var(--lila--shine);
    color: white;
}



.no-flexbox .Rtable {
    display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
    width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
    margin-bottom: 1em;
}



/* Matricula */

#matricula {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

#matricula-bg {
    width: 40%;
    background: url(img/bg_matricula_2.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.btn-center, .btn-center:visited {
    text-align: center;
    display: flex;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    width: fit-content;
}

span.requisitos-mini {
    color: #6b6b6b;
    font-size: 0.8em;
}
.admision-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0;
    margin: 20px 0;
    align-items: unset;
}
.admision-item div.icono-admin {
    order: 1;
    flex: 0 1 auto;
    align-self: stretch;
    min-width: 250px;
    width: 30%;
    margin-right: 20px;
}
.icono-admin span {
    color: var(--orange);
    font-size: 4em;
    opacity: .3;
    display: block;
    line-height: normal;
    text-align: right;
    margin-bottom: -135px;
    margin-top: -60px;
    width: 100%;
}
.icono-admin strong {
    color: black;
    font-size: 20px;
    text-align: right;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.admision-item div.texto-admin {
    order: 2;
    flex: 1 1 auto;
    align-self: stretch;
    min-width: 0;
    min-height: auto;
    padding-left: 20px;
}
.icono-admin {
    color: var(--lila--shine);
    font-size: 2.5em;
    font-weight: 700;
    margin-top: 23px;
}



/* Precio */

.cursiva {
    font-style: italic;
    font-size: 14px;
    line-height: 1.3;
}
#opcional::before {
    content: '!';
    color: var(--lila--shine);
    font-weight: bold;
    font-size: 20px;
}

#precio .metodologia_item img {
    width: 80px;
}
#precio .metodologia_item div.icono-met {
    min-width: 80px;
}

.becas-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: normal;
}
.becas-container .card {
    width: 28%;
    text-align: center;
    padding: 20px 10px;
    margin: 10px 0;
    justify-content: space-between;
}
#becas-pt .becas-container .card {
    width: 46%;
}

.becas-container .card:nth-child(1) {
    background: url(img/amarillo.png) no-repeat;
    background-size: 200px;
    background-position: left top;
}

.becas-container .card:nth-child(2) {
    background: url(img/azul.svg) no-repeat;
    background-size: 230px;
    background-position: left top;
}

.becas-container .card:nth-child(3) {
    background: url(img/verde.svg) no-repeat;
    background-size: 250px;
    background-position: center top;
}

.becas-item {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    text-align: left;
    width: 90%;
    border: 3px solid var(--lila--shine);
    display: flex;
    align-items: center;
    padding: 15px 20px 0;
    flex-direction: row;
    margin: 10px auto;
}
.becas-info {
    /* border: 3px solid var(--lila--shine); */
    /*width: 70%;*/
    /* margin: auto; */
    /* margin-top: 13px; */
    /* padding: 20px; */
}
.becas-info span {
    font-weight: 400;
    font-size: 1.5em;
}
.becas-item a.btn-center {
    margin-top: 15px;
    max-width: 200px;
    margin-left: auto;
}
.becas-info h6.h6_parrafo {
    color: black;
    font-weight: 600 !important;
}


/* Tabla descuentos corporativos */
#tabla-descuentos {
    width: 80%;
    margin: auto;
}
.Rtable-cell.Rtable-cell--head.matricula_descuento {
    background: var(--orange);
    color: white;
    font-size: 18px;
    font-weight: bold;
}

#empresas img {
    margin: auto;
    width: 80%;
    display: block;
}


img#comunidad {
    margin: 0px auto;
    display: block;
}
section#comunidad {
    background-color: var(--gris--primary);
}

#lanzadera {
    background: var(--lila--oscuro);
    color: white;
    flex-direction: column;
}
#lanzadera .container.container--left, #lanzadera .container.container--right {
    width: auto;
    padding: 4% 7% !important;
}
#lanzadera h6 {
    color: white;
}
#lanzadera img {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 550px;
}
section#lanzadera {
    background-image: none;
}
/* Titulacion */
.ranking-container {
    display: flex;
    flex-wrap: wrap;
}

.ranking-item {
    box-sizing: border-box;
    padding: 25px;
    padding-bottom: 0;
    text-align: center;
    flex-direction: column !important;
}

li.ranking-item:before {
    content: none !important;
}

.ranking-item span {
    display: block;
    color: var(--lila);
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1em;
    width: 100%;
}

.ranking-item p {
    width: 100%;
}
#titulo_ranking {
        font-size: 21px !important;
    }
/*
.titulo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.titulo-item:nth-child(1) {
    order: 1;
    flex: 0 1 auto;
    align-self: center;
}

.titulo-item:nth-child(2) {
    order: 2;
    flex: 0 1 auto;
    align-self: center;
    margin-left: 30px;
    width: 100px;
}*/
#titulacion {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    background-color: var(--gris--primary);
}
.titulo-imagen {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    width: 83%;
    max-width: 450px;
    min-width: 250px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.titulo-iebs-2 {
    width: 45%;
    padding: 0 2.5%;
    float: left;
    text-align: center;
}
.titulo-iebs-2 p {
    line-height: 1.4;
    font-weight: 400;
}

.superindice {
    vertical-align:super;            /*superindice*/
    font-size:12px;
}
.titulaciones-urjc {
    padding: 30px 0 0;
}
.titulaciones-urjc h6 {
    margin-top: 0;
    margin-bottom: 20px;
}
.titulaciones-urjc li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    align-content: center;
    align-items: center;
    margin: 25px 0;
    width: 100%;
    padding-left: 0;
}
.titulaciones-urjc li p {
    order: 1;
    flex: 0 1 auto;
    align-self: stretch;
    min-width: 0;
    min-height: auto;
    width: 69%;
}
.titulaciones-urjc ul li::before {
    content: none !important;
}
.titulaciones-urjc ul li p::before {
    content: "• " !important;
    color: var(--lila--shine);
    margin-right: 5px;
    font-weight: 900;
}
/*
.titulaciones-urjc img {
    order: 2;
    flex: 1 1 auto;
    align-self: stretch;
    max-width: 108px;
    height: 50px;
    margin: 5px 0 -15px 20px;
}*/
#letra-pequena {
    margin-top: 15px;
    margin-left: 20px;
}
#letra-pequena p {
    font-size: 13px;
    line-height: 1.5;
}


/* Contraportada */
#contra-portada p {
    color: white;
    font-size: 20px;
    margin: 8px 0;
}
#contra-portada img {
    margin-bottom: 40px;
    max-width: 200px;
    min-width: 150px;
}
#logo-contra {
    max-width: 150px;
    width: 34%;
    margin-bottom: 0;
}
#contra-portada a {
    color: var(--orange);
    text-decoration: none;
}

footer {display: none;}

/**** MODAL ****/
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: var(--lila--shine);
    color: white;
    text-align: center;
}
.modal-title {
    font-weight: 100;
    font-size: 2em;
    text-align: center;
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-header .close {
    margin-top: -11px;
    color: white;
    font-size: 1.8em;
    text-shadow: none;
    opacity: 0.4;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group {
    padding: 10px;
}
.modal-body p {
    padding: 0 10px;
    margin: 8px 0;
}
.btn-violet {
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    background-color: var(--lila--shine);
    color: white;
    display: block;
    margin: 0 auto;
}
.btn-violet:hover {
    background-color: #4a0869;
    color: white;
}
.modal-footer {
    border-top: 0;
    padding-top: 0;
}
input#shorturl {
    text-align: center;
    font-size: 18px;
    padding: 20px;
    margin: 20px 10px;
    width: 97%;
}
.text-danger {
    font-size: 14px !important;
    line-height: 2.5em !important;
    font-weight: 600 !important;
    color: #fb6800 !important;
}
.has-error input {
    background-color: #ffeede !important;
    border: 1px solid #fb7f00 !important;
}
.message-form-amigo.text-center b{
    text-align: center;
    border: 1px solid #22b922;
    background: #dbf7db;
    border-radius: 5px;
    padding: 8px;
    display: block;
    width: 93.3%;
    margin: auto;
    color: #22b922;
}



/* modalidades */
div#modalidades-bg {
    background: var(--gris--secondary);
}
.caja-resumen-item {
  text-align: center;
  padding: 0 1%;
  width: 46%;
  float: left;
}
  span.mini-title {
      text-transform: uppercase;
      font-weight: 600;
      line-height: 25px;
      text-align: center;
      display: block;
      font-size: 17px;
  }

  span.mini-title:after {
      content: "";
      border-bottom: 3px solid var(--lila--shine);
      width: 30px;
      display: block;
      margin-bottom: 10px;
      margin: auto;
      margin-top: 5px;
  }
  .caja-resumen-item p {
      font-size: 2.8em;
      font-weight: 900;
      margin-top: 18px;
  }
.plan span {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    border-left: 3px solid var(--lila);
    background: var(--lila--claro);
    width: fit-content;
    margin: 20px auto 0;
    padding: 2px 10px;
    border-radius: 3px;
}
  .plan i.fa.fa-calendar {
    margin-right: 5px;
  }
  section#modalidades {
      width: 93%;
      margin: auto;
  }
    .plan {
      margin: 20px 2%;
      float: left;
      padding: 10px 20px 0px;
  }

.plan2 a.btn-center {
    background: #999;
    font-weight: 300;
    color: white;
}
  .plan a.btn-center {
    width: fit-content;
    padding: 10px 40px;
}
  .plan h4.titulo-section {
      margin: 0;
      font-size: 27px;
      text-align: center;
      padding: 0;
  }
  .plan h4.titulo-section span {
      color: black;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 800;
      line-height: 3;
      text-align: left;
  }
  .plan ul {
      padding: 0;
      margin: 20px auto 35px;
      width: fit-content;
  }
.plan2 ul li::before {
    color: #565656;
}

  span.dato {
      margin: auto;
      font-size: 30px;
      display: block;
  }
  .datos-resumen h4.titulo-section{
      font-size: 16px !important;
      font-weight: 300 !important;
      padding: 0 !important;
      color: black !important;
      margin-bottom: 0 !important;
      background: none !important;
  }

  .datos-resumen .col-xs-6 {
      padding: 20px;
  }
  .plan2 .datos-resumen .col-xs-6 {
      padding: 10px 20px;
  }

  .resumen-item {
    padding: 1.5% 15% 1.5% 15%;
  }
  .plan .col-md-4 {
      overflow: hidden;
      padding: 0;
  }
  .plan .col-md-8 {
      padding: 0;
  }
.plan h3 {
    text-align: center;
    margin-bottom: 0;
    font-size: 1.5em;
}
.plan.plan1 {
    padding: 20px 20px 5px;
    width: 41%;
}
.plan.plan2 {
    width: 38%;
    margin-top: 27px;
    color: #565656;
}




  .plan a.btn {
      margin: auto;
  }


/* Semana presencial */
.agenda-dia {
    border: 1px solid #d0d0d0;
    box-shadow: 1px 2px 8px #0000002e;
    margin-bottom: 20px;
    border-left: 5px solid var(--lila--shine);
    padding: 20px;
}
.agenda-dia span {
    color: var(--lila--shine);
    font-weight: 700;
    font-size: 23px;
    display: block;
    margin-bottom: 10px;
}
.precio-semana {
    box-shadow: 1px 2px 8px #0000002e;
    border: 5px solid var(--lila--shine);
    width: 43%;
    float: left;
    margin: 20px 10px;
    text-align: center;
}
.precio-semana span {
    display: block;
    background: #681193;
    color: white;
    font-weight: 600;
    padding: 10px 20px;
    font-size: 18px;
}
.precio-semana b {
    font-size: 25px;
    font-weight: 600;
    margin: 10px;
    margin: 20px;
    display: block;
}
section#semana-presencial img {
    margin: 0px -10.6% -6.1%;
    width: 121.2%;
    max-width: none;
    display: block;
}



/* Alumni Experience */
section#alumni {
    background-color: var(--gris--primary);
}
ul.alumni-experience {
    list-style: none;
    flex-direction: row;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between!important;
    padding: 0;
    margin-top: 30px;
}
ul.alumni-experience li {
    border-radius: 2px;
    width: 40%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 100px;
    display: flex;
    flex-flow: row;
    align-items: center;
    background: white;
    box-shadow: 0px 4px 6px 1px rgba(4, 4, 4, 0.1);
    padding: 0;
    text-indent: 0;
}
ul.alumni-experience li:before {
    content: none !important;
}
ul.alumni-experience li h5 {
    margin: 5px 20px;
    line-height: 1.4;
    font-weight: 300;
}
div#desayuno {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/desayunos.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#betas-privadas {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/papers.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#eventos {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/masterclass-tecno.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#mba {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/bg_talentschool.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#digital-leaders {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/bg_digital-leaders.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#coach {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/anual.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#eventos2 {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/bg_eventos2.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#coach2 {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/coach-out.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#teams {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/foro.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#hubs {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/only-you.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#mail {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/bg_email.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}
#emprendimiento {
    background: url(https://mbaexecutiveonline.com//iebs_mbab/img/bg_emprendimiento.jpg);
    min-width: 90px;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-right: 4px solid var(--orange);
}







/*** Nuevo folleto 2020 ***/

/* Competencias */
div#competencias ul li {
    background: #f2eaf6;
    border-radius: 3px 0 0 3px;
    color: var(--lila--shine);
    display: inline-block;
    height: auto;
    line-height: 26px;
    padding: 5px 20px 5px 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    text-indent: 0;
}
div#competencias ul li:before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '' !important;
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 15px;
}
div#competencias ul li:after {
    background: white;
    border-bottom: 19px solid transparent;
    border-left: 10px solid #f2eaf6;
    border-top: 19px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: -2px;
}
/* FIN Competencias */

/* Habilidades y valores */
div#habilidades-valores {
    background-image: url(img/bg_valores_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}
div#valores {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.grupo-competencias {
    margin: auto;
    font-size: 17px;
    margin-top: 20px;
    overflow: hidden;
    width: 45%;
    -webkit-box-shadow: 0 10px 60px rgb(35 44 39 / 5%);
    box-shadow: 0 10px 60px rgb(35 44 39 / 5%);
    border-radius: 10px;
    background-color: #ffffff;
}
.grupo-competencias span {
    background: var(--orange);
    color: white;
    display: block;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 21px;
    text-transform: uppercase;
}
.grupo-competencias ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.grupo-competencias li {
    display: block;
    border-top: 1px solid #d4d4d4;
    padding: 10px;
    margin: 0px;
}
.grupo-competencias ul li:before {
    content: none !important;
}


/* FIN Habilidades y valores */

/* Qué puedo hacer */
section#que-puedo-hacer ul li:before {
    content: none !important;
}
section#que-puedo-hacer li {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 70%;
    /*border: 3px solid var(--lila--shine);*/
    margin: 20px auto;
    text-indent: 0;
    padding: 0 20px;
    min-height: 100px;
    margin-left: 8%;
}
section#que-puedo-hacer li a {
    width: 80%;
    max-width: 240px;
    margin-right: -20%;
    margin-left: 20px;
    text-align: center;
}
section#que-puedo-hacer li p {
    width: 70%;
}

/* FIN Qué puedo hacer */



/* Colaboradores */
ul.acuerdos {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
li.acuerdos_item:before {
    content: none !important;
}
li.acuerdos_item {
    /*background: url(https://www.iebschool.com/uploads/empresa_colaboradora/bc0dada….png);*/
    width: 20% !important;
    height: 80px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2%;
    padding: 0;
    border: 15px solid #ffffff !important;
}

/

/* Certificaciones */
section#certificaciones, section#herramientas {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--gris--primary);
}
div#bg-certificaciones {
    background: url(img/bg_graduacion.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
}

#certificaciones .metodologia_item {
    display: flex;
    flex-flow: row nowrap  ;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 10px 0 25px;
}
#certificaciones .metodologia_item div.icono-met {
    /*order: 1;
    flex: 0 1 auto;
    align-self: stretch;*/
    min-width: 95px;
    max-width: 250px;
    min-height: auto;
}
#certificaciones .metodologia_item div.icono-met img {
    width: 100%;
}
#certificaciones .metodologia_item div.texto-met {
    /*order: 2;
    flex: 1 1 auto;
    align-self: stretch;*/
    min-width: 0;
    min-height: auto;
    padding-right: 20px;
}



/*** Certificaciones y herramientas ***/
#certificaciones tr, #herramientas tr {
    position: relative;
    display: flex;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    margin-bottom: 20px;
    align-items: center;
}
#certificaciones .titulo-certificacion, #herramientas .titulo-certificacion {
    background: var(--lila--shine);
    color: white;
    padding: 5px 10px !important;
    text-transform: uppercase;
}
#certificaciones .img-certificacion, #herramientas .img-certificacion {
    width: 30%;
    max-width: 130px;
    border-right: 1px solid #dfdfdf;
}
#certificaciones table tr td, #herramientas table tr td {
    padding: 10px 30px !important;
    font-weight: 300;
}
#certificaciones .img-certificacion_image, #herramientas .img-certificacion_image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
    width: 100%; 
    min-width: 130px;
}





/***************
    CONTAINERS
***************/
.part-section {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.part-section .container {
    width: -webkit-fill-available;
}
.part-section .container.container--left {
    padding: 1% 5% 1% 7% !important;
}
.part-section .container.container--left-2 {
    padding-right: 0 !important;
}
.part-section .container.container--right {
    padding: 1% 7% 1% 5% !important;
}
.part-section .container.container--right-2 {
    padding-left: 0 !important;
}

/**** Quienes es IEBS ****/
#quienes-somos .bg-section {
    width: 40%;
    background: url(img/bg_quienes_somos_4.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
div#quienes-somos .container {
    width: 60%;
    background: var(--gris--secondary);
    padding: 3% 7% 2% 5% !important;
}
div#quienes-somos h6 {
    margin-top: 0;
}

/**** Quienes es IEBS ****/
/**** Metaverso IEBS ****/
#metaverso-iebs .bg-section {
    width: 60%;
    background: url(img/metaverso-iebs.png) no-repeat;
    background-position: top right;
    background-size: cover;
}
#metaverso-iebs .container {
    width: 40%;
    background: var(--gris--secondary);
    padding: 3% 7% 2% 5% !important;
}
#metaverso-iebs h6 {
    margin-top: 0;
}
/**** Metaverso IEBS ****/
/**** Porque elegirnos ****/
#porque-elegirnos {
    text-align: center;
    background: var(--gris--primary);
}
#porque-elegirnos .container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
#porque-elegirnos h6 {
    margin-top: 0;
}
#porque-elegirnos .porque-icon {
    width: 25%;
    display: flex;
    flex-direction: column;
}
#porque-elegirnos .fact-card {
    -webkit-box-shadow: 0 10px 60px rgb(35 44 39 / 5%);
    box-shadow: 0 10px 60px rgb(35 44 39 / 5%);
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 10px;
    padding: 30px 20px;
}
#porque-elegirnos span.number {
    color: var(--lila);
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -2px;
    font-size: 30px;
    line-height: 1;
}
#porque-elegirnos p.info {
    color: #333333;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.3;
    margin-bottom: 0;
}
#porque-elegirnos .card-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: .08;
}

/**** Porque elegirnos ****/
/**** Caracter internacional ****/
#caracter-internacional {
    display: block;
}
#caracter-internacional .container.container--right {
    display: flex;
    align-items: center;
    margin: 0;
}
#caracter-internacional h6 {
    margin-top: 20px;
}
#caracter-internacional img {
    margin: auto;
    max-width: 500px;
}
/**** Caracter internacional ****/





/***************
    PRESENTACION
***************/
section#presentacion, section#perfil-entrada {
    background-image: url(img/bg_intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}

/***************
    OBJETIVOS
***************/
section#objetivos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section#objetivos h2 {
    margin-bottom: 50px;
}
#objetivos .card {
    background: var(--gris--primary);
    padding: 10px 25px 0 15px;
}

/***************
    PERFIL ENTRADA
***************/
section#perfil-entrada .part-section {
    min-height: 1122px;
}
section#perfil-entrada .container.container--right {
    align-self: center;
}
#perfil-entrada-bg {
    width: 30%;
    background: url(img/bg_perfil_entrada.jpg) no-repeat;
    background-size: cover;
    background-position: left;
}
#perfil-entrada  h3.h2_parrafo {
    font-size: 20px;
}
/***************
    SALIDAS PROFESIONALES
***************/
#salidas-pro-bg {
    background: url(img/bg-salidas-pro.jpeg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 350px;
}
#salidas-pro .h2_parrafo {
    margin: 20px 0 !important;
}
#salidas-pro .h2_parrafo,
#perfil-salida .h2_parrafo {
    font-size: 1.7em;
    margin-top: 60px;
    line-height: 1.2em;
    margin-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: -1px;
    font-weight: 600;
}
#salidas-pro .gradient-list.gradient-list--card-check ul li {
    width: 38%;
}





/***************
    PERFIL SALIDA
***************/
section#perfil-salida {
    display: flex;
    align-items: center;
}
#perfil-salida h2 {
    margin-top: 0;
}
#perfil-salida h3.h2_parrafo {
    margin: 30px 100px 100px 0;
}


/***************
    TEMARIO
***************/
#temario {
    background-image: url(img/bg_blue.png);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
section#temario ul {
    padding-left: 40px;
} 
#plan-estudios:first-child  {
    column-count: 2;
    margin-top: 40px;
}
#plan-estudios.card.plan-cursos {
    column-count: 1 !important;
    padding: 30px;
    break-inside: auto;
}

section#temario ul li {
    text-indent: 0;
}
section#temario ul li:before {
    content: "" !important;
    background: url(img/check-lila.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 20px;
    position: absolute;
    margin-left: -30px;
    margin-top: 3px;
}
#dada {
    padding: 10px 30px;
    margin-top: 30px;
}



/***************
    PROFESORES
***************/
section#profesores {
    background-color: var(--bg-orange--claro);
    background-image: url(img/bg_amarillo.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.claustro-profesores {
    flex-wrap: wrap !important;
    display: flex;
}
.card.card--profesor {
    width: 47%;
    margin: 12px 1%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
a.card.card--profesor.testimonial-card {
    color: inherit;
    text-decoration: none;
}
.card.card--profesor .card__image--profesor {
    min-height: 150px;
    height: 100%;
    width: 40%;
}
.card.card--profesor .card__name--profesor {
    padding: 10px 15px;
    width: 60%;
}
.card.card--profesor .card__name--profesor h4 {
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 0;
}
a.card.card--profesor.testimonial-card span.d-block {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.card.card--profesor .card__name--profesor a.modal-profe {
    width: 40px;
    height: 40px;
    font-size: 18px;
    background-color: #f2f2f2;
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.card.card--profesor.card--profesor-logo {
    flex-direction: column;
    width: 22% !important;
    break-inside: avoid;
}
.card.card--profesor.card--profesor-logo .card__image--profesor {
    min-height: 150px;
    height: 100px !important;
    width: 100%;
}
.card--profesor-logo .profesor-logo_image {
    width: 60px !important;
    height: 60px !important;
    background-color: #fff !important;
    border-radius: 10% !important;
    margin-top: -50px !important;
    border: 1px solid rgba(0,0,0,.125) !important;
    background: #fff !important;
    background-position: 50% !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}


/***************
    PRECIO
***************/
section#precio {
    background-image: url(img/bg_intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}
#inversion {
    display: flex;
    flex-direction: row;
    margin: 30px 0;
}
#inversion .card {
    padding: 0 20px 20px;
    width: 40%;
    height: fit-content;
    margin-right: 30px;
    background: var(--gris--primary);
}
#inversion .card p {
    margin-top: 0;
}
strong#price {
    display: block;
    margin-top: 10px;
    font-size: 2rem;
}



/***************
QUE PUEDO HACER
***************/
section#que-puedo-hacer {
    background-color: var(--gris--primary);
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
section#que-puedo-hacer h2 {
    margin: 0 0 40px;
    text-align: center;
}


/***************
PROGRAMA
***************/
section#programa {
    display: flex;
    align-items: center;
}


/***************
DOSSIERES
***************/
section#valores {
    background-image: url(img/bg_blue.png) !important;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
#formacion, #formacion-emprendedores, #formacion-marketing, #formacion-socialmedia, #formacion-rrhh {
    background-image: url(img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--gris--primary);
}

/* Valores */
.card.card--valores {
    width: 40%;
    margin: 10px;
    text-align: center;
    padding: 20px;
}
.card.card--valores i {
    color: var(--lila);
    font-size: 4rem;
}
.card.card--valores h6 {
    margin: 20px auto 0;
}

/* Tablas areas */
.tabla-formacion .table--formacion {
    margin: 20px auto 50px;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #e5e5e5;
    overflow-x: scroll !important;
}
.tabla-formacion h6 {
    text-align: center;
    margin-bottom: 30px;
}
.tabla-formacion table.table  {
    width: 100%;
    border-collapse: collapse;
}
.tabla-formacion table.table thead {
    background: var(--lila);
    color: white;
}
.tabla-formacion table.table thead th {
    padding: 5px 10px;
}
.tabla-formacion table.table thead th:first-child, .tabla-formacion table.table tbody td:first-child {
    text-align: left;
}
.tabla-formacion table.table tbody tr {
    border-top: 1px solid #e5e5e5;
}
.tabla-formacion table.table tbody td {
    padding: 10px;
    text-align: center;
}
.tabla-formacion table.table tbody td a {
    color: black;
    text-decoration: none;
}
.tabla-formacion table.table tbody td a:hover {
    text-decoration: underline;
}
/* Listado programas */
.listado-programas a {
    color: black;
    text-decoration: none;
}
.listado-programas a:hover {
    text-decoration: underline;
}


/* Bolsa de empleo */
div#empleo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#empleo img {
    width: 20%;
    padding: 10px 20px;
}






/***********************
    INCOMPANY 
************************/
/* Portada */
.incompany #portada {
    background: var(--lila);
    background-image: url(img/bg_oscuro.png);
    background-repeat: no-repeat;
    background-position: -150px -250px;
    background-size: cover;
}
.incompany #contra-portada {
    background: var(--lila);
    background-image: url(img/bg_oscuro.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.incompany #portada {
    display: flex;
    flex-direction: column;
}
.incompany #portada h1 {
    margin-bottom: 15px;
    font-size: 2em;
    text-transform: uppercase;
    color: var(--orange);
}
.incompany #portada p {
    color: white;
    font-weight: 700;
    font-size: 3em;
    margin-top: 0;
    line-height: 1.2;
    font-family: Work Sans,sans-serif;
    letter-spacing: -1px;
    overflow-wrap: break-word;
}
.incompany  #top-portada, .incompany  #top-contra {
    color: white;
    padding: 100px 7%;
    min-height: auto;
}
.incompany  div#bottom-portada {
    background: linear-gradient(0deg,rgba(21, 0, 35, .40),rgba(21, 0, 35, .30)),url(/folletos-html/img/bg_hero_incomapny.jpg) no-repeat !important;
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    margin-top: auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}
.incompany div#bottom-portada div {
    margin-top: auto;
}
/* Portada */

/* Indice */
.incompany  #indice a span {
    font-size: 1em;
}
.incompany  #indice ul {
    margin: 0;
}
/* Indice */

/* Presentacion */
p.cita {
    text-align: center;
}
p.cita b {
    font-size: 1.1em;
    line-height: 1.4;
    display: block;
    margin-bottom: 10px;
}
.incompany section#presentacion .metodologia_item {
    width: 23%;
    margin: auto;
}
.incompany section#presentacion .metodologia_item img {
    max-width: 40px;
}
.incompany section#presentacion .metodologia_item.texto-met p {
    font-size: 14px;
    line-height: 1.4;
}
/* Presentacion */

/* Porque */
.incompany section#porque {
    align-items: center;
    display: flex;
}
/* Porque */

/* elearning */
.incompany section#elearning {
    background-image: url(/folletos-html/img/bg_indice.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany #elearning .tabla-formacion table.table thead th:first-child, .incompany #elearning .tabla-formacion table.table tbody td:first-child {
    text-align: center;
}
.incompany #elearning .tabla-formacion table.table tbody td:first-child {
    background: var(--gris--secondary);
}
/* elearning */

/* Metgodologia */
.incompany section#diferencias {
    background-image: url(/folletos-html/img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left !important;
    align-items: center;
    display: flex;
}
.incompany .metodologia_item {
    text-align: center;
    background: white;
}
.incompany .metodologia_item img {
    opacity: 1;
    margin: 0 auto 10px;
    display: block;
    max-width: 80px;
    width: 90%;
}
.incompany .texto-met p b {
    display: block;
    margin: 10px 0;
}
.incompany .box_metod h3 {
    font-size: 17px;
}
.incompany .icono-metod p, .incompany .icono-metod span {
    font-size: 14px;
    line-height: 1.4;
}
.incompany .box_metod h3 {
    margin-bottom: 0px !important;
}
.incompany .card.icono-metod {
    width: 30%;
    margin: 0px 1% 40px 1%;
    text-align: center;
    overflow: hidden;
    break-after: avoid;
}
.incompany .card.icono-metod div a {display: none;}
.incompany .card.icono-metod .bg-image {
    height: 130px;
}
.incompany #adaptative .bg-image {
    background: url(/folletos-html/img/incompany/cursos.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany #instant_learning .bg-image {
    background: url(/folletos-html/img/incompany/akademus.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany #mastersypost .bg-image {
    background: url(/folletos-html/img/incompany/masters.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany #executive .bg-image {
    background: url(/folletos-html/img/incompany/executive.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany #mooc .bg-image {
    background: url(/folletos-html/img/incompany/moocs.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany .box_metod {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px;
}
.incompany .icono-metod p, .incompany  .icono-metod span {
    margin-bottom: 0px;
    vertical-align: middle;
}
.incompany section#customizacion {
    background-image: url(/folletos-html/img/bg_indice.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* Metgodologia */

/* Tablas formacion */
.incompany section#formacion-adaptative {
    background-image: url(/folletos-html/img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
.incompany section#formacion-programas, .incompany section#formacion-moocs {
    background-image: url(/folletos-html/img/bg_proponemos.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.incompany section#formacion-moocs .tabla-formacion .table--formacion {
    margin-bottom: 10px;
}
.incompany section#formacion-moocs p i {
    font-size: 13px;
    line-height: 1.4;
}
.incompany section#formacion-executive {
    background-image: url(/folletos-html/img/bg_indice.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.incompany .tabla-formacion .table--formacion {
    border-radius: 0.25rem;
}
/* Tablas formacion */

/* Profesores */
.incompany a.card.card--profesor.testimonial-card {
    break-inside: avoid;
    break-after: avoid;
    page-break-inside: avoid;
}
/* Profesores */

/* Tags */
.incompany ul.tags {
    text-align: center;
}
.incompany ul.tags li {
    background: var(--gris--secondary);
    border-radius: 3px 0 0 3px!important;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px!important;
    position: relative;
    margin: 0 10px 10px 0!important;
    text-decoration: none;
    -webkit-transition: color .2s;
    white-space: nowrap;
    min-height: auto;
    text-indent: 0;
}
.incompany ul.tags li:before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgb(0 0 0 / 25%);
    content: "" !important;
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
    margin-left: 0;
}
.incompany ul.tags li:after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid var(--gris--secondary);
    border-top: 13px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}
/* Tags */

/* Servicios de valor añadido */
.incompany div#bg-valor-anadido {
    background: url(/folletos-html/img/incompany/bg_bonificaciones.jpg) no-repeat;
    background-position: bottom !important;
    background-size: cover;
    height: 250px;
}
.incompany #bolsa-trabajo .bg-section {
    background: url(/folletos-html/img/incompany/empleo.jpg) no-repeat !important;
    background-position: center !important;
    background-size: cover;
}
/* Servicios de valor añadido */

/* Nuestros alumnos */
.incompany section#alumnos .ranking-item {
    justify-content: center;
}
.incompany section#alumnos {
    background-image: url(/folletos-html/img/bg_blue.png);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
/* Nuestros alumnos */

/* Sello */
.incompany img#serious {
    height: 110px;
}
.incompany section#sello .container > .container {
    padding-top: 0;
}
.incompany section#sello .container > .container h6 {
    margin-top: 0;
}
.incompany div#tabla-metodologia .container {
    padding: 1% 20px !important;
}
/* Sello */

/* Ranking */
.incompany .ranking-item span {
    font-size: 1em;
}
.incompany .ranking-item p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
}
/* Ranking */




/************************
     TALENTS 
 *********************/
.micro-masters ::selection {
    background: var(--orange--claro);
}
/* Portada */
.micro-masters #portada {
    background: white;
    background-repeat: no-repeat;
    background-position: -150px -250px;
    background-size: cover;
}
.micro-masters #portada h1 {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 2em;
    text-transform: uppercase;
    color: var(--orange);
}
.micro-masters #portada p {
    color: var(--gris--oscuro);
    font-weight: 400;
    font-family: "Karla", sans-serif;
    letter-spacing: -0.4px;
    overflow-wrap: break-word;
    line-height: 36px;
    font-size: 21px;
    max-width: 600px;
}
@media (max-width: 768px) {
    .micro-masters #portada h1 {
        font-size: 1.5em;
    }
    .micro-masters #portada p {
        font-size: 2.5em;
    }
    .micro-masters #portada {
        background-image: none;
    }
}
.micro-masters  #top-portada {
    color: white;
    padding: 15% 7%;
}
.micro-masters  div#bottom-portada {
    background: linear-gradient(0deg,rgba(78, 14, 117, .40),rgba(78, 14, 117, .30)),url(/folletos-html/img/bg_hero_incomapny.jpg) no-repeat !important;
    background-position: center;
    background-size: cover;
    padding-top: 25%;
}
.micro-masters div#fb-root {
    display: none;
}
@media (max-width: 768px) {
    .micro-masters  div#bottom-portada {
        background: var(--lila) !important;
    }
}
/* Portada */
.micro-masters ul li::before,
.micro-masters #listado-proponemos li span,
.micro-masters #indice li,
.micro-masters .h6_parrafo,
.micro-masters ul#precio_resto li::before,
.micro-masters .ranking-item span {
    color: var(--orange);
}
.micro-masters #listado-proponemos li .bg-img,
.micro-masters a.modal_video_campus,
.micro-masters .btn--lila {
    background: var(--orange);
}
.micro-masters .btn--lila:hover,
.micro-masters .btn--lila:focus {
    background-color: var(--orange--shine);
}
.micro-masters section#profesores {
    background-color: white;
}
/* Expertos */
.micro-masters .card.card--profesor.card--profesor-logo {
    flex-direction: column;
}
.micro-masters .card.card--profesor {
    width: 22%;
    margin: 12px 1%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.micro-masters .card.card--profesor.card--profesor-logo .card__image--profesor {
    width: 100%;
    height: 200px;
}
.micro-masters .card.card--profesor.card--profesor-logo .card__name--profesor {
    width: -webkit-fill-available;
    padding-top: 35px !important;
    padding: 10px 15px;
}
.micro-masters .card.card--profesor.card--profesor-logo .card__name--profesor .w-100 {
    width: 100%;
}
.micro-masters .card.card--profesor.card--profesor-logo .profesor-logo_image {
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 10%;
    position: absolute;
    top: 165px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: white;
    background-position: center;
    display: flex;
    align-items: center;
    overflow: hidden;
}
@media(max-width: 991px){ 
    .micro-masters .card.card--profesor {
        width: 30%;
    }
}
@media(max-width: 768px){ 
    .micro-masters .card.card--profesor {
        width: 47%;
    }
}
@media(max-width: 500px){ 
    .micro-masters .card.card--profesor {
        width: 97%;
    }
}
/* FIN Expertos */
.micro-masters .bg-oscuro {
    background: var(--gris--secondary);
} 
.micro-masters .bg-oscuro p, .micro-masters .bg-oscuro h2, .micro-masters .bg-oscuro .h6_parrafo, .micro-masters section#metodologia .bg-oscuro h6.h6_parrafo, .micro-masters #descuentos.bg-oscuro h6 {
    color: black;
} 
.micro-masters .titulos-2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.micro-masters .titulos-2 img {
    margin: 20px;
}
.micro-masters .gradient-list--card-check ul li ul li {
    padding: 5px 0 5px 2em;
    width: 100%;
    border: 0;
    background: transparent;
    margin: 0;
    min-height: auto;
}
.micro-masters .gradient-list.gradient-list--check-list ul li ul li:before {
    color: var(--orange);
    left: 4px;
    position: absolute;
    top: 0px;
    font-weight: 700;
    content: "→ " !important;
    background: none !important;
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
}
.micro-masters section#objetivos ul li p {
    margin-top: 0;
}


/* ITMBA */
.micro-masters.micro-masters-ITMBA div#bottom-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .40),rgba(0, 0, 0, .30)),url(img/talents/bg_itmba.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITMBA #contra-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .70),rgba(0, 0, 0, .70)),url(img/talents/bg_itmba.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITMBA #portada,
.micro-masters.micro-masters-ITMBA .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itmba.png);
} 
.micro-masters.micro-masters-ITMBA section#indice,
.micro-masters.micro-masters-ITMBA section#programa,
.micro-masters.micro-masters-ITMBA section#objetivos {
    background-image: url(img/talents/bg_indice_itmba.png);
}
.micro-masters.micro-masters-ITMBA section#presentacion,
.micro-masters.micro-masters-ITMBA section#perfil-entrada,
.micro-masters.micro-masters-ITMBA section#precio {
    background-image: url(img/talents/bg_intro_itmba.png);
}
.micro-masters.micro-masters-ITMBA section#proponemos,
.micro-masters.micro-masters-ITMBA section#metodologia,
.micro-masters.micro-masters-ITMBA #matricula,
.micro-masters.micro-masters-ITMBA #titulacion,
.micro-masters.micro-masters-ITMBA section#que-puedo-hacer {
    background-image: url(img/talents/bg_proponemos_itmba.png);
}
.micro-masters.micro-masters-ITMBA #temario {
    background-image: url(img/talents/bg_amarillo_itmba.png);
    background-size: contain;
}
.micro-masters.micro-masters-ITMBA section#profesores {
    background-image: url(img/talents/bg_blue_itmba.png);
    background-size: cover;
}
.micro-masters.micro-masters-ITMBA .gradient-list.gradient-list--check-list ul li:before, .micro-masters.micro-masters-ITMBA .gradient-list.gradient-list--check-list p:before {
    background: url(img/talents/check_itmba.png) no-repeat;
    background-size: contain;
}
.micro-masters.micro-masters-ITMBA section#temario ul li:before, .micro-masters.micro-masters-ITMBA section#temario p:before {
    background: url(img/talents/check-itmba.png) no-repeat !important;
    background-position: center 0px !important;
    background-size: contain !important;
}
.micro-masters.micro-masters-ITMBA ul.listado-programa li img,
.micro-masters.micro-masters-ITMBA .metodologia_item img,
.micro-masters.micro-masters-ITMBA img#serious {
    filter: brightness(0) saturate(100%) invert(57%) sepia(87%) saturate(1937%) hue-rotate(2deg) brightness(106%) contrast(103%);
}
/* ITMKT */ 
.micro-masters.micro-masters-ITMKT div#bottom-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .40),rgba(0, 0, 0, .30)),url(img/talents/bg_itmkt.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITMKT #contra-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .70),rgba(0, 0, 0, .70)),url(img/talents/bg_itmkt.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITMKT #portada,
.micro-masters.micro-masters-ITMKT .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itmkt.png);
} 
.micro-masters.micro-masters-ITMKT section#indice,
.micro-masters.micro-masters-ITMKT section#programa,
.micro-masters.micro-masters-ITMKT section#objetivos {
    background-image: url(img/talents/bg_indice_itmkt.png);
}
.micro-masters.micro-masters-ITMKT section#presentacion,
.micro-masters.micro-masters-ITMKT section#perfil-entrada,
.micro-masters.micro-masters-ITMKT section#precio {
    background-image: url(img/talents/bg_intro_itmkt.png);
}
.micro-masters.micro-masters-ITMKT section#proponemos,
.micro-masters.micro-masters-ITMKT section#metodologia,
.micro-masters.micro-masters-ITMKT #matricula,
.micro-masters.micro-masters-ITMKT #titulacion,
.micro-masters.micro-masters-ITMKT section#que-puedo-hacer {
    background-image: url(img/talents/bg_proponemos_itmkt.png);
}
.micro-masters.micro-masters-ITMKT #temario {
    background-image: url(img/talents/bg_amarillo_itmkt.png);
    background-size: contain;
}
.micro-masters.micro-masters-ITMKT section#profesores {
    background-image: url(img/talents/bg_blue_itmkt.png);
    background-size: cover;
}
.micro-masters.micro-masters-ITMKT #portada,
.micro-masters.micro-masters-ITMKT .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itmkt.png);
}
.micro-masters.micro-masters-ITMKT .gradient-list.gradient-list--check-list ul li:before, .micro-masters.micro-masters-ITMKT .gradient-list.gradient-list--check-list p:before {
    background: url(img/talents/check_itmkt.png) no-repeat;
    background-size: contain;
}
.micro-masters.micro-masters-ITMKT section#temario ul li:before, .micro-masters.micro-masters-ITMKT section#temario p:before {
    background: url(img/talents/check-itmkt.png) no-repeat !important;
    background-position: center 0px !important;
    background-size: contain !important;
}
.micro-masters.micro-masters-ITMKT ul.listado-programa li img,
.micro-masters.micro-masters-ITMKT .metodologia_item img,
.micro-masters.micro-masters-ITMKT img#serious {
    filter: brightness(0) saturate(100%) invert(88%) sepia(28%) saturate(6992%) hue-rotate(358deg) brightness(101%) contrast(103%);
}
/* ITASC */
.micro-masters.micro-masters-ITASC div#bottom-portada {
    background: url(img/talents/bg_itasc.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITASC #contra-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .70),rgba(0, 0, 0, .70)),url(img/talents/bg_itasc.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITASC #portada,
.micro-masters.micro-masters-ITASC .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itasc.png);
} 
.micro-masters.micro-masters-ITASC section#indice,
.micro-masters.micro-masters-ITASC section#programa,
.micro-masters.micro-masters-ITASC section#objetivos {
    background-image: url(img/talents/bg_indice_itasc.png);
}
.micro-masters.micro-masters-ITASC section#presentacion,
.micro-masters.micro-masters-ITASC section#perfil-entrada,
.micro-masters.micro-masters-ITASC section#precio {
    background-image: url(img/talents/bg_intro_itasc.png);
}
.micro-masters.micro-masters-ITASC section#proponemos,
.micro-masters.micro-masters-ITASC section#metodologia,
.micro-masters.micro-masters-ITASC #matricula,
.micro-masters.micro-masters-ITASC #titulacion,
.micro-masters.micro-masters-ITASC section#que-puedo-hacer {
    background-image: url(img/talents/bg_proponemos_itasc.png);
}
.micro-masters.micro-masters-ITASC #temario {
    background-image: url(img/talents/bg_amarillo_itasc.png);
    background-size: contain;
}
.micro-masters.micro-masters-ITASC section#profesores {
    background-image: url(img/talents/bg_blue_itasc.png);
    background-size: cover;
}
.micro-masters.micro-masters-ITASC #portada,
.micro-masters.micro-masters-ITASC .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itasc.png);
}
.micro-masters.micro-masters-ITASC .gradient-list.gradient-list--check-list ul li:before, 
.micro-masters.micro-masters-ITASC .gradient-list.gradient-list--check-list p:before {
    background: url(img/talents/check_itasc.png) no-repeat;
    background-size: contain;
}
.micro-masters.micro-masters-ITASC section#temario ul li:before, .micro-masters.micro-masters-ITASC section#temario p:before {
    background: url(img/talents/check-itasc.png) no-repeat !important;
    background-position: center 0px !important;
    background-size: contain !important;
}
.micro-masters.micro-masters-ITASC ul.listado-programa li img,
.micro-masters.micro-masters-ITASC .metodologia_item img,
.micro-masters.micro-masters-ITASC img#serious {
    filter: brightness(0) saturate(100%) invert(63%) sepia(26%) saturate(572%) hue-rotate(72deg) brightness(92%) contrast(87%);
}
/* ITBIT */
.micro-masters.micro-masters-ITBIT div#bottom-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .40),rgba(0, 0, 0, .30)),url(img/talents/bg_itbit.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITBIT #contra-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .70),rgba(0, 0, 0, .70)),url(img/talents/bg_itbit.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITBIT #portada,
.micro-masters.micro-masters-ITBIT .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itbit.png);
} 
.micro-masters.micro-masters-ITBIT section#indice,
.micro-masters.micro-masters-ITBIT section#programa,
.micro-masters.micro-masters-ITBIT section#objetivos {
    background-image: url(img/talents/bg_indice_itbit.png);
}
.micro-masters.micro-masters-ITBIT section#presentacion,
.micro-masters.micro-masters-ITBIT section#perfil-entrada,
.micro-masters.micro-masters-ITBIT section#precio {
    background-image: url(img/talents/bg_intro_itbit.png);
}
.micro-masters.micro-masters-ITBIT section#proponemos,
.micro-masters.micro-masters-ITBIT section#metodologia,
.micro-masters.micro-masters-ITBIT #matricula,
.micro-masters.micro-masters-ITBIT #titulacion,
.micro-masters.micro-masters-ITBIT section#que-puedo-hacer {
    background-image: url(img/talents/bg_proponemos_itbit.png);
}
.micro-masters.micro-masters-ITBIT #temario {
    background-image: url(img/talents/bg_amarillo_itbit.png);
    background-size: contain;
}
.micro-masters.micro-masters-ITBIT section#profesores {
    background-image: url(img/talents/bg_blue_itbit.png);
    background-size: cover;
}
.micro-masters.micro-masters-ITBIT #portada,
.micro-masters.micro-masters-ITBIT .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itbit.png);
}
.micro-masters.micro-masters-ITBIT .gradient-list.gradient-list--check-list ul li:before, .micro-masters.micro-masters-ITBIT .gradient-list.gradient-list--check-list p:before {
    background: url(img/talents/check_itbit.png) no-repeat;
    background-size: contain;
}
.micro-masters.micro-masters-ITBIT section#temario ul li:before, .micro-masters.micro-masters-ITBIT section#temario p:before {
    background: url(img/talents/check-itbit.png) no-repeat !important;
    background-position: center 0px !important;
    background-size: contain !important;
}
.micro-masters.micro-masters-ITBIT ul.listado-programa li img,
.micro-masters.micro-masters-ITBIT .metodologia_item img,
.micro-masters.micro-masters-ITBIT img#serious {
    filter: brightness(0) saturate(100%) invert(41%) sepia(47%) saturate(4209%) hue-rotate(176deg) brightness(89%) contrast(101%);
}
/* ITESS */
.micro-masters.micro-masters-ITESS div#bottom-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .40),rgba(0, 0, 0, .30)),url(img/talents/bg_itess.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITESS #contra-portada {
    background: linear-gradient(0deg,rgba(0, 0, 0, .70),rgba(0, 0, 0, .70)),url(img/talents/bg_itess.jpg) no-repeat !important;
        background-position: center !important;
    background-size: cover !important;
}
.micro-masters.micro-masters-ITESS #portada,
.micro-masters.micro-masters-ITESS .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itess.png);
} 
.micro-masters.micro-masters-ITESS section#indice,
.micro-masters.micro-masters-ITESS section#programa,
.micro-masters.micro-masters-ITESS section#objetivos {
    background-image: url(img/talents/bg_indice_itess.png);
}
.micro-masters.micro-masters-ITESS section#presentacion,
.micro-masters.micro-masters-ITESS section#perfil-entrada,
.micro-masters.micro-masters-ITESS section#precio {
    background-image: url(img/talents/bg_intro_itess.png);
}
.micro-masters.micro-masters-ITESS section#proponemos,
.micro-masters.micro-masters-ITESS section#metodologia,
.micro-masters.micro-masters-ITESS #matricula,
.micro-masters.micro-masters-ITESS #titulacion,
.micro-masters.micro-masters-ITESS section#que-puedo-hacer {
    background-image: url(img/talents/bg_proponemos_itess.png);
}
.micro-masters.micro-masters-ITESS #temario {
    background-image: url(img/talents/bg_amarillo_itess.png);
    background-size: contain;
}
.micro-masters.micro-masters-ITESS section#profesores {
    background-image: url(img/talents/bg_blue_itess.png);
    background-size: cover;
}
.micro-masters.micro-masters-ITESS #portada,
.micro-masters.micro-masters-ITESS .bg-oscuro {
    background-image: url(img/talents/bg_oscuro_itess.png);
}
.micro-masters.micro-masters-ITESS .gradient-list.gradient-list--check-list ul li:before, .micro-masters.micro-masters-ITESS .gradient-list.gradient-list--check-list p:before {
    background: url(img/talents/check_itess.png) no-repeat;
    background-size: contain;
}
.micro-masters.micro-masters-ITESS section#temario ul li:before, .micro-masters.micro-masters-ITESS section#temario p:before {
    background: url(img/talents/check-itess.png) no-repeat !important;
    background-position: center 0px !important;
    background-size: contain !important;
}
.micro-masters.micro-masters-ITESS ul.listado-programa li img,
.micro-masters.micro-masters-ITESS .metodologia_item img,
.micro-masters.micro-masters-ITESS img#serious {
    filter: brightness(0) saturate(100%) invert(56%) sepia(78%) saturate(414%) hue-rotate(131deg) brightness(92%) contrast(89%);
}
/** Temario Talents **/
.micro-masters.micro-masters-ITMBA #plan-estudios:first-child,
.micro-masters.micro-masters-ITMKT #plan-estudios:first-child, 
.micro-masters.micro-masters-ITASC #plan-estudios:first-child, 
.micro-masters.micro-masters-ITBIT #plan-estudios:first-child, 
.micro-masters.micro-masters-ITESS #plan-estudios:first-child {
    column-count: 1;
}
.micro-masters.micro-masters-ITMBA #plan-estudios .nombre, .micro-masters.micro-masters-ITMBA #plan-estudios .presentacion, .micro-masters.micro-masters-ITMBA #plan-estudios .objetivos,
.micro-masters.micro-masters-ITMKT #plan-estudios .nombre, .micro-masters.micro-masters-ITMKT #plan-estudios .presentacion, .micro-masters.micro-masters-ITMKT #plan-estudios .objetivos,
.micro-masters.micro-masters-ITASC #plan-estudios .nombre, .micro-masters.micro-masters-ITASC #plan-estudios .presentacion, .micro-masters.micro-masters-ITASC #plan-estudios .objetivos,
.micro-masters.micro-masters-ITBIT #plan-estudios .nombre, .micro-masters.micro-masters-ITBIT #plan-estudios .presentacion, .micro-masters.micro-masters-ITBIT #plan-estudios .objetivos,
.micro-masters.micro-masters-ITESS #plan-estudios .nombre, .micro-masters.micro-masters-ITESS #plan-estudios .presentacion, .micro-masters.micro-masters-ITESS #plan-estudios .objetivos {
    display: none;
}
.micro-masters.micro-masters-ITMBA section#temario, 
.micro-masters.micro-masters-ITMKT section#temario,
.micro-masters.micro-masters-ITASC section#temario,
.micro-masters.micro-masters-ITBIT section#temario,
.micro-masters.micro-masters-ITESS section#temario {
    background-image: none !important;
}
.micro-masters.micro-masters-ITMBA .temario, 
.micro-masters.micro-masters-ITMKT .temario,
.micro-masters.micro-masters-ITASC .temario,
.micro-masters.micro-masters-ITBIT .temario,
.micro-masters.micro-masters-ITESS .temario {
    padding-left: 30px;
    margin-top: -19px;
    margin-left: -30px;
    background: white;
    position: relative;
}
.micro-masters.micro-masters-ITMBA #plan-estudios ul li .temario ul ul li, 
.micro-masters.micro-masters-ITMKT #plan-estudios ul li .temario ul ul li,
.micro-masters.micro-masters-ITASC #plan-estudios ul li .temario ul ul li,
.micro-masters.micro-masters-ITBIT #plan-estudios ul li .temario ul ul li,
.micro-masters.micro-masters-ITESS #plan-estudios ul li .temario ul ul li {
    margin-bottom: 5px !important;
}
.micro-masters.micro-masters-ITMBA #plan-estudios ul li .temario ul ul, 
.micro-masters.micro-masters-ITMKT #plan-estudios ul li .temario ul ul,
.micro-masters.micro-masters-ITASC #plan-estudios ul li .temario ul ul,
.micro-masters.micro-masters-ITBIT #plan-estudios ul li .temario ul ul,
.micro-masters.micro-masters-ITESS #plan-estudios ul li .temario ul ul {
    margin-bottom: 20px;
}
.micro-masters.micro-masters-ITMBA #plan-estudios ul li .temario ul ul li:first-child, 
.micro-masters.micro-masters-ITMKT #plan-estudios ul li .temario ul ul li:first-child,
.micro-masters.micro-masters-ITASC #plan-estudios ul li .temario ul ul li:first-child,
.micro-masters.micro-masters-ITBIT #plan-estudios ul li .temario ul ul li:first-child,
.micro-masters.micro-masters-ITESS #plan-estudios ul li .temario ul ul li:first-child {
    font-weight: 300;
    text-decoration: none;
}
.micro-masters.micro-masters-ITMBA #plan-estudios ul li .temario ul li:first-child, 
.micro-masters.micro-masters-ITMKT #plan-estudios ul li .temario ul li:first-child,
.micro-masters.micro-masters-ITASC #plan-estudios ul li .temario ul li:first-child,
.micro-masters.micro-masters-ITBIT #plan-estudios ul li .temario ul li:first-child,
.micro-masters.micro-masters-ITESS #plan-estudios ul li .temario ul li:first-child {
    font-weight: 600;
    margin-bottom: 10px;
    text-decoration: none;
}
.micro-masters.micro-masters-ITMBA #plan-estudios ul li:first-child, 
.micro-masters.micro-masters-ITMKT #plan-estudios ul li:first-child,
.micro-masters.micro-masters-ITASC #plan-estudios ul li:first-child,
.micro-masters.micro-masters-ITBIT #plan-estudios ul li:first-child,
.micro-masters.micro-masters-ITESS #plan-estudios ul li:first-child {
    font-weight: 600;
    text-decoration: underline;
}
.micro-masters.micro-masters-ITMBA section#temario ul li .temario ul ul li:before,
.micro-masters.micro-masters-ITMKT section#temario ul li .temario ul ul li:before,
.micro-masters.micro-masters-ITASC section#temario ul li .temario ul ul li:before,
.micro-masters.micro-masters-ITBIT section#temario ul li .temario ul ul li:before,
.micro-masters.micro-masters-ITESS section#temario ul li .temario ul ul li:before {
    content: "→"!important;
    background: none!important;
    font-size: 14px!important;
    top: 4px!important;
}
/*.micro-masters.micro-masters-ITMBA section#temario ul,
.micro-masters.micro-masters-ITMKT section#temario ul, 
.micro-masters.micro-masters-ITASC section#temario ul, 
.micro-masters.micro-masters-ITBIT section#temario ul, 
.micro-masters.micro-masters-ITESS section#temario ul {
    display: none;
}*/
.micro-masters.micro-masters-ITMBA section#temario p strong, 
.micro-masters.micro-masters-ITMKT section#temario p strong, 
.micro-masters.micro-masters-ITASC section#temario p strong, 
.micro-masters.micro-masters-ITBIT section#temario p strong, 
.micro-masters.micro-masters-ITESS section#temario p strong {
    font-weight: 300;
}
.micro-masters.micro-masters-ITMBA section#temario p, 
.micro-masters.micro-masters-ITMKT section#temario p, 
.micro-masters.micro-masters-ITASC section#temario p, 
.micro-masters.micro-masters-ITBIT section#temario p, 
.micro-masters.micro-masters-ITESS section#temario p {
    padding-left: 60px;
}
.micro-masters.micro-masters-ITMBA section#temario p:before, 
.micro-masters.micro-masters-ITMKT section#temario p:before, 
.micro-masters.micro-masters-ITASC section#temario p:before, 
.micro-masters.micro-masters-ITBIT section#temario p:before, 
.micro-masters.micro-masters-ITESS section#temario p:before {
    content: "" !important;
    background: url(img/check-lila.png) no-repeat;
    background-position: center 5px !important;
    background-size: contain;
    width: 17px;
    height: 22px;
    margin-left: -30px;
    margin-right: 10px;
    margin-bottom: -6px;
    display: inline-block;
}




/******************* Cursos cortos (compra) *******************/
body.cursos-cortos section#portada {
    background: url(/folletos-html/img/bg_cursos_22.png) no-repeat;
    background-position: bottom;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
body.cursos-cortos #top-portada, body.cursos-cortos #top-contra {
    padding: 15% 7% 0;
}
body.cursos-cortos #portada h1 {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .50);
}
body.cursos-cortos #bottom-portada img, body.cursos-cortos #bottom-contra img {
    max-width: 200px !important;
}
body.cursos-cortos #inversion .card {
text-align: center;
margin: auto;
}
body.cursos-cortos #plan-estudios p, body.cursos-cortos #plan-estudios p:first-child, body.cursos-cortos #plan-estudios p:nth-child(2) {
    margin: 10px 0 15px !important;
    /*border-bottom: 1px solid lightgray;
    padding-bottom: 5px;*/
}
body.cursos-cortos section#temario ul {
    margin: 0;
}
body.cursos-cortos #bg-metodologia {
    height: 200px;
}

body.cursos-cortos #plan-estudios.plan-cursos .nombre, body.cursos-cortos #plan-estudios.plan-cursos .proyecto_final {
    background: var(--lila);
    color: white;
    font-weight: 600;
    padding: 6px 15px;
    font-size: 18px;
}
body.cursos-cortos #plan-estudios.plan-cursos .presentacion,
body.cursos-cortos #plan-estudios.plan-cursos .objetivos,
body.cursos-cortos #plan-estudios.plan-cursos .temario {
    background: white;
    padding: 5px 15px;
    margin: 0;
    font-weight: 100;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
}
body.cursos-cortos #plan-estudios.plan-cursos .temario {
    margin-bottom: 30px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
body.cursos-cortos #plan-estudios.plan-cursos .presentacion .normal {
    font-weight: 100 !important;
}
body.cursos-cortos #plan-estudios.plan-cursos .objetivos h3.h2_parrafo,
body.cursos-cortos #plan-estudios.plan-cursos .temario h3.h2_parrafo {
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: 600;
    border-bottom: 1px solid lightgray;
    padding: 0 0 10px 10px;
    margin-bottom: 15px;
    margin-top: 0;
}
body.cursos-cortos #plan-estudios.plan-cursos .objetivos ul li:before {
    color: var(--lila);
    margin-right: 5px;
    font-weight: 900;
    margin-left: -20px;
    content: "→ " !important;
    background: none;
    width: auto;
    height: auto;
    margin-bottom: 0;
}
body.cursos-cortos #plan-estudios p, body.cursos-cortos #plan-estudios span {
    font-weight: 300 !important;
}

body.cursos-cortos section#contra-portada {
    background: url(/folletos-html/img/bg_cursos_contraportada_22.png) no-repeat;
    background-position: bottom;
    background-size: cover;
}
body.cursos-cortos #alumni .d-flex.card-experience {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
body.cursos-cortos #alumni .d-flex.card-experience .card {
    margin: 10px 2.3%;
    width: 45%;
}
body.cursos-cortos #alumni .d-flex.card-experience .card #eventos2, body.cursos-cortos #alumni .d-flex.card-experience .card #emprendimiento {
    height: 150px;
    border-right: 0;
    border-bottom: 4px solid var(--orange);
}
body.cursos-cortos #responsabilidad-social .card-responsabilidad {
    display: flex;
    flex-direction: row;
    min-height: 250px;
    margin: 20px auto;
}
body.cursos-cortos #responsabilidad-social .card-responsabilidad .info {
    width: 60%;
    padding: 20px;
    align-self: center;
}
body.cursos-cortos #responsabilidad-social #homeless {
    background: url(/folletos-html/img/homeless.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 40%;
    height: inherit;
}
body.cursos-cortos #responsabilidad-social #womeninleadership {
    background: url(/folletos-html/img/womeninleadership.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 40%;
    height: inherit;
}

body.cursos-cortos #objetivos h3.h2_parrafo {
    font-size: 1.3em;
}
body.cursos-cortos section#objetivos {
    background-image: url(img/bg_indice.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
body.cursos-cortos section#precio, body.cursos-cortos section#programa {
    background-image: none !important;
    background-color: transparent;
    margin: 0;
    width: 100%;
    box-shadow: none;
    max-width: none;
    min-height: auto;
    display: block;
}
body.cursos-cortos #profesores h6.titulo-claustro {
    display: none;
}
body.cursos-cortos #profesores a.card.card--profesor.testimonial-card {
    margin-bottom: 30px;
    width: 50%;
}