/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor page builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.9.9.2
Updated: 2023-12-07 15:59:54
*/


/* HEADER - Select country - BEGIN */ 
/*
.selectCountryHeaderDiv{
    width: auto;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    position: relative;
    cursor: pointer;
}

#selectCountryHeader{
    background: transparent;
    color: white;
    border: none;
    font-size: 12px;
    line-height: 24px;
    font-family: 'PP Neue';
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    margin-bottom: unset;
    margin-top: unset;
    padding: 0px 4px;
    margin: 1em 0;
    display: block;
    width: auto;
    min-width: 64px;
    padding-left: 25px;
    cursor: pointer;
}

#selectCountryHeader option {
    background-color: #252E36F2; 
    color:white;
    box-sizing: none; 
}

#selectCountryHeader option:hover {
   background-color: #ED1F41;
}

#selectCountryHeader:focus-visible {
    outline: 0px;
}

.selectCountryHeaderDiv .worldIcon {
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    left: 0px;
}

.selectCountryHeaderDiv .caretDown {
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    right: 0px;
}

.selectCountryHeaderDiv .caretDown path{
    stroke: white!important;
    fill: transparent!important;
}
*/

#isdi-lang-switch{
    width: fit-content;
    position: relative;
}

#isdi-lang-switch button{
    padding: 0px;
    background: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'PP Neue';
}

#isdi-lang-switch button svg{
    width: 24px;
    height: 24px;
    transition: var(--transition);
}

#isdi-lang-switch button .dropdown-arrow{
    width: 20px;
    height: 20px;
    margin-top: -2px;
}

#isdi-lang-switch button.active .dropdown-arrow{
    transform: rotate(180deg);
    margin-top: 0px;
}

#isdi-lang-switch .dropdown-menu {
    display: flex;
    flex-direction: row;
    gap: 0px;
    width: fit-content;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: var(--isdi-gray-blue);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

#isdi-lang-switch .dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

#isdi-lang-switch .dropdown-option {
    padding: 12px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff;
    transition: var(--transition);
}

#isdi-lang-switch .dropdown-option:hover {
    color: var(--isdi-red);
}

#isdi-lang-switch .dropdown-option.selected {
    pointer-events: none;
    color: var(--isdi-text-secondary);
}

#isdi-lang-switch-footer{
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
}

#isdi-lang-switch-footer a{
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-transform: uppercase;
    transition: var(--transition);
}

#isdi-lang-switch-footer a:hover{ 
    color: var(--isdi-red);
}

#isdi-lang-switch-footer a.selected{
    pointer-events: none;
    cursor: not-allowed!important;
    color: var(--isdi-text-secondary);
}

#isdi-lang-switch-footer a::after{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: var(--isdi-text-secondary);
    position: absolute;
    top: 0px;
    left: calc(100% + 8px);
}

#isdi-lang-switch-footer a:last-child:after{
    display: none;
} 
/* HEADER - Select country - END */

/*INICIO DUPLICADO CHILD THEME CSS POR TEMAS DE CACHE, SOLO TEMPORAL*/
/*START POPUPS FICHAS PROFESOR*/
.dialog-close-button{
	padding: 8px;
  border-radius: 25px;
}
#popupProfesContent #nombrePopupProfe,
#popupProfesContent #cargoPopupProfe,
#popupProfesContent #texto_principalPopupProfe,
#popupProfesContent #texto_secundarioPopupProfe,
#popupProfesContent #featuredimgPopupProfe img,
#popupProfesContent #logoPopupProfe img {
    display: none;
}

.profesConPopup .e-loop-item .cardProf .cardEquipo-imagen:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
background: linear-gradient(180deg, #ffffff00 35%, #000000E6 99%);
}


.profesConPopup .e-loop-item .cardProf{
	cursor: pointer!important;
}
/*END POPUPS FICHAS PROFESOR*/


.popupTagsPlaces {
    border: 1px solid white;
    padding: 8px 16px;
    border-radius: 100px;
    width: 125px;
    display: flex;
    justify-content: center;
}


/*START PROGRAMAS TEMPLATE*/

.hideButton{
    display: none!important;
}
.hideElement{
    display: none!important;
}

#isdiHeader.hideHeader.scrollUp{
    top: 0px!important;
    border-bottom: 1px solid #52595F;
}

#isdiHeader.hideHeader,
#isdiHeader.hideHeader.scrollDown{
    top: -100px!important;
}

#stickySubmenu{
    transition: 0.3s ease-in-out;   
    z-index: 999!important;
}

#stickySubmenu.hideHeader.scrollUp{
    top: 79px!important; 
}

#stickySubmenu.hideHeader,
#stickySubmenu.hideHeader.scrollDown{
    top: 0px!important;
    transition: 0.3s ease-in-out;
}

.single-formacion #programas-navMenu{
    min-height: 50px!important;
    height: 50px!important;
    justify-content: start!important;
}

.single-formacion #programas-navMenu.elementor-sticky--active{
    top: 123px!important;
}

.single-formacion #programas-navMenu > .elementor-element.elementor-widget{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.programasTemplateMenu,
.newTemplateProgramasMenu ul{
	padding: 0px;
    text-align: center;
}

.programasTemplateMenu li,
.newTemplateProgramasMenu li{
	display: inline;
	margin: 0px 15px;
	color: #9CA3A8;
	font-family: 'PP Neue';
	font-weight: 400;
	padding: 0px;
	cursor: pointer;
	transition: 0.4s ease-in-out; 
	position: relative;
}

.newTemplateProgramasMenu li:first-of-type{
    margin-left: 0px!important;
}

.programasTemplateMenu li a,
.newTemplateProgramasMenu li a{
    color: #9CA3A8;
    font-size: 16px!important;
    line-height: 16px!important;
    transition: 0.3s ease-in-out;
}

.programasTemplateMenu li a:hover,
.newTemplateProgramasMenu li a:hover{
    color: white;
}

.programasTemplateMenu li a:after,
.newTemplateProgramasMenu li a:after{
	content: '';
	width: 16px;
	height: 2px;
	background: transparent;
	position: absolute;
	bottom: -4px;
	left: -4px;
	transition: 0.4s ease-in-out; 
}

.programasTemplateMenu li a.active,
.newTemplateProgramasMenu li.active a{
	color: white;
	position: relative;
}

.programasTemplateMenu li a.active:after,
.newTemplateProgramasMenu li.active a:after{
	content: '';
	width: 16px;
	height: 2px;
	background: #E31E3E;
	position: absolute;
	bottom: -4px;
	left: 0px;
}

.programasTemplateBtn.whiteArrow svg{
    width: 40px;
    margin-left: 10px;
}

.programasTemplateBtn.whiteArrow .elementor-button-content-wrapper{
    align-items: center;
}

.programasTemplateBtn.redBtn svg{
    margin-bottom: -4px;
}

.programasTemplateBtn.redBtn .elementor-button-content-wrapper{
    height: 40px;
    align-items: center;
}

.programasTemplateFAQ .elementor-toggle-icon{
    position: absolute;
    top: 14px;
    right: 0px;
}

.deleteEmptyContent .elementor-toggle-item.emptyContent{
    pointer-events: none;
}

.deleteEmptyContent .elementor-toggle-item.emptyContent .elementor-toggle-icon{
    display: none;
}

.programasTemplateFAQ svg{
    transform: scale(1.5);
}

/*
.programasTemplateFAQ .elementor-tab-title{
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
*/

.programasTemplateFAQ .elementor-tab-title{
    position: relative;
}

.programasTemplateFAQ.blanco svg path{
    fill: white;
}

.programasTemplateFAQ.superIndex .elementor-toggle-title{
    display: flex;
}

.programasTemplateFAQ .superindexIsdi{
    color: #ED1F41;
    font-size: 16px;
    line-height: 24px;
    margin-right: 8px;
}

.programasTemplateFAQ .textTitle{
    color: #f8f8f6;
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 8px;
}

.programasTemplateFAQ .textTitle:first-child{
    margin-top: 0px;
}

#programasTemplate-tagLateral{
    width: 256px;
    height: 88px;
    position: fixed;
    right: -84px;
    top: 60%;
    transform: rotate(-90deg);
    z-index: 101;
    display: flex;
    justify-content: center;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

#programasTemplate-tagLateral .elementor-button-text{
    position: relative;
}

#programasTemplate-tagLateral .elementor-button-text::after{
    content: url(https://www.isdi.education/mx/wp-content/uploads/sites/5/2024/05/teAsesoramosArrow.svg);
    background: #ed1f41;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    /* padding: 20px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -48px;
    top: -1px;
    padding-top: 4px;
    transition: 0.3s ease-in-out;
}

#programasTemplate-tagLateral .elementor-button-text:hover:after{
    background: #c9102f;
}

.programasTemplateCounter .elementor-counter-title{
    margin-top: 25px;
    text-align: left!important;
    font-weight: 400!important;
}

.programasTemplateCounter .elementor-counter-number-prefix,
.single-formacion .elementor-counter-number-prefix{
    flex-grow: 0!important;
}

.single-formacion .white-list{
    color: #9CA3A8;
    margin-top: 12px;
    font-family: 'PP Neue';
}

.single-formacion .white-list li:first-child{
    margin-top: 0px;
}

.single-formacion .white-list li{
    margin: 4px 0px;
}

.single-formacion .white-list li:last-child{
    margin-bottom: 0px;
}

.elPrograma-toolsetImg img{
    max-height: 60px;
    object-fit: contain;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer.empty{
    display: none!important;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer{
    max-height: 66px;
    overflow: hidden!important;
    border-radius: 12px!important;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 12px!important;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: var(--transition)!important;
    position: relative!important;
    cursor: pointer;
    display: grid!important;
    gap: 12px!important;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer:hover{
    background: rgba(255, 255, 255, 0.14);
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer::before,
.single-formacion .elementor-element.elPrograma-certificacionesContainer::after{
    content: ''!important;
    display: block!important;
    position: absolute;
    background: white;
    top: 32px;
    right: 12px;
    z-index: 100;
    transition: var(--transition)!important;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer::before{
    left: calc(100% - 21px);
    width: 1px;
    height: 17px;
    transform: translate(0px, -8px);
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer::after{
    width: 17px;
    height: 1px;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer.open{
    max-height: 850px;
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer.open::before{
    transform: translate(0px, -8px) rotate(-90deg);
}

.single-formacion .elementor-element.elPrograma-certificacionesContainer img{
    object-position: left center!important;
    object-fit: contain!important;
    height: 42px!important;
    max-width: 100px!important;
}

.programasTemplate-proximaEdicion{
    background: #252e36;
}

.templateProgramas-proximasEdicionesInfo .column{
   width: 100%!important;
}

.templateProgramas-colaboracionCon{
    display: flex;
    justify-content: end;
}

.isdiCounterContainer.hideCounter{
    opacity: 0;
}

.programasTemplateHorarios svg{
    height: 24px!important;
    width: 24px!important;
}

.programasTemplateHorarios svg path{
    fill: white;
}

.programasTemplateHorarios .horario{
    margin-top: 16px;
}

.programasTemplateHorarios .dia{
    margin-bottom: 0px;
}

.programasTemplateHorarios .hora{
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #9CA3A8;
}


#programasTemplatePreguntasFinales.alumni .columnLeft{
    display: none;
}

#programasTemplatePreguntasFinales.alumni .columnRight{
    width: 100%;
}

#estoEsISDIImg{
    position: absolute;
    width: 100%;
}

#estoEsISDIImg img{
    transition: 0.25s ease-in-out;
    position: absolute;
    top: -32px;
    right: 40%;
    transform: translate(120px, 0px);
    width: 207px;
    height: 64px;
}

#admisionInfo .e-form__indicators__indicator__number{
    cursor: pointer;
    font-size: 30px;
    line-height: 40px;
    border: 0px;
    transition: 0.3s ease-in-out;
}

#admisionInfo .e-form__indicators__indicator__separator{
    transition: 0.3s ease-in-out;
}

#admisionInfo .e-form__indicators__indicator--state-completed + .e-form__indicators__indicator__separator{
    background: #ED1F41!important;
}

#admisionInfo .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number{
    background: #4D0009;
}

#admisionInfo .e-form__indicators__indicator__separator{
    background: #52595F;
}

#admisionInfo .e-form__indicators__indicator{
    position: relative;
}

#admisionInfo .e-form__indicators__indicator__label{
    cursor: pointer;
    position: absolute;
    top: 100px;
    width: 160px;
    left: 50%;
    transform: translate(-50%, 0px);
}

#admisionInfo .elementor-form-fields-wrapper{
    margin-top: 80px;
}

#admisionInfo .e-form__buttons__wrapper.elementor-field-type-previous,
#admisionInfo .elementor-field-type-submit{
    display: none;
}

#admisionInfo .e-form__buttons__wrapper__button-next{
    display: flex;
    justify-content: end;
}


#admisionInfo .e-form__buttons:focus-visible,
#admisionInfo .e-form__buttons__wrapper__button-next:focus-visible,
#admisionInfo .e-form__buttons__wrapper.elementor-field-type-next:focus-visible,
#admisionInfo .e-form__buttons:focus,
#admisionInfo .e-form__buttons__wrapper__button-next:focus,
#admisionInfo .e-form__buttons__wrapper.elementor-field-type-next:focus{
    outline: 0!important;
}

#admisionInfo .e-form__buttons{
    width: auto;
    right: 0px;
    bottom: -80px;
    position: absolute;
}

#admisionInfo .e-form__buttons__wrapper__button-next::after{
    content: url(https://www.isdi.education/wp-content/uploads/2023/12/flecha-blanca-sedes.svg);
    margin-left: 8px;
    margin-top: 3px;
}

#admisionInfo .admisionFormTitle{
    font-size: 32px;
    line-height: 42px;
    color: #F8F8F6;
    font-weight: 400;
}

.alumniTestimoniosCard{
    max-width: 1300px;
    margin: auto;
    overflow: hidden;
}

.alumniTestimoniosCard .testimonio{
    display: flex;
    justify-content: center;
}

.testimonioCard{
    max-width: 415px!important;
}


.testimonio .testimonioCardContainer{
	height: 100%;
}

.mindset ul, #proximasEdiciones ul{
    list-style-type: none!important;
}

.single-formacion .hero .hero-button{
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 18px!important;
    line-height: 20px!important;
    color: var(--black);
    background: var(--isdi-cream);
    border-radius: 200px;
    padding: 12px 20px;
    transition: var(--transition);
}

.single-formacion .hero .hero-button svg path{
    transition: var(--transition);
}

.single-formacion .hero .hero-button:hover{
    background: var(--isdi-red);
    color: white;
}

.single-formacion .hero .hero-button:hover svg path{
    stroke: white;
}
/*END PROGRAMAS TEMPLATE*/

/* START LANDINGS DISTRIBUTIVAS */
    .category-landing-distributiva .modal{
      opacity: 0;
      pointer-events: none;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.6);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      z-index: 10000;
      transition: var(--transition);
    }

    .category-landing-distributiva .modal.show{
      opacity: 1;
      pointer-events: auto;
    }

    .category-landing-distributiva .modal-content{
      position: relative;
      display: grid;
      grid-template-columns: 250px calc(100% - 250px);
      gap: 0px;
      border-radius: 24px;
      overflow: hidden;
      min-height: 300px;
      max-width: 900px;
      min-width: 650px;
      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
    }

    .category-landing-distributiva .modal-content .foto{
      width: 100%;
      height: 100%;
      position: relative;
    }

    .category-landing-distributiva .modal-content .foto img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .category-landing-distributiva .modal-content .content{
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
      background: var(--isdi-gray-blue);
      color: white;
      padding: 24px;
      gap: 8px;
        max-height: 600px;
        overflow-y: scroll;
    }

    .category-landing-distributiva .modal-content .content p{
        margin-bottom: 0px;
    }

    .category-landing-distributiva .modal-content .content .title{
      font-size: 28px;
      line-height: 32px;
      color: white;
    }

    .category-landing-distributiva .modal-content .content .role{
        margin-top: -4px;
      font-size: 24px;
      line-height: 30px;
      color: var(--isdi-text-secondary);
    }

    .category-landing-distributiva .modal-content .content .text{
        height: 100%;
        font-size: 18px;
        line-height: 24px;
        color: var(--isdi-text-secondary);
    }

    .category-landing-distributiva .modal-content .content .logo{
      margin-top: 12px;
      width: auto;
      min-height: 25px;
      max-height: 32px;
      object-fit: contain;
    }

    .category-landing-distributiva .modal-close{
      cursor: pointer;
      position: absolute;
      top: 20px;
      right: 20px;
      width: 32px;
      height: 32px;
      background: var(--isdi-cream);
      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
      border-radius: 200px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 0px;
      transition: var(--transition);
    }

    .category-landing-distributiva .modal-close:hover{
        transform: scale(1.05);
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        25% { transform: scale(1.06); }
        50% { transform: scale(1); }
        75% { transform: scale(1.06); }
        100% { transform: scale(1); }
    }

    @media (min-width: 1700px) {        
        .category-landing-distributiva #content > .e-con-inner{
            grid-template-columns: 70% calc(100vw - 70% - 100px - (100vw - 1650px)/2)!important;
        }
    }

    @media (min-width: 1024px) {        
        .category-landing-distributiva #content > .e-con-inner{
            grid-template-columns: 70% auto;
        }
    }

    .category-landing-distributiva #content .e-con-inner > .right{
        position: relative;
        height: 100%;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;
    }

    .category-landing-distributiva #content .e-con-inner > .right::-webkit-scrollbar {
        display: none;
    }

    .category-landing-distributiva #content .e-con-inner > .right .content{
        height: calc(100svh - 128px);
        overflow-y: scroll;
    }

    .category-landing-distributiva #content .right #da-el-paso{
        background: var(--isdi-red);
        padding: 10px 20px;
    }

    .category-landing-distributiva #content .left section{
        position: relative;
    }

    .category-landing-distributiva #content .left section.cream::before,
    .category-landing-distributiva #content .left section.dark-red::before,
    .category-landing-distributiva #content .left section.gray-blue::before,
    .category-landing-distributiva #content .left section.black::before,
    .category-landing-distributiva #content .left section.white::before{
        content: '';
        position: absolute;
        top: 0px;
        width: 100vw;
        height: 100%;
        left: -100vw; 
    }

    .category-landing-distributiva #content .left section.cream::before,
    .category-landing-distributiva #content .left section.cream{
        background: var(--isdi-cream);
    }

    .category-landing-distributiva #content .left section.dark-red::before,
    .category-landing-distributiva #content .left section.dark-red{
        background: var(--isdi-dark-red);
    }

    .category-landing-distributiva #content .left section.gray-blue::before,
    .category-landing-distributiva #content .left section.gray-blue{
        background: var(--isdi-gray-blue);
    }

    .category-landing-distributiva #content .left section.black::before,
    .category-landing-distributiva #content .left section.black{
        background: var(--black);
    }

    .category-landing-distributiva #content .left section.white::before,
    .category-landing-distributiva #content .left section.white{
        background: white;
    }

    .category-landing-distributiva #content .left .profesor-card .mas-info{
        color: white;
        cursor: pointer;
        height: 20px;
        margin-top: 6px;
        font-size: 18px!important;
        line-height: 20px!important;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .left .profesor-card .mas-info:hover{
        text-decoration: underline;
    }

    .category-landing-distributiva #content .left .profesor-card .mas-info .elementor-button-icon{
        margin-top: 2px;
    }

    .category-landing-distributiva #content .left .profesor-card .mas-info .elementor-button-content-wrapper{
        align-items: center;
    }

    .category-landing-distributiva #content .left .profesor-card .mas-info:hover .elementor-button-text{
        text-decoration: underline;
    }

    .category-landing-distributiva #content .left .testimonio-horizontal{
        overflow: hidden;
        border-radius: 20px;
    }

    .category-landing-distributiva #content .left .testimonio-horizontal .left img,
    .category-landing-distributiva #content .left .testimonio-horizontal .left > .elementor-element{
        height: 100%;
    }

    .category-landing-distributiva #content #admisionInfo .e-form__indicators__indicator__label{
        display: none;
    }
    .category-landing-distributiva #content #admisionInfo .elementor-form-fields-wrapper{
        margin-top: 20px;
    }

    .category-landing-distributiva #content .text > .elementor-widget-container{
        font-family: 'PP Neue', sans-serif;
        color: var(--isdi-text-secondary);
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .text > .elementor-widget-container p{
        margin-bottom: 0px;
    }

    .category-landing-distributiva #content .text > .elementor-widget-container a{
        color: white;
        text-decoration: underline;
        font-size: 20px!important;
        line-height: 30px!important;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .text > .elementor-widget-container a:hover{
        color: var(--isdi-red);
    }

    .category-landing-distributiva #content .table > .elementor-widget-container{
        overflow-x: scroll;
        border: 2px solid hsla(0,0%,50.2%,.5019607843);
        border-radius: 20px;
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table{
        margin: 0px;
        font-family: 'PP Neue', sans-serif;
        font-weight: 500;
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table th{
        background: var(--isdi-gray-blue);
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        border-top: 0px;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table td{
        background: var(--isdi-gray-blue);
        color: var(--isdi-text-secondary);
        min-width: 150px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        filter: brightness(1.3);
        border-bottom: 0px;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table td a,
    .category-landing-distributiva #content .table > .elementor-widget-container table th a{
        color: white;
        text-decoration: underline;
        font-size: 18px!important;
        line-height: 24px!important;
        transition: var(--transition);
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table td a:hover,
    .category-landing-distributiva #content .table > .elementor-widget-container table th a:hover{
        color: var(--isdi-red);
    }

    .category-landing-distributiva #content .table.admision > .elementor-widget-container table td{
        min-width: 500px;
    }

    .category-landing-distributiva #content .table.plan-de-estudios.horizontal > .elementor-widget-container table tr > td:first-of-type{
        filter: brightness(1);
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table tr > td:first-of-type,
    .category-landing-distributiva #content .table > .elementor-widget-container table tr > th:first-of-type{
        border-left: 0px;
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table tr > td:last-of-type,
    .category-landing-distributiva #content .table > .elementor-widget-container table tr > th:last-of-type{
        border-right: 0px;
    }

    .category-landing-distributiva #content .table > .elementor-widget-container table th:hover,
    .category-landing-distributiva #content .table > .elementor-widget-container table td:hover{
        filter: brightness(1.5);
    }

    .category-landing-distributiva #content .carousel-logos .home-redesign.logos{
        mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
        gap: 12px !important;
    }

    .category-landing-distributiva #content .card-programa{
        border-radius: 20px;
        overflow: hidden;
    }

    .category-landing-distributiva #content .card-programa .img img{
        transition: var(--transition);
    }

    .category-landing-distributiva #content .card-programa:hover .img img{
        transform: scale(1.05);
    }

    .category-landing-distributiva #content .carousel-logos .home-redesign.logos .logos-slide{
        gap: 12px !important;
    }

    .category-landing-distributiva #content .carousel-logos .home-redesign.logos .logos-slide div{
        padding: 8px!important;
        width: 150px!important;
        height: 75px!important;
    }

    @media (min-width: 1250px) and (max-width: 1600px){
        .category-landing-distributiva .profesoresContainer{
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (min-width: 1024px) and (max-width: 1250px){
        .category-landing-distributiva .profesoresContainer{
            grid-template-columns: repeat(2, 1fr);
        }
        .category-landing-distributiva .profesoresContainer .home-redesign.profesor-card:nth-child(odd){
            justify-self: end;
        }
        .category-landing-distributiva .profesoresContainer .home-redesign.profesor-card:nth-child(even){
            justify-self: start;
        }
    }

    @media (min-width: 800px) and (max-width: 1024px){
        .category-landing-distributiva .profesoresContainer{
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    @media (min-width: 576px) and (max-width: 800px){
        .category-landing-distributiva .profesoresContainer{
            grid-template-columns: repeat(2, 1fr);
        }
        .category-landing-distributiva .profesoresContainer .home-redesign.profesor-card:nth-child(odd){
            justify-self: end;
        }
        .category-landing-distributiva .profesoresContainer .home-redesign.profesor-card:nth-child(even){
            justify-self: start;
        }
    }

    .category-landing-distributiva #content .formacion-testimoniosContainer{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    @media (max-width: 1600px){
        .category-landing-distributiva #content .formacion-testimoniosContainer{
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px){
        .category-landing-distributiva #content .formacion-testimoniosContainer{
            grid-template-columns: repeat(1, 1fr);
        }
    }

    @media (min-width: 1600px){
        .category-landing-distributiva #content #admisionInfo .e-form__indicators__indicator__label{
            display: inline-block;
        }
        .category-landing-distributiva #content #admisionInfo .elementor-form-fields-wrapper{
            margin-top: 80px;
        }
    }
/* END LANDINGS DISTRIBUTIVAS */


/*INICIO MOTIVOS TEMPLATE*/
.cardMotivoISDI {
	height: 100%!important;
}
/*END MOTIVOS TEMPLATE*/




/* START ALUMNI*/
.page-id-5839 .elementor-counter .elementor-counter-number-suffix {
    order: 1;
    flex-grow: 0;
}

.page-id-5839 .elementor-counter .elementor-counter-number-prefix {
    flex-grow: 0;
    order: 2;
}
/* END ALUMNI*/


/* START FICHA SINGLE SEDE*/
.single-sede .formacionISDI .swiper-pagination-total{
	color:#9CA3A8;
}

.single-sede .formacionISDI .swiper-pagination-current{
	color:#F8F8F6;
}

/*sede online ES*/

.page-id-19905 .formacionISDI .swiper-pagination-total{
	color:#9CA3A8;
}

.page-id-19905 .formacionISDI .swiper-pagination-current{
	color:#F8F8F6;
}


.single-sede .formacionISDI .elementor-swiper-button svg{
	filter: invert(100%);
}

.single-sede #mapaSede iframe {
    filter: grayscale(100%);
}

body:not(.elementor-editor-active).single-sede  [id^="espacioImg"]:not(:first-child) {
    display: none;
}


.imagenEspacios{
	cursor:pointer;
	margin-top:40px;
    white-space: nowrap;
}


.imagenEspaciosDestacada div{
	background: #F8F8F6!important;
	transition: background 0.3s ease-in-out;
}

.single-sede #visitaVirtual iframe {
	height:550px;
}

/* The switch - the box around the slider */
.single-sede .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.single-sede .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.single-sede .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #ccc;*/
	border: solid 1px #9CA3A8;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-sede .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-sede input:checked + .slider {
  /*background-color: #2196F3;*/
}

.single-sede input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.single-sede input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.single-sede .slider.round {
  border-radius: 34px;
}

.single-sede .slider.round:before {
  border-radius: 50%;
	background: #ED1F41;
}

.single-sede #selectorEspacios{
	color: #52595F;
	font-family: 'PP Neue';
  font-weight: 400;
}

.single-sede .opcionEspacios1, .single-sede .opcionEspacios2{
	margin: 0px 10px;
	color: #52595F;
}

.single-sede .menuEspaciosActivo{
	margin: 0px 10px;
	color: #0A0A0A;
}

.single-sede #iframeTourVirtual{
	display:none;
}

/* END FICHA SINGLE SEDE*/







/* START SINGLE EVENTO */
.single-eventos #googleCalendar{
    cursor: pointer;
}

.single-eventos .wp-caption-text {
    font-style: normal;
    margin-top: 15px;
}

/*Modifica estilos de la clase default .elementor-kit-8*/
.single-eventos .hentry .elementor-widget-theme-post-content a {    
    color:#F8F8F6!important;
    font-family: "PP Neue", Sans-serif!important;
    font-size: 20px!important;
    font-weight: 400!important;
    line-height: 30px!important;
    text-decoration: underline!important;
    letter-spacing: normal!important;
}

.single-eventos .hentry .elementor-widget-theme-post-content strong {
    color:#F8F8F6!important;
    font-weight: 600!important;
}


.single-eventos #anadirAlCalendario{
    cursor: pointer;
}

.single-eventos #sidebarEvento.elementor-sticky {
    margin-top: 120px!important;
}

.single-eventos #mapaEvento iframe {
    filter: grayscale(100%);
}


.single-eventos #icsEventoFecha, .single-eventos #icsEventoHora{
    /*hide the elements in the screen using position absolute*/
    position: absolute;
    top: -9999px;
} 

#infoDeContacto,
#mostrarMapaTitle{
    cursor: pointer;
}

#infoDeContactoContainer,
#infoDeContactoRow,
#mostrarMapaContainer,
#mapaEvento{
    transition: 0.3s ease-in-out;
}


#infoDeContactoContainer.opened,
#mostrarMapaContainer.opened{
    min-height: 0px;
}

#infoDeContactoContainer.opened #infoDeContactoRow,
#mostrarMapaContainer.opened #mapaEvento{
    opacity: 0;
    z-index: -999;
}

#infoDeContactoContainer.opened .plusIconContainer .verticalBar,
#mostrarMapaContainer.opened .plusIconContainer .verticalBar{
    rotate: 0deg;
}
/* END SINGLE EVENTO */

/**/

/* START ISDI SPARK */
#bookletMessage,#bookletMessage a{
    font-size: 20px!important;
    line-height: 24px!important;
    margin: 0px!important;
    color: white;
}
#bookletMessage a{
    text-decoration: underline;
}

.isdi-spark.faq .elementor-tab-title .elementor-accordion-icon-right{
    margin-right: -40px;
    margin-top: 8px;
}
/* END ISDI SPARK */

/**/

/* START BLOG SINGLE POST*/
.single-post .elementor-avatar {
	border-radius:0!important;
}
.single-post .elementor-post-info__item-prefix {
	display:block!important;
	font-size:18px;
	font-weight:204px;
	color: #9CA3A8;
}

.single-post .elementor-post-info__item--type-author{
	margin-left:15px;
}

.single-post .wp-caption-text {
	color:#9CA3A8;
	font-style: normal;
	font-size:14px;
	line-height:18px;
	font-weight: 400;
    font-family: 'PP Neue';
	margin-left:3px;
}


.single-post .wp-caption-text {
    padding-top: 15px;
    margin-bottom: 50px;
}

.single-post figure {
    margin-top: 50px;
    margin-bottom: 40px;
}


.single-post .elementor-widget-theme-post-content h2 {
    color:#FFFFFF;
}

.single-post .elementor-widget-theme-post-content h4 {
    color:#9CA3A8;
    font-size:24px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.single-post .elementor-widget-theme-post-content p {
    margin-block-end: 1.5rem;
}

.bannerBlogButton svg{
    font-size: 40px;
    margin-top: -10px;
}

.isdiCursorHover {
    position: absolute;
    z-index: 999;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    /*Align content to the center*/
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin-left: -100px;
    margin-top: -50px;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);
    pointer-events: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

/*Modifica estilos de la clase default .elementor-kit-8*/
.single-post .hentry .elementor-widget-theme-post-content a {    
    color:#F8F8F6!important;
    font-family: "PP Neue", Sans-serif!important;
    font-size: 20px!important;
    font-weight: 400!important;
    line-height: 30px!important;
    text-decoration: underline!important;
    letter-spacing: normal!important;
}

.single-post .hentry .elementor-widget-theme-post-content strong {
    color:#F8F8F6!important;
    font-weight: 600!important;
}
/* END BLOG SINGLE POST*/






/* START BLOG MAIN*/
#blogFilters{
	  line-height: 24px;
    font-size: 16px;
    font-family: 'PP Neue';
    font-weight: 400;	
}

#filtrarBlogButton{
	  line-height: 28px;
    font-size: 18px;
    font-family: 'PP Neue';
    font-weight: 400;
	  color: #F8F8F6;
	  padding:7px 30px;
}

#blogFiltersForm #autor, #blogFiltersForm #categoria{
	background: transparent;
	color: #9CA3A8;
	display: inline;
	margin-right: 25px;
	border:none;
  border-bottom: solid 1px #52595F;
	border-radius: unset;
	padding-left: 0px;
	margin-left: -5px;
}

#blogFiltersForm label{
	color: #9CA3A8;
	margin-bottom:15px
}

#blogFiltersForm #autor option, #blogFiltersForm #categoria option{
	background: #252E36!important;
	color: #9CA3A8;
	line-height:40px;
	font-size:16px;
	line-height:24px;
	color: #9CA3A8;
}

#blogFiltersForm{
	display:flex;
  flex-direction:row;
}

.filtroBlock{
    display: flex;
    flex-direction: column;
	  margin-right: 25px;
	  align-self: flex-end;
	  width: 20%;
}
.filtroBlock.submit{
	width: auto;
}

.autoresMainBlog .profesor {
	pointer-events:none;
}

.customCarousel.carumainblog img{
    height: 100%!important;
}

.mainBlogContent .page-numbers{
    color: #9CA3A8;
    font-family: 'PP Neue';
    padding: 16px 0px!important;    
    font-weight: 400;
    font-size:24px;
    line-height: 30px;
}

.mainBlogContent .page-numbers.current{
    color: #F8F8F6;
}

.mainBlogContent .elementor-pagination{
    margin: 80px 0px;
}

/*Add a separator character "-" between the numbers*/
.mainBlogContent .page-numbers:not(:last-child):after{
    content: "-";
    margin: 0px 0px 0px 12px;
    color: #9CA3A8;
}

.page-id-11376 .elementor-post-info__terms-list-item:nth-child(n+2) {
    display: none !important;
}


/* START BLOG CAT */
.page-id-11376 .mainBlogContent a img{
    width: 100%;
    height: 280px;
}
/* END BLOG MAIN*/



/* START BLOG CAT */
.category .mainBlogContent a {
    width: 100%;
}

.category .mainBlogContent a img{
    width: 100%;
    height: 280px;
}
/* END BLOG CAT */


/* START EVENTOS MAIN*/
#eventosFilters{
	  line-height: 24px;
    font-size: 16px;
    font-family: 'PP Neue';
    font-weight: 400;	
}

#filtrareventosButton{
	  line-height: 28px;
    font-size: 18px;
    font-family: 'PP Neue';
    font-weight: 400;
	  color: #F8F8F6;
	  padding:7px 30px;
}

.customIsdiSearchBox{
	background: transparent;
	color: #9CA3A8;
	display: inline;
	margin-right: 25px;
	border:none;
    border-bottom: solid 1px #52595F;
	border-radius: unset;
	padding-left: 0px;
	margin-left: -5px;
}

.customIsdiSearchBox option{
	background: #252E36!important;
	color: #9CA3A8;
	line-height:40px;
	font-size:16px;
	line-height:24px;
	color: #9CA3A8;
}

#eventosFiltersForm label{
	color: #9CA3A8;
	margin-bottom:15px
}

#eventosFiltersForm{
  display:flex;
  flex-direction:row;
}

.eventosGrid .e-loop__load-more .elementor-button-text::after, .profesoresGrid .e-loop__load-more .elementor-button-text::after {
    content: url(https://www.isdi.education/wp-content/uploads/2024/02/flecha-blanca-scroll-down.svg)!important;
    background: transparent;
    right: -12px;
    bottom: -8px;
    position: relative;
    transform: rotate(0deg)!important;
    display: inline-block;
}

.eventosGrid .contadorDeProfesores{
    color:#9CA3A8!important;
}

.eventosGrid .contadorDeProfesoresBarra{
    background: #3D454D!important;
}

.eventosGrid .contadorDeProfesoresBarraProgreso {
    background: #F8F8F6!important;
}

.eventCard .elementor-icon-box-icon{
	filter: invert(100%);
}


/* Cambiar el color del icono de fecha del date picker a blanco */
#eventosFiltersForm  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(70%);
}


/* The switch - the box around the slider */
.page-id-17166 .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .page-id-17166 .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .page-id-17166 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #ccc;*/
      border: solid 1px #9CA3A8;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .page-id-17166 .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .page-id-17166 input:checked + .slider {
    /*background-color: #2196F3;*/
  }
  
  .page-id-17166 input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  .page-id-17166 input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .page-id-17166 .slider.round {
    border-radius: 34px;
  }
  
  .page-id-17166 .slider.round:before {
    border-radius: 50%;
      background: #9CA3A8;
  }
  
  .page-id-17166 #selectorEspacios{
      color: #52595F;
      font-family: 'PP Neue';
    font-weight: 400;
  }
  
  .page-id-17166 .opcionEspacios1, .page-id-17166 .opcionEspacios2{
      margin: 0px 10px;
      color: #52595F;
  }
  
  .page-id-17166 .menuEspaciosActivo{
      margin: 0px 10px;
      color: #0A0A0A;
  }
  .page-id-17166 .month{
    color: #F8F8F6;
    font-size: 18px !important;
    line-height: 24px!important;
  }
.page-id-17166 .table-condensed, .page-id-17166 .drp-selected{
    color: #F8F8F6;  
}
    
.page-id-17166 table th{
    font-weight: normal;
}

.page-id-17166 .daterangepicker .drp-calendar.left .calendar-table {
    padding: 25px 25px 5px 25px;
}


.page-id-17166 .cancelBtn, .page-id-17166 .applyBtn {
    font-size:15px!important;
    font-weight: normal!important;
}



  
  

  

/*Inicio CSS datepicker eventos*/

.daterangepicker .drp-calendar {
    display: none;
    max-width: none!important;
}
.daterangepicker{
    background-color: #252e36f0!important;
    font-family: "PP Neue", Sans-serif!important;
    backdrop-filter: blur(4px);
}
.daterangepicker td.in-range{
    background-color: #F8F8F6!important;
}
.daterangepicker .calendar-table{
    background-color: unset!important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    background-color: unset!important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    color: #3D454D!important;
    background-color: #ED1F41!important;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    color: #3D454D!important;
}
.daterangepicker td.active {
    background-color: #F8F8F6!important;
    color:#3D454D!important;
}

#regervation{
    background: transparent;
    color: #9CA3A8;
    border: none;
    border-bottom: solid 1px #52595F;
    padding-left: 0px;
    border-radius: unset;  
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: solid white!important;
    border-width: 0 2px 2px 0!important;
}

.daterangepicker .drp-selected {
    font-size:14px!important;
}

#eventosFiltersForm select{
    margin-left: -4px;
}

/*Fin CSS datepicker eventos*/



/**Toogle Filter**/

.formatoCheckboxes label.label-active {
    color: #F8F8F6;
}

.formatoCheckboxes .switch {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 32px;
    margin: 0 8px;
}

.formatoCheckboxes .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.formatoCheckboxes .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}

.formatoCheckboxes .slider:before {
    position: absolute;
    content: "";
    height: 32px;
    width: 32px;
    left: 0px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.formatoCheckboxes input:checked + .slider {
    /*background-color: #2196F3;*/
}

.formatoCheckboxes input:focus + .slider {
    /*box-shadow: 0 0 1px #2196F3;*/
}

.formatoCheckboxes input:checked + .slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}

/* Rounded sliders */
.formatoCheckboxes .slider.round {
    border-radius: 34px;
    border: 1px solid #52595F;
}

/* Rounded sliders */
.formatoCheckboxes.switchFichaSede .slider.round {
    border: 1px solid #9CA3A8!important;
}

.formatoCheckboxes .slider.round:before {
    border-radius: 50%;
}


/* END EVENTOS MAIN*/


/* START GENERAL SETTINGS */
.e-load-more-spinner{
    width: 25px;
    display: flex;
    opacity: 0;
}

.pointerNone{
    pointer-events: none!important;
}

.elementor-editor-active .pointerNone{
    pointer-events: auto!important;
}

.tableCookies{
    overflow-x: auto;
}

.legales table{
	color: white;
	font-size: 16px;
}

.legales table a{
	font-size: 16px;
}

.legales a{
    text-decoration: underline!important;
}

.legales a:hover{
	color: white;
}

.btnContacto{
    cursor: pointer!important;
}

div[data-elementor-type="wp-page"]>div.elementor-element {
    --padding-block-start: 75px!important;
}

.elementor-kit-8 a{
    font-family: "PP Neue", sans-serif!important;
    letter-spacing: normal!important;
}
.elementor-kit-8 {    
    color: unset!important;
}
.customISDILoader{
    width:36px;
    height:36px;
    margin: auto;
    border-radius:100%;
    background:conic-gradient(#0000 10%,#ED1F41);
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation:s3 1s infinite linear;
  }
@keyframes s3 {to{transform: rotate(1turn)}}

.imagenDestacada {
    position: relative;
    display: inline-block;
}
   
.imagenDestacada::before {
    position: absolute;
    top: 9%;
    left: 9%;
    background: url('https://www.isdi.education/wp-content/uploads/2024/01/Flecha-R07-Izqda.svg') no-repeat;
    background-size: contain;
    background-position: left;
    content: "";
    height:30%;
    width:30%;
	  z-index: 9;
}
   
.imagenDestacada::after {
    position: absolute;
    bottom: 9%;
    right: 9%;
    background: url('https://www.isdi.education/wp-content/uploads/2024/01/Flecha-R07-Dcha.svg') no-repeat;
    background-size: contain;
    background-position: right;
    content: "";
    height:30%;
    width:30%;
	  z-index: 9;
}


.imagenVerticalDestacada {
    position: relative;
    display: inline-block;
}
   
.imagenVerticalDestacada::before {
    position: absolute;
    top: 13%;
    left: 9%;
    background: url('https://www.isdi.education/wp-content/uploads/2024/01/Flecha-R07-Izqda.svg') no-repeat;
    background-size: contain;
    background-position: left;
    content: "";
    height:22%;
    width:22%;
	  z-index: 9;
}
   
.imagenVerticalDestacada::after {
    position: absolute;
    bottom: 13%;
    right: 9%;
    background: url('https://www.isdi.education/wp-content/uploads/2024/01/Flecha-R07-Dcha.svg') no-repeat;
    background-size: contain;
    background-position: right;
    content: "";
    height:22%;
    width:22%;
	  z-index: 9;
}

#bgBlock1, #bgBlock2{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

#bgBlock1{
    background: radial-gradient(ellipse at right top, rgba(90,115,138,1) 0%, rgba(13,13,13,0) 40%);
    animation: cambiarDegradado 16s infinite;
    background-size: 100% 100%;
    animation-delay: 8s;
}

#bgBlock2{
    background: radial-gradient(ellipse at left bottom, rgba(90,115,138,1) 0%, rgba(13,13,13,0) 40%);
    animation: cambiarDegradado 16s infinite;
    background-size: 100% 100%;
}

.elementor-editor-active #bgBlock1,
.elementor-editor-active #bgBlock2{
    display: none!important;
}

@keyframes cambiarDegradado {
    0% {
      background-position: 0% 0%;
      background-size: 100% 100%;
    }

    50% {
        background-position: 100% 100%;
        background-size: 200% 200%;
    }

    100% {
        background-position: 0% 0%;
        background-size: 100% 100%;
    }
  }
  
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.bgBlurImg{
    display: none!important;
}

body, html{
    overflow-x: hidden!important;
    box-sizing: border-box;
}

.displayNone{
	display: none!important;
}

.bgTransparent{
    background: transparent!important;
}


#eventos-grid .e-loop-nothing-found-message{
    display: block!important;
    color: #a3abb0;
}

.e-loop-nothing-found-message{
    display: none!important;
}

.rojoIsdi{
    color: #ED1F41;
}

.rojoIsdiFondoClaro{
    /*color: #E31E3E;*/
    color: #ED1F41;
}

.redIsdi{
    color: #ED1F41;
}

.redIsdiFondoClaro{
    /*color: #E31E3E;*/
    color: #ED1F41;
}

.bgIsdi{
    background: #ED1F41!important;
}

.comillasIsdi::before {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Flecha-izqda-41px.png');
}

.comillasIsdi::after {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Flecha-dcha-41px.png');
}

.comillasIsdi93px::before {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Izqda.svg');
	margin-right: 11px;
}

.comillasIsdi93px::after {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Dcha.svg');
	margin-left: 6px;
}

.comillasHacer::before {
    background-image: url(https://www.isdi.education/es/wp-content/uploads/2024/03/comillasHacerLeft.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 60px;
    height: 93px;
    content: "";
	margin-right: 12px;
}

.comillasHacer::after {
    margin-left: 12px;
    background-image: url(https://www.isdi.education/es/wp-content/uploads/2024/03/comillasHacerRight.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 60px;
    height: 93px;
    content: "";
}

.comillasIsdi57px::before {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Primero-Llaman-Izqda.svg');
	margin-right: 6px;
}

.comillasIsdi57px::after {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Primero-Llaman-Dcha.svg');
	margin-left: 11px;
}


.comillasIsdiBlack33px::before {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Flecha-ISDI-footer-Izqda.svg');
	margin-right: 6px;
}

.comillasIsdiBlack33px::after {
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/Flecha-ISDI-footer-Dcha.svg');
	margin-left: 11px;
}



.comillasIsdiShort::before {
    content: '‹';
    margin-right: 2px;
}

.comillasIsdiShort::after {
    content: '›';
    margin-left: 2px;
}

.comillasIsdiStandar::before {
    content: '\003C';
    margin-right: 1px;
}

.comillasIsdiStandar::after {
    content: '\003E';
    margin-left: 1px;
}


@keyframes slideY {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}

@keyframes slideYinv {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes slideX {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}

@keyframes slideXinv {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0%);
    }
}

@keyframes slideXinv2{
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0%);
    }
}

/* BOTONES */ 

.flechaVerTodas .elementor-button-icon, .redArrowBtn .elementor-button-icon, .sede .elementor-button-icon, .formacion .elementor-button-icon{
	margin-top: 3px;
}

.flechaVerTodas svg{
    width: 40px;
}

.flechaVerTodas .elementor-button-text{
    margin-top: 8px;
}


.isdiArrowBtnWhite .elementor-button-content-wrapper{
    align-items: center;
}

.isdiArrowBtnWhite .elementor-button-icon.elementor-align-icon-right{
    background: white;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.isdiArrowBtnRed .elementor-button-content-wrapper{
    align-items: center;
}

.isdiArrowBtnRed .elementor-button-icon.elementor-align-icon-right{
    background: #ED1F41;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CONTADOR */ 

/*
.isdiCounter .elementor-counter-number-prefix{
    display: none;
} */ 

.isdiCounter .elementor-counter-number{
    margin-bottom: 12px;
}

.isdiCounter .elementor-counter-title{
    text-align: left!important;
}

/* CUSTOM CAROUSEL */ 
/*.customCarousel .testimonioComillaLeft,
.customCarousel .testimonioComillaRight{
	cursor: pointer;
}*/

.customCarousel .swiper-pagination-fraction{
    transform: rotate(69deg)!important;
    flex-direction: column-reverse;
    display: flex;
}

.customCarousel.blanco .swiper-pagination-fraction{
    color: #9CA3A8!important;
}

.customCarousel.negro .swiper-pagination-fraction{
    color: #0a0a0a!important;
}

.customCarousel .swiper-pagination-current{
    transform: rotate(-69deg);
    display: block;
    margin-top: -22px;
    padding-right: 60px;
}

.customCarousel .swiper-pagination-current::before{
    content: '0';
}

.customCarousel .swiper-pagination-total{
    transform: rotate(-69deg);
    display: block;
    margin-bottom: -18px;
    padding-left: 56px;
}

.customCarousel.blanco .swiper-pagination-total{
    color: white;
}

.customCarousel.negro .swiper-pagination-total{
    color: #52595F;
}

.customCarousel .swiper-pagination-total::before{
    content: '0';
}

.swiper-wrapper .elementor-section-wrap, .testimonioAngel {
	height: 100%!important;
}


 


.blanco .swiper-pagination-fraction{
    color: #9CA3A8!important;
}

.negro .swiper-pagination-fraction{
    color: #0a0a0a!important;
}

.blanco .swiper-pagination-total{
    color: white!important;
}

.negro .swiper-pagination-total{
    color: #52595F!important;
}

/* START HEADER CURSOR MOTION */
/*
header,
header a:hover,
header svg:hover{
    cursor: none!important;
}
*/

#headerCursor {
    position: fixed;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transform: translate(-50%, -50%);
    opacity: 0;
    filter: blur(4px);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    z-index: 9999;
}
/* END HEADER CURSOR MOTION */

/* START DARK 2 LIGHT TRANSITION MOTION */
.hideProgressIndicator{
	opacity: 0;
}

.lightSection,
.changeColor h1,
.changeColor h2,
.changeColor h3,
.changeColor h4,
.changeColor p,
.changeColor a,
.changeColor span,
.changeColorCarousel .e-loop__load-more .elementor-button-text{
	transition: 0.5s ease-in-out;
}

.lightSection.enableTransition{
	background: #E1E2DD!important;
}

.lightSection.enableTransition div{
	border-color: #000000!important;
	--border-color: #000000!important;
}

.lightSection.enableTransition .changeColor h1,
.lightSection.enableTransition .changeColor h2,
.lightSection.enableTransition .changeColor h3,
.lightSection.enableTransition .changeColor h4,
.lightSection.enableTransition .changeColor p,
.lightSection.enableTransition .changeColor a,
.lightSection.enableTransition .changeColor span,
.lightSection.enableTransition .changeColorCarousel .e-loop__load-more .elementor-button-text{
	color: black!important;
}

.lightSection.enableTransition .changeColor .rojoIsdiFondoClaro,
.lightSection.enableTransition .changeColor h1 span,
.lightSection.enableTransition .changeColor h2 span,
.lightSection.enableTransition .changeColor h3 span,
.lightSection.enableTransition .changeColor h4 span{
	color: #ED1F41!important;
}
/* END DARK 2 LIGHT TRANSITION MOTION */

/* START IMAGE MOTION */ 
.imgMotion{
	overflow: hidden;
	clip-path: inset(10%);
	transition: 1s ease-in-out;
}

.imgMotion img{
	transform: scale(1.2);
	transition: 1s ease-in-out;
	opacity: 0;
}

.imgMotion.active{
	clip-path: inset(0%);
}

.imgMotion.active img{
	transform: scale(1);
	opacity: 1;
}
/* END IMAGE MOTION */ 

/* START BUTTONS MOTION */ 
.btnLink a{
	position: relative;
}

.btnLink .elementor-button-wrapper{
	overflow: hidden!important;
}

.btnLink a:after{
	content: '';
	background: white;
	transition: 0.6s ease-in-out;
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -4px;
}

.btnLink.red a:after,
.btnLink.red a:before{
	background: #ed1f41;
}

.btnLink.black a:after,
.btnLink.black a:before{
	background: #0a0a0a;
}

.btnLink:hover a:after,
.btnLink:hover a:before{
	transform: translate(200%, 0px);
}

.btnLink a:before{
	content: '';
	background: white;
	transition: 0.6s ease-in-out;
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -4px;
	left: -200%;
}

.btnArrrow svg .st0{
	fill: #ffffff!important;
}

.btnArrrow.red svg,
.btnArrrow.red svg polygon{
	fill: #edf141!important;
}

.btnArrow:before{
	background: url('https://www.isdi.education/es/wp-content/uploads/2024/03/short-arrow-white.svg');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	content: '';
	left: -30px;
	top: 2px;
	transition: 0.3s ease-in-out;
	opacity: 0;
}

.btnArrow:after{
	background: url('https://www.isdi.education/es/wp-content/uploads/2024/03/short-arrow-white.svg');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	content: '';
	right: 0px;
	top: 2px;
	transition: 0.3s ease-in-out;
	opacity: 1;
}

.btnArrow.red:before,
.btnArrow.red:after{
	background: url('https://www.isdi.education/es/wp-content/uploads/2024/03/short-arrow-red.svg');
}

.btnArrow.black:before,
.btnArrow.black:after{
	background: url('https://www.isdi.education/es/wp-content/uploads/2024/03/short-arrow-black.svg');
}

.btnArrow:hover::before{
	transform: translate(30px, 0px);
	opacity: 1;
}

.btnArrow:hover::after{
	transform: translate(30px, 0px);
	opacity: 0;
}

.btnArrow .elementor-widget-container{
	overflow: hidden;
	white-space: nowrap;
}

.btnArrow .elementor-button-wrapper{
	transition: 0.3s ease-in-out;
}

.btnArrow:hover .elementor-button-wrapper{
	transform: translate(30px, 0px);
}

.btnArrowCircle .elementor-button-icon{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	background: #ffffff;
	transition: 0.5s ease-in-out;
}

.btnArrowCircle.red .elementor-button-icon{
	background: #ed1f41;
}

.btnArrowCircle a:hover .elementor-button-icon{
	background: #e1e2dd;
}

.btnArrowCircle.red a:hover .elementor-button-icon{
	background: #c9102f;
}

.btnArrowCircle svg{
	height: 20px!important;
	width: auto!important;
	fill: black;
	transform: translate(-50px, 4px);
	transition: 0.5s ease-in-out;
}

.btnArrowCircle.red svg{
	fill: #f1f1f1;
}

.btnArrowCircle a:hover svg{
	transform: translate(10px, 4px);
}

.btnCircle a{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	background: #ffffff;
	transition: 0.5s ease-in-out;
}

.btnCircle a:hover{
	background: #e1e2dd;
}

.btnCircle.red a{
	background: #ed1f41;
}

.btnCircle.red a:hover{
	background: #c9102f;
}

.btnCircle svg{
	fill: black!important;
	height: 20px!important;
	transform: translate(-50px, 10px);
	transition: 0.5s ease-in-out;
}

.btnCircle.red svg{
	fill: white!important;
}

.btnCircle a:hover svg{
	transform: translate(10px, 10px);
}
/* END BUTTONS MOTION */ 

.plusIconContainer{
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.plusIcon{
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plusIcon.black .horizontalBar,
.plusIcon.black .verticalBar{
    background: black;
}

.plusIcon.white .horizontalBar,
.plusIcon.white .verticalBar{
    background: white;
}

.plusIcon .horizontalBar{
    width: 16px;
    height: 1px;
    transition: 0.3s ease-in-out;
}

.plusIcon .verticalBar{
    height: 16px;
    width: 1px;
    margin-left: -8px;
    transition: 0.3s ease-in-out;
}

.plusIconContainer.active .verticalBar{
    rotate: -90deg;
}

/*POPUP CAMPUS Y CONTACTO*/
#campusBtn{
    cursor: pointer;
}

.popupContainer{
    position: fixed!important;
    z-index: 9999!important;
    top: 0px;
    left: 0px;
    width: 100vw!important;
    height: 100svh!important;
    display: block!important; 
    opacity: 1;
    animation: showPopup 0.5s ease-in-out;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.popupContainer.hidePopup{
    display: none!important; 
    opacity: 0;
    top: 0px;
    left: 0px;
    animation: hidePopup 0.5s ease-in-out;
}

.popupBody{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 100px);
    max-width: 1000px;
    cursor: auto!important;
}

.popupContainer .popupBody a,
.popupContainer .popupBody .elementor-button,
.popupContainer .popupBody .popupClose,
.popupContainer .popupBody .popupClose svg,
.popupContainer .popupBody svg{
    cursor: pointer!important;
}

@keyframes showPopup {
    0% {
        display: none;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hidePopup {
    0% {
        display: flex;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#hacerHacerImg{
    position: absolute;
    width: 100%;
}

#hacerHacerImg img{
    transition: 0.25s ease-in-out;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(25%, 0px);
    width: 324px;
    height: 100px;
}

#content.post-password-required{
    z-index: 995;
    position: relative;
    color: white;
    padding: 100px;
}
/* END GENERAL SETTINGS */ 


/* START HEADER MESSAGE */
.mensajeHeaderLoop{
    overflow-x: hidden;
}

.bannerMensajeHeader{
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.bannerMensajeHeader.par .mensajeHeaderTxt{
    display: inline-block;
    animation: 35s slideX infinite linear;
}

.bannerMensajeHeader.impar .mensajeHeaderTxt{
    display: inline-block;
    animation: 35s slideXinv infinite linear;
}

.mensajeHeaderTxt a{
    font-size: 20px!important;
    line-height: 24px!important;
    display: inline-flex;
    margin: 0 8px;
}
/* END HEADER MESSAGE */ 


/* START HEADER */
#isdiHeader{
    transition: 0.3s ease-in-out;
}

#isdiHeader.scrolled{
    background: rgba(37, 46, 54, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

#isdiHeader.scrolled #headerLogoDigitalent{
    top: 20px;
    left: 80px;
}

#isdiHeader.unscrolled{
    background: transparent;
}

#isdiHeader.unscrolled #headerLogoDigitalent{
    top: 70px;
    left: -4px;
}

#isdiHeader.bgTransparent{
    transition-delay: 100ms;
}

#isdiHeader #headerRight .elementor-icon-wrapper{
    display: flex;
}

.teAsesoramosBtn svg{
    width: 18px;
    margin-bottom: -4px;
}

.teAsesoramosBtn a{
    width: 184px!important;
}

.teAsesoramosBtn a:hover svg{
    fill: transparent!important;
}

.teAsesoramosBtn a:hover svg path{
    stroke: #ED1F41;
}

#headerMenu .current-menu-item a{
    color: white;
}

#headerMenu .current-menu-item a::after{
    content: '';
    width: 16px;
    height: 2px;
    background: #ED1F41;
    bottom: 0px;
}

#headerMenu li .active{
    color: #fff!important;
}

#headerMenu li .active:hover::before{
    opacity: 0;
}

#headerMenu li .active::before{
    opacity: 1;
    content: '';
    width: 16px;
    height: 2px;
    background: #ED1F41;
    bottom: 0px;
}

#headerLogoISDI a,
#headerLogoDigitalent a{
    line-height: 1px!important;
    transition: 0.3s ease-in-out!important;
}

#headerLogoISDI,
#headerLogoDigitalent{
    transition: 0.3s ease-in-out!important;
}

#headerLogoDigitalent{
    position: absolute;
    top: 70px;
    left: 0px;
}

/*MOBILE MENU*/
#mobileMenuIcon{
    width: 40px;
    height: 40px;
    background: #252E36;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s ease-in-out;
}

#mobileMenuIcon rect,
#mobileMenuIcon svg{
    transform-origin: center;
    transition: 0.25s ease-in-out;
}

#mobileMenuIcon.open svg{
    transform: scale(1.2);
}

#mobileMenuIcon.open #barra1{
    transform: translate(-10px, 0px);
    opacity: 0;
}

#mobileMenuIcon.open #barra2{
    transform-origin: center center;
    transform: rotate(45deg);
}

#mobileMenuIcon.open #barra4{
    transform-origin: center center;
    transform: rotate(-45deg);
}

#mobileMenuIcon.open #barra3{
    transform: translate(10px, 0px);
    opacity: 0;
}
/* END HEADER */ 

/* BREADCRUMB */
#breadcrumb {
    color: #FFF;
    font-size: 12px;
    /* position: -webkit-sticky; */
    /* position: sticky; */
    position: fixed;
    top: 165px;
    left: 22px;
}

#breadcrumb a {
    color: #FFF;
    font-size: 12px;
    line-height: 0px;
}

#breadcrumb.scrolled {
    display: none;
}

#breadcrumb.unscrolled {
    top: 195px!important;
    left: 25px!important;
    width: 100% !important;
    margin-top: -50px!important;
}

.breadcrumbs-container{
    background: rgba(37, 46, 54, 1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: var(--transition)!important;
    position: relative;
}

.breadcrumbs-container.unscrolled{
    opacity: 0;
    top: 50px!important;
    filter: blur(6px);
}
 
.breadcrumbs-container.scrolled{
    opacity: 1;
    top: 83px!important;
    filter: blur(0px);
}

.breadcrumbs-container .breadcrumbs{
    padding-right: 20px;
}

@media only screen and (min-width: 767px) {
    .breadcrumbs-container .breadcrumbs a{
        color: var(--isdi-cream)!important;
        font-weight: 400!important;
        font-size: 18px;
        line-height: 20px !important;
        transition: var(--transition);
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs-container.scrolled{
        top: 73px!important;
    }

    .breadcrumbs-container .breadcrumbs,
    .breadcrumbs-container .breadcrumbs a{
        font-size: 16px!important;
        line-height: 18px !important;
    }

    .breadcrumbs-container::after{
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        right: 19px;
        width: 20px;
        height: 44px;
        background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(37, 46, 54, 0.9) 90%);
    }
}

.single-formacion .breadcrumbs-container > .e-con-inner{
    padding: 13px 0px;
}

.breadcrumbs{
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: auto;
    color: white;
    transition: var(--transition);
    font-weight: 600;
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
}


.breadcrumbs a:hover{
    color: var(--isdi-red)!important;
}
/* END BREADCRUMB */

/* START HEADER SUBMENU */
#headerMenu li a:hover{
    color: #ED1F41!important;
}

#submenuContainer{
    min-height: 90vh;
    height: 90vh;
    max-height: 90vh;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: 0.5s ease-in-out;
    padding-bottom: 50px;
}

#submenuContainer.visible{
    filter: blur(0px);
}

#submenuContainer.invisible{
    top: -150vh;
    filter: blur(12px);
}

#submenuMainRow,
#submenuImg{
    height: 100%;
}

#hoverSubmenu p::after{
    content: '';
    width: 16px;
    height: 2px;
    background: #ED1F41;
    margin-top: 6px;
    display: block;
}

#submenuMenu a:hover{
    color: #ED1F41;
    background: transparent;
}

#submenuMenu ul a{
    color: white;
    font-size: 20px;
    padding: 12px 0px;
}

#submenuMenu ul .current-menu-item a{
    background: transparent;
    color: #ed1f41;
}

#menu-1-05e0cfa ul{
    display: none!important;
}

#submenuMenu .ThirdLevelMenu::before{
    content: none!important;
}

#submenuMenu .ThirdLevelMenu:hover{
    transform: translate(0px, 0px);
}

#submenuMenu .ThirdLevelMenu::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/isdiArrow-hrefHoverWhite.svg');
    width: 24px;
    height: 24px;
    background: transparent;
    margin-left: 4px;
    transition: 0.25s ease-in-out;
}

#submenuMenu .ThirdLevelMenu:hover::after,
#submenuMenu .ThirdLevelMenu.hover::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/isdiArrow-hrefHover.svg');
    width: 24px;
    height: 24px;
    margin-left: 4px;
}

#submenuMenu .ThirdLevelMenu.hover{
    color: #ED1F41;
}

.submenuSubmenuBtn svg{
	margin-top: 3px;
}

.submenuSubmenu{
    /*overflow-y: scroll;*/
	  overflow-y: auto;
		overflow-x: hidden;
}

.submenuSubmenuColumn{
    /*overflow-y: scroll;*/
	  overflow-y: auto;
	  overflow-x: hidden;
}

.submenuSubmenuColumn a:hover{
    color: #ED1F41!important;
}

.submenuTitle::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/flecha-blanca-sedes.svg');
    top: 4px;
    right: -28px;
    position: absolute;
    transition: 0.25s ease-in-out;
}

.submenuTitle{
    transition: 0.25s ease-in-out;
}

.submenuTitle:hover::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/rightArrow-right.svg');
}

#submenuMenu .menu-item-2233 a{ /* BUSCADOR DE PROGRAMAS */
    background: #ED1F41;
    color: white;
    padding: 8px 24px 8px 24px!important;
    margin-top: 12px;
    display: inline-block;
    border-radius: 200px;
    line-height: 24px!important;
    font-size: 16px!important;
    white-space: nowrap;
}

#submenuMenu .menu-item-2233 a:hover,
#submenuMenu .menu-item-2233 a:focus{ /* BUSCADOR DE PROGRAMAS */
    background-color: #fff!important;
    color: #ED1F41!important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#submenuMenu div::-webkit-scrollbar {
    display: none;
  }
  
/* Hide scrollbar for IE, Edge and Firefox */
#submenuMenu div {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/*MOBILE MEGAMENU*/
#megamenuMobileBackBtn{
    opacity: 1;
    visibility: visible;
   -moz-opacity: 1; /* Firefox and Mozilla browsers */
   -webkit-opacity: 1; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=100); /* For IE8 and earlier */
   position: unset!important;
}

#megamenuMobile{
	height: 100svh;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    top: -2000px;
    filter: blur(12px);
    transform: scaleX(1.1);
    transition: 0.5s ease-in-out!important;
}

#megamenuMobile.visible{
    filter: blur(0px);
    top: 0px;
    transform: scaleX(1);
}

#megamenuMobileUserContainer{
    position: absolute;
    bottom: 20px;
    max-width: calc(100% - 40px);
}

#megamenuMobileContent{
    height: calc(100svh - 260px);
    max-height: calc(100svh - 260px);
    overflow-y: auto;
    position: absolute;
    top: 155px;
    max-width: calc(100% - 40px);
}

#megamenuMobileMainMenu ul li a{
    line-height: 30px;
    color: white;
    font-size: 20px;
    font-family: 'PP Neue';
    font-weight: 400;
    padding: 0px;
}

#megamenuMobileMainMenu ul li a:hover,
#megamenuMobileMainMenu ul li a:focus{
    color: #ED1F41;
    background-color: transparent;
}


#megamenuMobileMainMenu .menu-item-2230 a::after,
#megamenuMobileMainMenu .menu-item-2231 a::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/isdiArrow-hrefHoverWhite.svg');
    top: 6px;
    position: relative;
    right: -6px;
}

#megamenuMobileMainMenu .menu-item-2230 a:hover::after,
#megamenuMobileMainMenu .menu-item-2230 a:focus::after,

#megamenuMobileMainMenu .menu-item-2231 a:hover::after,
#megamenuMobileMainMenu .menu-item-2231 a:focus::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/isdiArrow-hrefHover.svg');
    top: 6px;
    position: relative;
    right: -6px;
}

#megamenuMobile .elementor-item-active{
    background-color: transparent;
}

#megamenuMobile .menu-item-2233 a{ /* BUSCADOR DE PROGRAMAS */
    background: #ED1F41;
    padding: 8px 24px!important;
    margin-top: 8px;
    display: inline-block;
    border-radius: 200px;
    line-height: 24px!important;
}

#megamenuMobile .menu-item-2233 a:hover,
#megamenuMobile .menu-item-2233 a:focus{ /* BUSCADOR DE PROGRAMAS */
    background-color: #fff!important;
}

.megamenuMobile3rdLevelTitle p::before{
    content: '';
    width: 16px;
    height: 2px;
    background: #ED1F41;
    bottom: -8px;
    position: absolute;
}

.megamenuMobile3rdLevelTitle p::after{
    content: url('https://www.isdi.education/wp-content/uploads/2023/12/flecha-blanca-sedes.svg');
    top: 3px;
    position: relative;
    left: 10px;
}

#megamenuMobileContent > .e-con-inner{
    flex-direction: row;
    align-content: baseline;
}
/* END HEADER SUBMENU */ 

/* START HOME */ 
#hacerImgDesktop img{
    position: absolute;
    top: -535px;
    width: 325px;
    height: 100px;
    transform: translate(-20%, 0px);
    object-position: top;
    transition: 0.5s ease-in-out;
}

#hacerImgDesktop.desplazada img{
    position: absolute;
    top: 0px;
    width: 1600px;
    height: 700px;
    transform: translate(-50%, 0px);
    object-position: top;
    transition: 0.5s ease-in-out;
}

#hacerImgMobile img{
    width: 90px;
    height: 28px;
    object-position: top;
    position: absolute;
    top: -210px;
    left: 140px;
}

.elementor-grid .elementor-section-wrap{
	height: 100%!important;
}

    /* START HOME REDESIGN */
        .videoSection .left,
        .videoSection .right{
            transition: 0.3s ease-in-out;
        }

        .videoSection .left.reduced{
            width: 40%;
        }

        .videoSection .right.expanded{
            width: 60%;
        }

        .videoSection .videoISDI{
            border-radius: 24px;
            overflow: hidden;
        }

        .videoSection .videoISDI video{
            transition: 0.3s ease-in-out;
            min-height: 350px;
        }

        .videoSection .videoISDI .elementor-custom-embed-image-overlay{
            transition: 0.3s ease-in-out;
            filter: brightness(0.75);
        }

        .videoSection .videoPlayContainer{
            position: absolute;
            cursor: pointer;
            pointer-events: none;
            bottom: 12px;
            left: 12px;
        }

        .videoSection .videoPlay{
            transition: 0.5s ease-in-out;
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.5);
            box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.05);
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
            border-radius: 100px;
            width: max-content;
            padding: 6px;
            padding-right: 12px;
            gap: 8px;
            overflow: hidden;
            max-width: 54px;
        }
 
        .videoSection .videoPlay .icon{
            transition: 0.5s ease-in-out;
            display: flex;
            padding: 10px;
            background: rgba(255, 255, 255, 0.5);
            border: 1px solid white;
            border-radius: 20px;
        }

        .videoSection .videoPlay .icon svg{
            fill: #212121;
            width: 20px;
            height: 20px;
        }

        .videoSection .right:hover .videoPlay{
            background: rgba(255, 255, 255, 0.65);
            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
            max-width: 500px;
        }

        .videoSection .right:hover .videoPlay .icon{
            background: rgba(255, 255, 255, 0.9);
        }

        .videoSection .videoPlay span{
            white-space: nowrap;
        }

        .profesoresSection{
            overflow: hidden;
            position: relative;
        }

        .profesoresSection::after{
            pointer-events: none;
            /*backdrop-filter: blur(1px);*/
            /*-webkit-backdrop-filter: blur(1px);*/
            content: '';
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 70%;
            height: 100%;
            background: linear-gradient(90deg, rgba(37, 46, 54, 0.95) 65%, rgba(37, 46, 54, 0) 100%);
        }

        .profesoresSection .e-con-inner > .right{
            transition: 1s;
            position: absolute;
            top: 0px;
            left: 0%;
            width: 100%;
            height: 100%;
            animation: none;
        }

        @keyframes moveLeft {
            from {
              left: 50%;
            }
            to {
              left: -100%;
            }
        }

        .profesoresSection .right .profesoresShortcode,
        .profesoresSection .right .profesoresShortcode .elementor-shortcode{
            height: 100%;
        }

        .profesoresSection .profesoresContainer{
            grid-template-columns: repeat(9, 1fr);
            height: calc(50% - 10px);
            width: 100%;
            max-width: 2500px;
            margin: auto auto 20px auto;
        }

        .profesoresSection .profesoresContainer:last-child{
            max-width: 2500px;
            margin: auto auto 0px auto;
            transform: translate(-20px, 0px);
        }

        .profesoresSection .cardProfesor{
            transition: 0.3s ease-in-out;
            filter: brightness(0.8);
            min-height: 0px;
            min-width: 225px;
        }

        .profesoresSection .cardProfesor:hover{
            filter: brightness(1);
        }
    /* END HOME REDESIGN */

/* END HOME */ 


/* START TESTIMONIOS */ 
#carruselTestimonios .elementor-swiper-button-prev, #carruselTestimonios .elementor-swiper-button-next{
    width: 77px;
    height: 120px;
    margin:20px;
}

#carruselTestimonios .elementor-swiper-button-prev svg, #carruselTestimonios .elementor-swiper-button-next svg{
    width: auto;
    height: auto;
}
/* END TESTIMONIOS */ 

/* START CAROUSEL VERTICAL */ 
.carouselDown, .carouselUp {
overflow: hidden;
padding: 0px;
white-space: nowrap;
position: relative;
height: 750px;
}

.carouselDown:hover .carouselDown-slide {
    /*animation-play-state: paused;*/
}

.carouselDown-slide {
    display: block;
    animation: 90s slideY infinite linear;
}

.carouselUp-slide {
    display: block;
    animation: 150s slideYinv infinite linear;
}
/* END CAROUSEL VERTICAL */ 



/* START PROFESORES */ 

.page-id-2689 #elementor-popup-modal-7958 .elementor-location-popup .imagenVerticalDestacada {
	height: 380px;
}

.page-id-2689 #elementor-popup-modal-7958 .elementor-location-popup .imagenVerticalDestacada img {
    height: 380px;
    object-fit: cover;
}

/* END PROFESORES */ 






/* START PROFESORES LOOP CARD */ 
.profCard{
    max-width: 275px;
}

.profCardLogo img{
    max-width: 100px!important;
    max-height: 40px!important;
    object-fit: contain;
    object-position: center center;
}

.profCard:hover:before{
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg )!important;
        transition: 0.5s ease-in-out!important;
}

.profCardBoxRoles{
    height: 45px!important;
}

.cardEquipo-imagen{
	width: 100%;
}

.cardEquipoContainer-logo img{
	filter: brightness(0);
}

.cardProfesores08{
	max-width: 276px!important;	
    margin: auto;
}

.cardProfesores08-bgImg{
    height: 100%;
}

.cardProfesores08 .cardProfesores08-row{
    transition: 0.25s ease-in-out;
}
.cardProfesores08:hover .cardProfesores08-row{
    background: #6B7379!important;
}

.equipo-homemobile{
	min-width: 250px;
}
/* END PROFESORES LOOP CARD */ 

/* START NATIVE PROFESOR CARD */ 
.elementor-editor-active .profesoresContainer{
    display: none!important;
}

.profesoresContainer{
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}

.cardProfesor{
    position: relative;
    width: 100%;
    min-height: 380px;
}

.cardProfesor .profesorImagen{
    position: absolute;
    width: 100%;
    height: 100%;
}

.cardProfesor .profesorImagen .overlay{
    background: linear-gradient(180deg, #ffffff00 35%, #000000E6 99%);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.cardProfesor .profesorImagen img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0);
}

.cardProfesor .profesorInfo{
    position: absolute;
    bottom: 8px;
    left: 50%;
    min-height: 120px;
    transform: translate(-50%, 0);
    width: calc(100% - 16px);
    gap: 12px;
    padding: 16px;
    background: #3D454D;
    display: flex;
    align-items: center;
    z-index: 2;
}

.cardProfesor .profesorInfo .left{
    width: 70%;
}

.cardProfesor .nombre,
.cardProfesor .cargo{
    font-family: "PP Neue", Sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.cardProfesor .nombre{
    color: white;
    font-size: 16px;
    line-height: 20px;
}

.cardProfesor .cargo{
    color: #9CA3A8;
    font-size: 14px;
    line-height: 18px;
}

.cardProfesor .profesorInfo .right{
    width: 30%;
}

.cardProfesor .logo img{
    width: 100%;
    height: 42px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

#loadMoreProfesores{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#loadMoreProfesores button{
    width: 150px;
    color: white;
    font-size: 18px;
}

.single-formacion .contadorDeProfesores{
    margin-top: 0px!important;
}

#loadMoreContainer{
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

#loadMoreProfesores{
    background: transparent;
    padding: 0px;
    font-family: 'PP Neue', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

#loadMoreContainer .loader{
    transition: 0.3s ease-in-out;
    opacity: 0;
}

.profesoresMobile .swiper-pagination{
    color: transparent;
    display: flex;
    margin-bottom: -20px;
}

.profesoresMobile .swiper-pagination-current{
    color: white;
}

.profesoresMobile .swiper-pagination-total{
    color: #9CA3A8;
}

.profesoresMobile .swiper-pagination-current::before,
.profesoresMobile .swiper-pagination-total::before{
    content: '0';
}

.profesoresMobile .swiper-pagination-current::after{
    content: '—';
    color: #9CA3A8;
    margin-left: 8px;
}

.profesoresMobile .elementor-swiper-button-prev{
    top: 100%!important;
    left: calc(100% - 64px)!important;
}

.profesoresMobile .elementor-swiper-button-next{
    top: 100%!important;
    right: 0px!important;
}
/* END NATIVE PROFESOR CARD */ 


/* START LOGO CAROUSEL */
.logos {
    overflow: hidden;
    background: transparent;
    white-space: nowrap;
    position: relative;
    max-width: 2500px;
    margin: auto;
}
/*
.logos:before,
.logos:after {
    position: absolute;
    top: 0;
    width: 25px;
    height: 100%;
    content: "";
    z-index: 2;
}
*/
.logos-slide {
    display: inline-block;
    animation: 35s slideX infinite linear;
}

.logos-slide.inv {
    animation: 35s slideXinv infinite linear!important;
}

.logos-slide div {
    margin: 0 8px;
    width: 335px;
    height: 184px;
    padding: 75px;
    display: inline-flex;
}

.logos-slide.white div {
    margin: 0 8px;
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 50px;
    padding: 0px 25px;
    display: inline-flex;
    background: transparent!important;
}

.logos-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.logos-slide div:nth-child(3n+1) {
    background: #ED1F41;
}

.logos-slide div:nth-child(3n+2) {
    background: #6B7379;
}

.logos-slide div:nth-child(3n+3) {
    background: #E1E2DD;
}

.logos-slide.inv div:nth-child(3n+1) {
    background: #6B7379;
}

.logos-slide.inv div:nth-child(3n+2) {
    background: #0B1014;
}

.logos-slide.inv div:nth-child(3n+3) {
    background: #4D0009;
}
/* END LOGO CAROUSEL*/



/*START LOGOS BLANCOS 4 FILAS*/

/*
@keyframes slideLogosWhite {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
.logosWhite {
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
    position: relative;
  }
  .logosWhite:hover .logosWhite-slide, .logosWhite.otro:hover .logosWhite-slide2, .logosWhite.otro3:hover .logosWhite-slide3, .logosWhite.otro4:hover .logosWhite-slide4{
    animation-play-state: paused;
  }
  .logosWhite .logosWhite-slide, .logosWhite.otro3 .logosWhite-slide3   {
    display: inline-block;
    animation: 35s slideLogosWhite infinite linear;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
  }
  .logosWhite.otro .logosWhite-slide2,  .logosWhite.otro4 .logosWhite-slide4 {
    display: inline-block;
    animation: 35s slideLogosWhite infinite linear reverse;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
  }
  .logosWhite-slide img, .logosWhite-slide2 img, .logosWhite-slide3 img, .logosWhite-slide4 img{
    height: 25px!important;
    margin: 0 50px; 
    max-width: 180px!important;
  }
  .logosWhite .logoCuadrado{
    height: 40px !important;
    margin-top: -5px;
  }

*/




/* START LOGOS WHITE CAROUSEL*/
@keyframes slide-logosWhite {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  @keyframes slide-logosWhiteInv {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
  }

  .logosWhite {
    overflow: hidden;
    padding: 0px;
    background: transparent;
    white-space: nowrap;
    position: relative;
  }

  .logosWhite-slide {
    display: inline-block;
    animation: 35s slide-logosWhite infinite linear;
  }

  .logosWhite-slide.inv {
    display: inline-block;
    animation: 35s slide-logosWhiteInv infinite linear;
  }

  .logosWhite-slide img {
    height: 36px!important;
    max-width: 100px !important;
    object-fit: contain;
    margin: 0 40px;
  }
/* END LOGOS WHITE CAROUSEL*/



/* V2 */


.logo-slider-container {
    width: 100%;
}

.logo-slider, .logo-slider-2, .logo-slider-3, .logo-slider-4 {
    display: flex;
    width: 100%;
    pointer-events: none;
}

.logo-item {
  flex: 0 0 auto; 
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-align: center;
}
.logo-slider-container .slick-list{
  overflow: visible;
}

.logo-item img{
    max-width: 160px!important;
    height: 25px!important;
    margin: 0 auto;
}

.logoCuadrado img{
    height: 40px !important;
    margin-top: -5px;
  }


@keyframes logo-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


/*END LOGOS BLANCOS 4 FILAS*/


/* START LOGOS WHITE CAROUSEL*/
/*
@keyframes slide-logosWhite {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  @keyframes slide-logosWhiteInv {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
  }

  .logosWhite {
    overflow: hidden;
    padding: 0px;
    background: transparent;
    white-space: nowrap;
    position: relative;
  }

  .logosWhite-slide {
    display: inline-block;
    animation: 35s slide-logosWhite infinite linear;
  }

  .logosWhite-slide.inv {
    display: inline-block;
    animation: 35s slide-logosWhiteInv infinite linear;
  }

  .logosWhite-slide img {
    height: 36px!important;
    max-width: 100px !important;
    object-fit: contain;
    margin: 0 40px;
  }

  */
/* END LOGOS WHITE CAROUSEL*/


/*FIN DUPLICADO CHILD THEME CSS POR TEMAS DE CACHE, SOLO TEMPORAL*/




/* START FORMACIONES */
.formacionISDI .swiper-pagination-fraction{
    color: #9CA3A8!important;
    transform: rotate(69deg)!important;
    flex-direction: column-reverse;
    display: flex;
}

.formacionISDI .swiper-pagination-current{
    transform: rotate(-69deg);
    display: block;
    margin-top: -30px;
    padding-right: 60px;
}

.formacionISDI .swiper-pagination-current::before{
    content: '0';
}

.formacionISDI .swiper-pagination-total{
    color: black;
    transform: rotate(-69deg);
    display: block;
    margin-bottom: -30px;
    padding-left: 56px;
}

.formacionISDI .swiper-pagination-total::before{
    content: '0';
}

.formacionCardMouseHover{
    z-index: 9999;
    border-radius: 200px;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    transition: 0.2s ease-in-out;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.etiquetaDuracion {
	max-width:145px;
	margin:10px;
	border-radius: 200px;
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(2px);
	padding: 8px 8px;
}

.cardFormacionesBackground{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cardFormacionesImage{
    min-width: 100%!important;
}

.cardFormacionesDuracion{
	width: auto;
}

.cardFormaciones,
.cardFormacionesContent,
.cardBecas{
    height: 100%!important;
}
/* END FORMACIONES */

/**/

/* START TESTIMONIOS PROGRAMAS */
.formacion-testimoniosContainer{
    display: flex;
    justify-content: center;
    gap: 25px;
    max-width: 1600px;
    margin: auto;
}

.formacion-testimonioCard{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 515px;
}

.formacion-testimonioCard-foto{
    height: 375px;
}

.formacion-testimonioCard-foto img{
    width: 100%;
    height: 375px !important;
    object-fit: cover;
    object-position: top;
}

.formacion-testimonioCard-content{
    background: #e1e2dd;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 425px;
}

.formacion-testimonioCard-content h3{
    color: #ed1f41;
    font-size: 24px;
    line-height: 28px;
    font-family: 'PP Neue', sans-serif;
    font-weight: 400;
    margin: 0px!important;
}

.formacion-testimonioCard-content h4{
    color: black;
    font-size: 20px;
    line-height: 24px;
    font-family: 'PP Neue', sans-serif;
    font-weight: 400;
    margin: 0px!important;
}

.formacion-testimonioCard-content p{
    color: #52595F;
    font-size: 16px;
    line-height: 24px;
    font-family: 'PP Neue', sans-serif;
    font-weight: 400;
    margin: 0px!important;
}

.formacion-testimonioCard-content .logo img{
    max-width: 125px;
    height: 48px;
    object-fit: contain;
}

.testimonio-video{
    width: 100%;
    min-height: 500px;
    border-radius: 20px;
    overflow: hidden;
    outline: 1px solid var(--slate600);
    position: relative;
}

.testimonio-video .image::after{
    content: '';
    display: block;
    height: 54px;
    width: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M13 0C5.82 0 0 5.82 0 13s5.82 13 13 13 13-5.82 13-13C25.99 5.82 20.18.01 13 0zm5.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23e1e2dd'/%3E%3Cpath d='M18.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23121212'/%3E%3C/svg%3E");
    transition: var(--transition);
    transform-origin: center center;
    pointer-events: none;
    border-radius: 100px;
    box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.25);
    z-index: 2;
}
.testimonio-video:hover .image::after{
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.5);
}

.testimonio-video .image.not-video{
    cursor: auto;
}
.testimonio-video .image.not-video::after{
    display: none;
}

.testimonio-video .image{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.testimonio-video .image img{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    filter: brightness(0.8);
    transition: var(--transition);
}

.testimonio-video:hover .image img{
    filter: brightness(0.6);
}

.testimonio-video:hover .image.not-video img{
    filter: brightness(0.8);
}

.testimonio-video .cita{
    z-index: 2;
    color: white;
    width: 100%;
    margin: 0px;
    margin-bottom: 6px !important;
    font-size: 24px !important;
    line-height: 26px !important;
    font-weight: 500;
    pointer-events: none;
}

.testimonio-video .quote{
    z-index: 2;
    filter: invert(1);
    transform: scaleX(-1);
    position: absolute;
    bottom: 75px;
    right: 12px;
    opacity: 0.07;
    max-width: 54px;
    height: auto;
    pointer-events: none;
}

.testimonio-video .content{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    z-index: 1;
    font-family: 'PP Neue', sans-serif;
    pointer-events: none;
    transition: var(--transition);
}

.testimonio-video .content::after{
    content: '';
    position: absolute;
    bottom: -42px;
    left: 0px;
    height: 200%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(180deg,rgba(37, 46, 54, 0) 0%, rgba(37, 46, 54, 1) 80%);
    transition: var(--transition);
}

.testimonio-video:hover .content::after{
    bottom: 0px;
}

.testimonio-video .content p{
    font-size: 18px;
    line-height: 18px;
    margin: 0px;
    z-index: 1;
    color: var(--isdi-cream);
}

.testimonio-video .content span{
    font-size: 16px;
    line-height: 16px;
    margin: 0px;
    z-index: 1;
    color: var(--isdi-text-secondary);
}

.testimonio-video .logo{
    position: absolute;
    min-width: 54px;
    min-height: 32px;
    width: 54px;
    height: 32px;
    max-width: 54px;
    max-height: 32px;
    object-fit: contain;
    bottom: 20px;
    right: 12px;
    z-index: 10;
    opacity: 0.8;
}

.plyr__control{
    background-color: transparent!important;
}
.plyr--video,
.gslide-media.gslide-video{
    border-radius: 20px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, .35);
}
.ginner-container.gvideo-container{
    padding: 20px;
}
.glightbox-container .goverlay{
    background: rgba(0, 0, 0, .5)!important;
    backdrop-filter: blur(8px);
}
/* END TESTIMONIOS PROGRAMAS */

/**/

/* START MONOCURSO SALESFORCE HTML FORM */
.contactForm input,
.contactForm select,
.contactForm textarea{
    border: 0px;
    font-family: 'PP Neue';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: transparent;
    font-size: 16px;
    padding: 8px 2px;
    min-height: 42px;
    border-bottom: 1px solid #9CA3A8!important;
    border-radius: 0px;
}

.contactForm label{
    pointer-events: none;
    z-index: 0;
}

.contactForm select{
    border: 0px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.contactForm .caretDown{
    position: absolute;
    top: 16px;
    right: 10px;
}

.contactForm .contactForm-paisCampus .caretDown,
.contactForm .contactForm-interest .caretDown {
    top: 40px;
}

.contactForm input:focus-visible,
.contactForm select:focus-visible,
.contactForm textarea:focus-visible{
    outline: 0px;
}

/*.contactForm .placeholder{
    font-family: 'PP Neue';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    transition: 0.3s ease-in-out;
    color: #52595F;
    position: absolute;
    top: 5px;
    left: 2px;
}

.contactForm .placeholder.active{
    top: -25px;
}*/


/* NOMBRE Y APELLIDOS */
.contactForm-nombreApellidos,
.contactForm-emailPhone,
.contactForm-paisCampus,
.contactForm-interest {
    display: flex;
    column-gap: 20px;
    margin-bottom: 30px;
}

.contactForm-nombreApellidos div {
    position: relative;
    width: 50%;
}

.contactForm-interest div,
.contactForm-paisCampus div{
    position: relative;
    width: 100%;
}

/* PHONE */
.contactForm-prefijoTelefono{
    display: block;
    margin-bottom: 30px;
}

.contactForm-prefijoTelefonoContainer{
    width: 100%!important;
    display: flex;
}

.contactForm-prefijoTelefono div{
    position: relative;
    
}

.contactForm-prefijo{
    width: 40%!important;
}

.contactForm-prefijo select{
    padding-right: 40px;
}

.contactForm-telefono{
    width: 60%!important;
}

.contactForm-telefono input{
    border-left: 1px solid #9CA3A8!important;
    padding-left: 12px;
}

.contactForm-telefono .placeholder{
    top: 5px;
    left: 12px;
}

.contactForm-telefono .placeholder.active{
    top: -25px;
    left: -88px;
}


/* EMAIL */
.contactForm-emailPhone {
    margin-bottom: 0px;
}

.contactForm-email,
.contactForm-company ,
.contactForm-jobposition  {
    position: relative;
    margin-bottom: 30px;
}


/* ACEPTACION */
.contactForm-acceptance{
    margin-top: 30px;
}


.contactForm-acceptance > div{
    display: flex;
	flex-direction: row-reverse;
}

.contactForm-acceptance label{
    font-size: 14px;
    line-height: 18px;
    color: #52595F;
    margin-left: 10px;
}

.contactForm-acceptance label a{
    font-size: 14px;
    line-height: 18px;
    color: #52595F;
    text-decoration: underline;
    pointer-events: auto;
}

.contactForm-acceptance > div > input{
    accent-color: #E31E3E!important;
}


/* SUMBIT BUTTON */
.contactForm-submitBtn input{
    width: 100%;
    border-radius: 100px!important;
    font-size: 18px;
    line-height: 28px;
    color: #f8f8f6;
    padding: 0px;
    margin-top: 20px;
    background-color: #E31E3E!important;
}

.contactForm-submitBtn input:hover{
    background-color: #46080C!important;
}
/* END MONOCURSO SALESFORCE HTML FORM */


/* START BLOG CARDS */ 
.blogCard{
    height: 100%!important;
}

.blogCard .elementor-post-info__terms-list{ 
    border: 0px;
    padding: 0px;
	transition: 0.3s ease-in-out;
    line-height: normal;
    white-space: nowrap;
}

.blogCard .elementor-post-info__terms-list a{ 
    border: 0px;
    padding: 0px;
	transition: 0.3s ease-in-out;
    line-height: normal;
    white-space: nowrap;
}

.blogCard .elementor-post-info__terms-list a:hover{ 
	background: #00000025;
}

.blogCard .elementor-post-info__terms-list {
	/*border: 1px solid black;
    padding: 8px 20px;
    transition: 0.3s ease-in-out;
    border-radius: 200px;*/
}

.blogCardBottom{
	max-height: 42px;
    gap: 12px!important;
}

.blogCardCategories{
    padding: 8px 16px 8px 16px;
    border: 1px solid #9CA3A8;
    border-radius: 24px;
}

.blogCardCategories .elementor-widget-container{
    display: flex;
    align-items: center;
}

.blogCardCategories .elementor-icon-list-items.elementor-post-info{
    overflow: hidden;
}

.blogCard .redArrowBtn a{
    white-space: nowrap;
}

.blogCardImg a,
.blogCardImg a img{
    width: 100%;
}

.blogCard .blogCardBox .btnCircle a{
    width: 40px!important;
}
/* END BLOG CARDS */ 

/* START FOOTER */ 
.footerBtn svg{
	width: 40px;
	height: 40px;
	margin-top: -8px;
}

#footerDropdown{
    padding: 8px 0px;
    border: 0px;
    background: transparent;
    border-bottom: 1px solid #52595F;
    border-radius: 0px;
    color: white;
    font-size: 20px;
    font-family: 'PP Neue';
    font-weight: 400;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#footerDropdown option {
    background-color: black; 
    color:white; 
}

#footerDropdownCaret{
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: -1;
  }

#footerDropdown:focus-visible {
    outline: 0px;
}

.footerHover p a{
    letter-spacing: 0px;
}

.enlaces-footer-lang{
    color: white;
    font-size: 20px;
    font-family: 'PP Neue';
    font-weight: 400;
}

.enlaces-footer-lang a{
    color: white!important;
    font-size: 20px!important;
    font-family: 'PP Neue'!important;
    font-weight: 400!important;
}
.enlaces-footer-lang span{
    margin-bottom: 2px;
    padding: 0px 6px;
}
.enlaces-footer-lang {
    display: flex; 
    align-items: center; 
}

/* END FOOTER */ 

/* START EVENTOS */ 
.eventosIsdiTags .elementor-post-info__terms-list{
    display: grid!important;
}

.eventosIsdiTags .elementor-post-info__terms-list a{
    line-height: 42px;
}

#eventosBlock .elementor-loop-container.elementor-grid .e-loop-item:nth-child(2) .singleCardEvento {
	border-top:none!important
}

.bucleEventosImgHover {
    transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
  }
  
  .bucleEventosImgHover.visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }

  #eventoPasadoMsg{
    display: none;
  }
/* END EVENTOS */ 


/* START LA ESCUELA */ 
body:not(.elementor-editor-active) [id^="historia"]:not(:first-child) {
    display: none;
}

.fechaHistoria{
	cursor:pointer;
	margin-top:40px;
}

.fechaDestacada span{
	color: #F8F8F6!important;
	font-size: 60px!important;
	line-height: 64px!important;
	letter-spacing: -1px!important;	
	transition: font-size 0.3s ease-in-out;
}

#ecosistemaContainer .logos-slide div{
	background: none;
	width: 175px;
	display: inline-block;
	color:#9CA3A8;	   
	line-height: 24px;
	font-size: 16px;
	font-family: 'PP Neue';
	font-weight: 400;
	padding: 0px;
	margin: 20px;
}

#ecosistemaContainer .logos-slide div p{
	margin-top: 10px;
}

/* END LA ESCUELA */ 


/* START VIDEOPOPUP */ 
#vidThumbPopup:before {
    content: url(https://www.isdi.education/wp-content/uploads/2024/01/play-symbol.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    z-index: 1;
    cursor: pointer;
    z-index: 99;
    background: white;
    border-radius: 200px;
    padding: 40px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.4);
    transition: 0.02s ease-in-out;	
	  pointer-events:none;
}

#elementor-popup-modal-8143 .dialog-message {
		width: 1200px!important;
}

/*Volumebar white and smaller*/

#custom-controls #volume-bar {
	-webkit-appearance: none;
	appearance: none;
	width: 86px;
	height: 4px;
	background: #808080;
	outline: none;
	-webkit-transition: .2s;
	transition: opacity .2s;

}

#custom-controls #video-position {
	width: 50%;
}

#player-container {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#custom-controls {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-around;
	width: 90%;
	background: rgba(0, 0, 0, 0.35);
	padding:8px 30px;
	margin-bottom:20px;
	align-items: center;
	border-radius:20px;
}

#custom-controls button {
	background: transparent;
	color: #fff;
	border: none;
	padding: 10px;
	cursor: pointer;
	margin-right:10px;
	border-radius:0;
}

#custom-controls #ytaltavozimg{
width:25px;	
margin-right:10px;
}

#custom-controls #ytplayimg{
	width:35px;
	margin-right:20px;
}

#custom-controls #ytfullscreenimg, #custom-controls #ytaltavozimg {
	cursor:pointer;
}

#custom-controls #ytfullscreenimg {
	margin-left:50px;
}

#custom-controls .playPause {
	margin: 5px 0px 0px 45px;
}
#custom-controls button:focus {
	outline: none;
}
#custom-controls input[type="range"]{
	border-radius:16px;
}

#video-position-current, #video-position-total{
	color: #FFF;
	font-family: "PP Neue";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	padding: 0px 6px;
}


/*Tachado de botones*/
img.crossed {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
}

img.crossed::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, transparent 49.5%, black 49.5%, black 50.5%, transparent 50.5%);
    transform-origin: bottom right;
    transform: rotate(-45deg);
    pointer-events: none;
}





/**** ESTILOS RANGE INPUTS ****/
input[type="range"] {
	font-size: 1.5rem;
	width: 12.5em;
}
input[type="range"] {
    color: #fff;
    --thumb-height: 0.325em;
    --track-height: 0.225em;
    --track-color: rgba(0, 0, 0, 0.2);
    --brightness-hover: 180%;
    --brightness-down: 80%;
    --clip-edges: 0.125em;
}
@media (prefers-color-scheme: dark) {
    input[type="range"] {
        color: #fff;
        --track-color: rgba(255, 255, 255, 0.1);
    }
}

input[type="range"] {
    position: relative;
		background: #808080;
    overflow: hidden;
}

input[type="range"]:active {
    cursor: grabbing;
}

/* === WebKit specific styles === */
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    transition: all ease 100ms;
    height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
    position: relative;
}

input[type="range"]::-webkit-slider-thumb {
    --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
    --clip-further: calc(100% + 1px);
    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
        100vmax currentColor;

    width: var(--thumb-width, var(--thumb-height));
    background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
        50% calc(var(--track-height) + 1px);
    background-color: currentColor;
    box-shadow: var(--box-fill);
    border-radius: var(--thumb-width, var(--thumb-height));

    filter: brightness(100%);
    clip-path: polygon(
        100% -1px,
        var(--clip-edges) -1px,
        0 var(--clip-top),
        -100vmax var(--clip-top),
        -100vmax var(--clip-bottom),
        0 var(--clip-bottom),
        var(--clip-edges) 100%,
        var(--clip-further) var(--clip-further)
    );
}

input[type="range"]:hover::-webkit-slider-thumb {
    filter: brightness(var(--brightness-hover));
    cursor: grab;
}

input[type="range"]:active::-webkit-slider-thumb {
    filter: brightness(var(--brightness-down));
    cursor: grabbing;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
        100% calc(var(--track-height) + 1px);
}

input[type="range"]:disabled::-webkit-slider-thumb {
    cursor: not-allowed;
}

/* === Firefox specific styles === */
input[type="range"],
input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb {
    appearance: none;
    transition: all ease 100ms;
    height: var(--thumb-height);
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
    background: #fff0;
}

input[type="range"]::-moz-range-thumb {
    background: currentColor;
    border: 0;
    width: var(--thumb-width, var(--thumb-height));
    border-radius: var(--thumb-width, var(--thumb-height));
    cursor: grab;
}

input[type="range"]:active::-moz-range-thumb {
    cursor: grabbing;
}

input[type="range"]::-moz-range-track {
    width: 100%;
    background: var(--track-color);
}

input[type="range"]::-moz-range-progress {
    appearance: none;
    background: currentColor;
    transition-delay: 30ms;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-progress {
    height: calc(var(--track-height) + 1px);
    border-radius: var(--track-height);
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
    filter: brightness(100%);
}

input[type="range"]:hover::-moz-range-thumb,
input[type="range"]:hover::-moz-range-progress {
    filter: brightness(var(--brightness-hover));
}

input[type="range"]:active::-moz-range-thumb,
input[type="range"]:active::-moz-range-progress {
    filter: brightness(var(--brightness-down));
}

input[type="range"]:disabled::-moz-range-thumb {
    cursor: not-allowed;
}
/* END VIDEOPOPUP */ 




/* START PARTNERS */ 
#acordeonPartners .elementor-tab-title:not(.elementor-active) {
	border-bottom: solid 1px #9CA3A8;
}


#acordeonPartners .elementor-accordion .elementor-tab-content p:first-child{
	max-width: 636px
}

.logoCertificacion img{
	filter: brightness(0) invert(1);
}

#logosBlancosContainer .logos-slide div{
	background: none;
	filter: brightness(0) invert(1);
	width: 175px;
	padding: 30px;
}

#logosBlancosWrap2 .logos-slide{
	animation-direction: reverse;
}

.fuerzaBlancoEnImg{
		filter: brightness(0) invert(1);
	}

.rowLogosTP img{
    width: 106px !important;
}


/* END PARTNERS */ 

/* START PROFESORES */
.profesoresCarousel .swiper-pagination-fraction{
    color: #9CA3A8!important;
    transform: rotate(69deg)!important;
    flex-direction: column-reverse;
    display: flex;
}

.profesoresCarousel .swiper-pagination-current{
    transform: rotate(-69deg);
    display: block;
    margin-top: -30px;
    padding-right: 60px;
}

.profesoresCarousel .swiper-pagination-current::before{
    content: '0';
}

.profesoresCarousel .swiper-pagination-total{
    color: white;
    transform: rotate(-69deg);
    display: block;
    margin-bottom: -30px;
    padding-left: 56px;
}

.profesoresCarousel .swiper-pagination-total::before{
    content: '0';
}

#profesoresGrid .e-loop__load-more .elementor-button-text::after,
.profesoresGrid .e-loop__load-more .elementor-button-text::after{
    content: url(https://www.isdi.education/wp-content/uploads/2023/12/Flecha-Circulo-Rojo-Todos-los-cursos.svg);
    background: transparent;
    right: -8px;
    bottom: -8px;
    position: relative;
    transform: rotate(90deg);
    display: inline-block;
}

.profesoresGrid.blanco .e-loop__load-more .elementor-button-text::after{
    content: url(https://www.isdi.education/wp-content/uploads/2023/12/flecha.svg);
    background: transparent;
    right: -8px;
    bottom: -8px;
    position: relative;
    transform: rotate(90deg);
    display: inline-block;
}

.profesoresGridLoop .elementor-loop-container.elementor-grid{
    gap: 20px;
}

.profesoresGridLoop .e-loop__load-more{
    display: flex;
    justify-content: center;
    padding-top: 25px;
}


#contadorDeProfesores,
.contadorDeProfesores{
    text-align: center;
    color: #6B7379;
    font-size: 16px;
    line-height: 24px;
    margin-top: -130px;
    margin-bottom: 12px;
}

.contadorDeProfesoresContainer.blanco .contadorDeProfesores{
    color: #9CA3A8;
}

#contadorDeProfesoresBarra,
.contadorDeProfesoresBarra{
    width: 100%;
    max-width: 350px;
    height: 4px;
    background: #9CA3A8;
    display: block;
    margin: auto;
}

.contadorDeProfesoresContainer.blanco .contadorDeProfesoresBarra{
    background: #52595F;
}


#contadorDeProfesoresBarraProgreso,
.contadorDeProfesoresBarraProgreso{
    height: 4px;
    background: #3D454D;
    transition: 1s ease-in-out;
}

.contadorDeProfesoresContainer.blanco .contadorDeProfesoresBarraProgreso{
    background: #F8F8F6;
}

/* START CAROUSEL PROFESORES MOBILE */
#profSliderMobile1,
#profSliderMobile2{
    overflow: hidden;
    background: transparent;
    white-space: nowrap;
    position: relative;
    max-width: 2500px;
    margin: auto;
}

#profSliderMobile1 > .elementor-widget-container{
    display: inline-block;
    animation: 35s slideX infinite linear;
    margin-right: 8px;
}

#profSliderMobile2 > .elementor-widget-container{
    display: inline-block;
    animation: 35s slideXinv infinite linear;
    margin-right: 8px;
}

.profCard{
    max-width: 155px!important;
    min-width: 155px;
}
/* END CAROUSEL PROFESORES MOBILE */
/* END PROFESORES */



/* START EL HUB */ 
body.page-id-6495{
    overflow-x: hidden!important;
}

#acordeonFormacion .elementor-tab-title:not(.elementor-active) {
	border-bottom: solid 1px #9CA3A8;
}

.page-id-6495 .elementor-counter .elementor-counter-number-suffix {
    order: 1;
    flex-grow: 0;
}

.page-id-6495 .elementor-counter .elementor-counter-number-prefix {
    flex-grow: 0;
    order: 2;
}

/* END EL HUB */ 


/* START EXPERIENCIA */
/*Ocultar logos de las fichas del equipo*/
.page-id-5516 .cardProfesores08 .cardProfesores08-row .elementor-widget-image {
    display: none;
}
.profesoresGrid.pageExperiencia .e-loop__load-more .elementor-button-text::after {
    content: url(https://www.isdi.education/wp-content/uploads/2023/12/Flecha-Circulo-Rojo-Todos-los-cursos.svg)!important;
    transform: rotate(90deg)!important;
}


/* END EXPERIENCIA */ 



/* START EMPLEABILIDAD */
/*Ocultar logos de las fichas del equipo*/
.page-id-3841 .cardProfesores08 .cardProfesores08-row .elementor-widget-image {
    display: none;
}


.page-id-3841 .testimonioComillaLeft, .page-id-3841 .testimonioComillaRight {
	display:none;
}

/* END EMPLEABILIDAD */


/* START SEARCH PAGE & PREBUSCADOR */
#recommendedSearch li a{
	padding: 8px 16px;
	border: 1px solid #52595F;
	border-radius: 200px;
	color: white;
	transition: 0.3s ease-in-out;
}

#recommendedSearch li a span{
	transition: 0.3s ease-in-out;
}

#recommendedSearch li a:hover{
	background: white;
	border: 1px solid white;
}

#recommendedSearch li a:hover span{
	color: black;
}

#searchResultsFilter .active span{
	background: #E1E2DD;
		border: 1px solid #E1E2DD;
	color: black;
}

#searchResultsFilter span{
	padding: 8px 16px;
	border: 1px solid #52595F;
	border-radius: 100px;
	transition: 0.3s ease-in-out;
}


#searchResultsFilter a:hover span{
	color: red;
	background: #E1E2DD;
	border: 1px solid #E1E2DD;
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #9CA3A8;
    border-bottom-color: #ED1F41;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
	
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
	
#buscadorInput .search{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0px, -50%);
}
	
#buscadorInput #cleanInput{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0px, -50%);
    cursor: pointer;
}

#buscadorInput input{
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #52595F;
    font-family: 'PP Neue';
    color: white !important;
    font-size: 20px;
    line-height: 30px;
    padding: 0px 0px 0px 56px;
    height: 56px;
    transition: 0.3s ease-in-out;
}
		
#buscadorInput input:focus-visible{
    outline: 0px;
}
		
#buscadorInput input::placeholder{
    color: #9CA3A8 !important;
}

#resultsContainer,
#newSearchResultsContainer{
    color: white;
    font-size: 20px;
    line-height: 30px;
    font-family: "PP Neue", Sans-serif;
}

.searchResultsRow{
    display: flex;
    justify-content: space-between;
    margin: 32px 0px;
}

.searchResultsTitle a{
    color: white;
    font-family: "PP Neue", Sans-serif;
    font-size: 20px!important;
    line-height: 30px!important;
}

.searchResultsCategory a{
    transition: 0.3s ease-in-out;
    display: block;
    color: white;
    font-family: "PP Neue", Sans-serif;
    font-size: 18px!important;
    line-height: 28px!important;
    padding: 8px 16px;
    border: 1px solid #52595F;
    border-radius: 200px;
    width: 120px;
    text-align: center;
}

.searchResultsCategory a:hover{
    background: white;
    color: black;
}

.searchResultsCategory{
    margin-left: 20px;
}

.search-results .e-loop__load-more .elementor-button-text::after{
    content: url(https://www.isdi.education/wp-content/uploads/2024/02/flecha-blanca-scroll-down.svg)!important;
    background: transparent;
    right: -12px;
    bottom: -8px;
    position: relative;
    transform: rotate(0deg)!important;
    display: inline-block;
}

.contadorDeResultados{
    text-align: center;
    color: #6B7379;
    font-size: 16px;
    line-height: 24px;
    margin-top: -130px;
    margin-bottom: 12px;
}

.contadorDeResultadosContainer .contadorDeResultados{
    color: #9CA3A8;
}

.contadorDeResultadosBarra{
    width: 100%;
    max-width: 350px;
    height: 4px;
    background: #9CA3A8;
    display: block;
    margin: auto;
}

.contadorDeResultadosContainer .contadorDeResultadosBarra{
    background: #52595F;
}

.contadorDeResultadosBarraProgreso{
    height: 4px;
    background: #3D454D;
    transition: 1s ease-in-out;
}

.contadorDeResultadosContainer .contadorDeResultadosBarraProgreso{
    background: #F8F8F6;
}

@media (max-width: 767px) {
    #buscadorInput .search {
        left: 8px;
    }

    #buscadorInput input {
        padding: 0px 0px 0px 42px;
    }

    #buscadorInput #cleanInput {
        right: 0px;
    }

    .searchResultsRow {
        margin: 24px 0px;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(82, 89, 95, 0.5);
    }

    #searchResultsFilter ul{
        overflow: auto;
        white-space: nowrap;
        display: block;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    #searchResultsFilter ul::-webkit-scrollbar{
        display: none;
    }
    
    #searchResultsFilter ul li{
        display: inline-block;
    }
}
/* END SEARCH PAGE & PREBUSCADOR */


/* START MEDIA QUERIES */ 

/* MOBILE */ 
@media only screen and (max-width: 767px) {
    /* START GENERAL SETTINGS */ 
    #headerCursor {
        display: none;
    }

    #breadcrumb {
        display: none!important; 
    }

    body.blocked{
        position: fixed;
        width: 100%;
    }

    div[data-elementor-type="wp-page"]>div.elementor-element {
        --padding-block-start: 50px!important;
    }

        /* COMILLAS */ 
        .comillasIsdi93px::before{
            content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Izqda-Mobile.svg');
            margin-right: 6px;
        }
        
        .comillasIsdi93px::after{
            content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Dcha-Mobile.svg');
            margin-left: 6px;
        }

        .comillasIsdi57px::before{
            content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Izqda-Mobile.svg');
            margin-right: 6px;
            margin-top: -20px;
        }
        
        .comillasIsdi57px::after{
            content: url('https://www.isdi.education/wp-content/uploads/2023/12/Comilla-Roja-Dcha-Mobile.svg');
            margin-left: 6px;
            margin-top: -20px;
        }

        .popupContainer{
            padding-block-start: 0px!important;
            overflow-y: scroll!important;
        }
	
        .popupBody{
            top: 0px;
            left: 0px;
            transform: translate(0px, 0px);
            width: 100%;
        }

        .home #megamenuMobile .st0{
            fill: #f8f8f6!important;
        }

        .isdiCounterContainer.hideCounter{
            display: none!important;
        }
    /* END GENERAL SETTINGS */ 


    /* START HEADER */
    #isdiHeader.scrolled #headerLogoDigitalent{
        top: 14px;
        left: 60px;
        position: absolute;
        width: 50px;
    }

    #isdiHeader.unscrolled #headerLogoDigitalent{
        top: 50px;
    }

    .teAsesoramosBtn a{
        width: 215px!important;
        line-height: 36px!important;
        height: 40px;
    }
    /* END HEADER */ 


    /* START FOOTER */
    .footerBtn .elementor-button-text{
        text-align: left;
        padding-right: 60px;
    }    

    .footerBtn .elementor-button-icon{
        margin-top: 12px;
    }

    footer .comillasIsdiBlack33px::before {
        display: inline-flex;
        transform: scale(0.8) translate(0px, 5px);
        margin-right: 2px;
    }

    footer .comillasIsdiBlack33px::after {
        display: inline-flex;
        transform: scale(0.8) translate(-7px, 5px);
    }

    .bannerRojoBtn,
    .bannerRojoBtn a{
        width: 100%!important;
    }


    .bannerRojoBtn .elementor-button-content-wrapper{
        align-items: center;
    }

    .bannerRojoBtn svg{
        width: 40px!important;
    }

    /* END FOOTER */


    /* START TESTIMONIOS */ 
        .testimonioISDI .elementor-swiper-button,
        .testimonioISDI .swiper-pagination{
            display: none!important;
        }

        .testimonioCard{
            height: 100%!important;
            display: block!important;
        }
    /* END TESTIMONIOS */ 
	
	
	/* START SINGLE SEDE */ 	
	.imagenEspacios{
		margin-top:20px;
	}
	/* END SINGLE SEDE */ 
	

    /*Problema alineación botones en mobile*/
    .single-post .elementor-button{
        text-align: left;
    }
    /*Page experiencia*/
    .page-id-5516 .elementor-button{
        text-align: left;
    }

    .single-post .elementor-icon-list-item a{
        line-height: 30px!important;
    }

    /* START LOGO CAROUSEL */
        .logos-slide div {
            margin: 0 4px;
            width: 130px;
            height: 72px;
            padding: 20px;
            display: inline-flex;
        }
    /* END LOGO CAROUSEL*/

    /* START EVENTOS */ 
    .eventosIsdiTags .elementor-post-info__terms-list a{
        line-height: 32px;
    }

    .singleEventoLogos{
        width: calc(100% + 20px)!important;
        overflow-x: scroll !important;
        -webkit-scrollbar {
            display: none;
        }
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .singleEventoLogos .e-con-inner{
        min-width: 200%;
    }
    /* END EVENTOS */


    /*START EVENTOS MOBILE*/
    #eventosFiltersForm {
        flex-direction: column;
    }
    #eventosFiltersForm .filtroBlock{
        align-self: start;
        margin-bottom: 20px;
        width: 100%;
    }
    .page-id-17166 .daterangepicker{
        width: 90%!important;
        background-color: #252e36!important;
    }
    .page-id-17166 .daterangepicker .drp-buttons .btn{
        font-size: 16px;
    }
    .daterangepicker .calendar-table th.month{
        font-size: 18px;
    }    
    .page-id-17166 .daterangepicker .drp-calendar.left .calendar-table {
        padding: 5px;
    }
    /*END EVENTOS MOBILE*/
	

	
    /* START BLOG MOBILE */
    .blogMainCard{
        height: 100%!important;
    }

    .single-blogAuthorLogo{
        position: relative!important;
    }

    #blogFiltersForm {
        flex-direction: column;
    }
    #blogFiltersForm .filtroBlock{
        align-self: start;
        margin-bottom: 20px;
        width: 100%;
    }

    .blogMobileCarousel .swiper-pagination-fraction{
        color: #9CA3A8!important;
        transform: rotate(69deg)!important;
        flex-direction: column-reverse;
        display: flex;
    }

    .blogMobileCarousel .swiper-pagination-current{
        transform: rotate(-69deg);
        display: block;
        margin-top: -30px;
        padding-right: 60px;
    }

    .blogMobileCarousel .swiper-pagination-current::before{
        content: '0';
    }

    .blogMobileCarousel .swiper-pagination-total{
        color: white;
        transform: rotate(-69deg);
        display: block;
        margin-bottom: -30px;
        padding-left: 56px;
    }

    .blogMobileCarousel .swiper-pagination-total::before{
        content: '0';
    }

    .blogCardBox{
        min-height: 375px!important;
    }
    /* END BLOG MOBILE */
	
    .cardEquipoContainer-imagen img{
        width: 100%!important;
    }

	 /* END LOGOS BLANCOS */
	  #logosBlancosContainer .logos-slide div{
    padding: 20px;
    }
	 /* START LOGOS BLANCOS */
    
    #admisionInfo .e-form__indicators__indicator__number{
        width: 36px;
        height: 36px;
        font-size: 20px;
        line-height: 28px;
    }

    #admisionInfo .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number{
        width: 56px;
        height: 56px;
        margin-top: -10px;
    }

    #admisionInfo .e-form__indicators__indicator__separator {
        margin-top: 17px;
    }

    #admisionInfo .e-form__indicators__indicator label{
        display: none;
    }

    #admisionInfo .elementor-form-fields-wrapper{
        margin-top: 20px;
    }

    #admisionInfo .admisionFormTitle{
        font-size: 24px;
        line-height: 30px;
    }

    #admisionInfo .e-form__buttons{
        width: 100%;
    }

    #admisionInfo .e-form__buttons__wrapper__button-next{
        justify-content: start;
    }

    #estoEsISDIImg img{
        transition: 0.25s ease-in-out;
        position: absolute;
        top: -16px;
        right: 40%;
        transform: translate(80px, 0px);
        width: 104px;
        height: 32px;
    }
    
    #estoEsISDIImg.displacementMobile img{
        top: 150px;
        right: 0px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 180px;
    }

    #hacerHacerImg img{
        transition: 0.25s ease-in-out;
        position: absolute;
        top: -16px;
        left: 40%;
        transform: translate(80px, 0px);
        width: 104px;
        height: 32px;
    }

    #hacerHacerImg.displacement img{
        top: 155px;
        left: 0px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 325px;
    }

    .programasTemplateMenu,
    .newTemplateProgramasMenu{
        width: 100vw;
        z-index: 1;
        position: relative;
        overflow: hidden;
        min-height: 0px;
        margin-bottom: -400px;
    }

    .newTemplateProgramasMenu{
        border-bottom: 1px solid #52595F;
    }

    .newTemplateProgramasMenu.open{
        border-bottom: 0px!important;
    }

    .single-formacion #teAsesoramosFixedMobile{
        display: none;
    }

    #teAsesoramosBtnMobile{

    }

    #programas-navMenu{
        top: 0px!important;
    }

    #programasTemplate-tagLateral{
        width: 100%;
        height: auto;
        position: fixed;
        top: auto;
        right: auto;
        left: 0px;
        bottom: 0px;
        z-index: 9998;
        background: #252E36;
        transform: rotate(0deg);
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

    #programasTemplate-tagLateral .ultimasPlazas p{
        text-align: center;
        color: white;
    }


    #programasTemplate-tagLateral .elementor-button-text::after{
        background: transparent;
        padding-top: 6px;
    }

    #programasTemplate-tagLateral .btnContacto .elementor-widget-container{
        background: #ed1f41;
        padding: 5px 0px;
        border-radius: 200px;
        margin: 0px!important;
    }

    #programasTemplate-tagLateral .btnContacto .elementor-widget-container .elementor-button{
        margin: auto;
        display: block;
    }

    #programasTemplate-tagLateral .btnContacto .elementor-widget-container .elementor-button .elementor-button-text{
        color: white;
    }

    #programasTemplate-tagLateral .elementor-button-text::after{
        background: transparent;
        width: auto;
        height: auto;
        padding: 0px;
        right: -28px;
        padding-top: 3px;
    }

    .single-formacion #programas-navMenu.elementor-sticky--active{
        top: 112px!important;
    }

    .single-formacion #programas-navMenu{
        min-height: 0px!important;
        height: 0px!important;
    }
    
    .programasTemplateMenu.open,
    .newTemplateProgramasMenu.open{
        min-height: 400px;
    }
    
    .programasTemplateMenu ul,
    .newTemplateProgramasMenu ul{
        z-index: 0;
        position: absolute;
        width: 100%;
        transition: 0.5s ease-in-out;
        top: -300px;
        padding: 0;
    }
    
    .programasTemplateMenu.open ul,
    .newTemplateProgramasMenu.open ul{
        top: 42px;
    }
    
    .programasTemplateMenu ul li,
    .newTemplateProgramasMenu ul li{
        display: flex;
        height: 42px;
        align-items: center;
        justify-content: center;
        color: #fff;
        padding: 0px 20px!important;
        border-top: 1px solid #9CA3A8;
        background: #52595F;
        font-family: 'PP Neue';
        font-weight: 400;
        margin: 0;
        cursor: pointer;
        transition: 0.4s ease-in-out; 
        position: relative;
        text-align: center;
    }

    .programasTemplateMenu li.active,
    .newTemplateProgramasMenu li.active{
        display: none;
    }
    
    #programasTemplateMenuSelected,
    #newTemplateProgramasMenuSelected{
        width: 100%;
        padding: 0px 20px;
        color: white;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #252E36;
        z-index: 1;
        position: relative;
    }
    
    #programasTemplateMenuSelected:after,
    #newTemplateProgramasMenuSelected:after{
        content: url("https://www.isdi.education/wp-content/uploads/2024/01/icon-chevron-up.svg");
        position: absolute;
        right: 20px;
        top: 9px;
        transition: 0.4s ease-in-out; 
        transform: rotate(-180deg);
    }
    
    .programasTemplateMenu.open #programasTemplateMenuSelected:after,
    .newTemplateProgramasMenu.open #newTemplateProgramasMenuSelected:after{
        transform: rotate(0deg);
    }

    #newTemplateProgramasMenuSelected a{
        font-size: 16px!important;
    }

    .templateProgramas-colaboracionCon{
        justify-content: start!important;
    }


    .profesoresContainer{
        grid-template-columns: repeat(1, 1fr);
    }

    .isdiCursorHover{
        opacity: 0!important;
    }
    /*.isdiFormacionArrowHover{
        opacity: 0!important;
    }*/

    /*VIDEOPOPUP*/S
    #ytfullscreenimg, #volume-bar{ 
		display:none;
	}
	#custom-controls .playPause{
		margin:5px;
	}

    /*CONTACT FORM POPUP*/
    .popupClose svg path{
        fill: #f8f8f6;
    }

    .popupClose svg path{
        fill: #f8f8f6;
    }

    .contactForm-nombreApellidos,
    .contactForm-emailPhone{
        display: grid;
        row-gap: 20px;
    }

    .contactForm-nombreApellidos div,
    .contactForm-emailPhone div{
        width: 100%;
    }

    .contactForm-nombreApellidos,
    .contactForm-emailPhone{
        margin-bottom: 20px;
    }

    .contactForm-email{
        margin-bottom: 0px;
    }

    .comillasHacer::before {
        width: 17px;
        height: 28px;
        margin-right: 6px;
    }
    
    .comillasHacer::after {
        width: 17px;
        height: 28px;
        margin-left: 6px;
    }

    .cardFormacionesContent{
        height: auto!important;
        min-height: 400px!important;
    }

    .cardEquipo-logo{
        max-width: 90px!important;
    }

    /* START TESTIMONIOS PROGRAMAS */
        .formacion-testimoniosContainer{
            flex-direction: column;
            align-items: center;
        }

        .formacion-testimonioCard-foto{
            height: 300px;
        }

        .formacion-testimonioCard-foto img{
            height: 300px !important;
        }
    /* END TESTIMONIOS PROGRAMAS */


    /* START HOME REDESIGN */
        .videoSection .left.reduced,
        .videoSection .right.expanded{
            width: 100%;
        }

        .videoSection .videoISDI video{
            min-height: 50px;
        }

        .videoSection .right.expanded .videoISDI video{
            min-height: 250px;
        }

        .profesoresSection{
            padding-top: 600px;
        }

        .profesoresSection::after{
            display: none;
        }

        .profesoresSection .e-con-inner{
            padding-top: 640px;
        }

        .profesoresSection .e-con-inner > .right{
            animation: moveLeft 80s forwards;
        }

        .profesoresSection .profesoresContainer{
            max-height: 300px;
        }

        @keyframes moveLeft {
            from {
              left: 50%;
            }
            to {
              left: -430%;
            }
        }
    /* END HOME REDESIGN */

    /* START LANDING DISTRIBUTIVA */
        .category-landing-distributiva .modal-content{
            width: 100%;
            min-width: auto;
            grid-template-columns: 100%;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        .category-landing-distributiva .modal-content .content{
            padding: 12px;
        }

        .category-landing-distributiva .modal-content .foto{
            max-height: 250px;
        }

        .category-landing-distributiva .modal-content .foto img{
            object-position: top;
        }

        .category-landing-distributiva .modal-content .content .title{
            font-size: 24px;
        }
        .category-landing-distributiva .modal-content .content .role{
            font-size: 20px;
        }

        .category-landing-distributiva #content .e-con-inner > .right #close-modal{
            top: -40px !important;
        }

        .category-landing-distributiva #content .left .testimonio-horizontal .left img,
        .category-landing-distributiva #content .left .testimonio-horizontal .left > .elementor-element{
            max-height: 400px;
        }

        .category-landing-distributiva #content .left .testimonio-horizontal .right{
            height: calc(100% - 400px);
        }

        .category-landing-distributiva #content .right #form{
            display: block!important;
        }
    /* END LANDING DISTRIBUTIVA */
}


/* ABOVE MOBILE */
@media (min-width: 767px){
    #programasTemplateMenuSelected,
    #newTemplateProgramasMenuSelected{
        display: none;
    }

    .programasTemplateHorarios .elementor-tab-title{
        border-bottom: 1px solid #52595F!important;
    }

    .programasTemplateHorarios svg{
        display: none;
    }

    .programasTemplateHorarios{
        pointer-events: none;
    }

    .elementor-editor-active .programasTemplateHorarios{
        pointer-events: auto;
    }

    .blogCardBox{
        height: 100%!important;
    }
}

/* TABLET & MOBILE */ 
@media screen and (max-width: 1024px) {
    /* START LANDING DISTRIBUTIVA */
    .category-landing-distributiva #content .left section::before,
    .category-landing-distributiva #content .left section::after{
        display: none;
    }

    .category-landing-distributiva #content .e-con-inner > .right{
        position: fixed!important;
        top: calc(100% - 87px);
        left: 0px;
        border-radius: 20px 20px 0px 0px;
        z-index: 999;
        box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.15);
        transition: var(--transition);
    }

    .category-landing-distributiva #content .e-con-inner > .right.open{
        box-shadow: 0px -12px 120px rgba(0, 0, 0, 1);
        top: 100px;
        height: calc(100svh - 100px);
    }

    .category-landing-distributiva #content .e-con-inner > .right #close-modal{
        position: absolute;
        top: -52px;
        right: 20px;
        width: auto;
    }

    .category-landing-distributiva #content .e-con-inner > .right.open .open-modal,
    .category-landing-distributiva #content .e-con-inner > .right #da-el-paso,
    .category-landing-distributiva #content .e-con-inner > .right #close-modal{
        display: none;
    }

    .category-landing-distributiva #content .e-con-inner > .right.open #da-el-paso,
    .category-landing-distributiva #content .e-con-inner > .right.open #close-modal{
        display: block;
    }

    .category-landing-distributiva #content .right{
        background: var(--isdi-cream);
    }

    .category-landing-distributiva #content .right.open{
        padding: 0px 0px 20px 0px;
        overflow: hidden;
    }

    .category-landing-distributiva #content .e-con-inner > .right #close-modal path{
        fill: white;
    }
    /* END LANDING DISTRIBUTIVA */
}
/* TABLET & MOBILE */   


/* TABLET */ 
@media (min-width: 767px) and (max-width: 1024px) {
    .profesoresContainer{
        grid-template-columns: repeat(2, 1fr);
    }

    /* START HEADER */
    #isdiHeader.scrolled #headerLogoDigitalent{
        top: 22px;
        left: 70px;
        width: 100%;
    }

    #megamenuMobileContent{
        top: 255px;
        height: calc(100svh - 300px);
        max-height: calc(100svh - 300px);
    }

    #megamenuMobileContent > .e-con-inner{
        flex-direction: column;
    }

    #megamenuMobileUserContainer{
        max-width: calc(100% - 100px);
    }

    #megamenuMobileTitleDivider{
        max-width: calc(100% - 60px);
    }
    /* END HEADER */

    /* START HOME */
    .videoSection .left.reduced,
    .videoSection .right.expanded{
        width: 100%;
    }

    #profSliderMobileContainer{
        display: block;
    }


    .comillasHacer::before {
        width: 42px;
        height: 65px;
        margin-right: 12px;
    }

    .comillasHacer::after {
        margin-left: 12px;
        width: 42px;
        height: 65px;
    }

    #hacerHacerImg.displacement img{
        top: 310px;
        left: 100px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 650px;
    }
    /* END HOME */
}


/* SMALL DESKTOP */ 
@media (min-width: 1025px) and (max-width: 1300px) {
    #headerMenu li a{
        font-size: 12px;
        padding-right: 0px;
			padding-left: 4px;
    }
}


/* ABOVE DESKTOP */ 
@media (min-width: 1025px){
    #bloqueProfesoresHome .e-con-inner{
        padding-block-start: 0px!important;
    }

    .eventCard{
        height: 100%!important;
    }
    
    .eventoCardBox{
        height: 100%!important;
    }

    .eventoCardBottom{
        position:absolute;
        bottom:40px;
    }

    #estoEsISDIImg.displacement img{
        top: 380px;
        right: 0px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 700px;
    }

    .category-landing-distributiva #content .e-con-inner > .right.open .content{
        animation: pulse 1s ease;
    }
}

/*EXTRA MEDIA QUERIES*/
@media (min-width: 768px) and (max-width: 1235px){
    .proximasEdicionesColumnTitle{
        height: 60px;
    }
}

@media (min-width: 1025px) and (max-width: 1078px){
    #hacerHacerImg.displacement img{
        top: 340px;
        left: 100px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 650px;
    }
}

@media (min-width: 1079px) and (max-width: 1311px){
    #hacerHacerImg.displacement img{
        top: 325px;
        left: 100px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 650px;
    }
}

@media (min-width: 1312px){
    #hacerHacerImg.displacement img{
        top: 350px;
        left: 100px;
        transform: translate(0px, 0px);
        width: 100%;
        height: 650px;
    }
}
/* END MEDIA QUERIES */ 





/*START DATERANGEPICKER LIB CSS*/



.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
  }
  
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }
  
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
  }
  
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  
  .daterangepicker.opensleft:before {
    right: 9px;
  }
  
  .daterangepicker.opensleft:after {
    right: 10px;
  }
  
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.opensright:before {
    left: 9px;
  }
  
  .daterangepicker.opensright:after {
    left: 10px;
  }
  
  .daterangepicker.drop-up {
    margin-top: -7px;
  }
  
  .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
  }
  
  .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
  }
  
  .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
  }
  
  .daterangepicker.single .drp-selected {
    display: none;
  }
  
  .daterangepicker.show-calendar .drp-calendar {
    display: block;
  }
  
  .daterangepicker.show-calendar .drp-buttons {
    display: block;
  }
  
  .daterangepicker.auto-apply .drp-buttons {
    display: none;
  }
  
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
  }
  
  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
  }
  
  .daterangepicker .drp-calendar.right {
    padding: 8px;
  }
  
  .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
  }
  
  .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
  }
  
  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
  }
  
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
  }
  
  .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
  }
  
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
  }
  
  .daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
  }
  
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
  }
  
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
  }
  
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
  }
  
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
  }
  
  .daterangepicker td.start-date.end-date {
    border-radius: 4px;
  }
  
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
  }
  
  .daterangepicker th.month {
    width: auto;
  }
  
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
  }
  
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
  }
  
  .daterangepicker select.yearselect {
    width: 40%;
  }
  
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
  }
  
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
  }
  
  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
  }
  
  .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
  }
  
  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
  }
  
  .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
  }
  
  .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  
  .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
  }
  
  .daterangepicker.show-calendar .ranges {
    margin-top: 8px;
  }
  
  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
  }
  
  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  
  /*  Larger Screen Styling */
  @media (min-width: 564px) {
    .daterangepicker {
      width: auto;
    }
  
    .daterangepicker .ranges ul {
      width: 140px;
    }
  
    .daterangepicker.single .ranges ul {
      width: 100%;
    }
  
    .daterangepicker.single .drp-calendar.left {
      clear: none;
    }
  
    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
      float: left;
    }
  
    .daterangepicker {
      direction: ltr;
      text-align: left;
    }
  
    .daterangepicker .drp-calendar.left {
      clear: left;
      margin-right: 0;
    }
  
    .daterangepicker .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  
    .daterangepicker .drp-calendar.right {
      margin-left: 0;
    }
  
    .daterangepicker .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  
    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 8px;
    }
  
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
      float: left;
    }
  }
  
  @media (min-width: 730px) {
    .daterangepicker .ranges {
      width: auto;
    }
  
    .daterangepicker .ranges {
      float: left;
    }
  
    .daterangepicker.rtl .ranges {
      float: right;
    }
  
    .daterangepicker .drp-calendar.left, .daterangepicker .drp-selected {
      clear: none !important;
    }
  }

/*END DATERANGEPICKER LIB CSS*/









/*Fix elementor arrows top after update 111224*/

.elementor-element.customCarousel .swiper~.elementor-swiper-button, .elementor-element.profesoresCarousel .swiper~.elementor-swiper-button, .elementor-element.carumainblog .swiper~.elementor-swiper-button {
	font-size:36px!important;	
}

.elementor-element.carruselConCursor .swiper~.elementor-swiper-button {
	font-size:25px!important;	
}

.elementor-element.elementor-pagination-position-outside.customCarousel .swiper~.elementor-swiper-button {
	top: calc(var(--arrow-prev-top-align) + var(--arrow-prev-top-position) - var(--arrow-prev-caption-spacing))!important;	
}

.elementor-element.elementor-pagination-position-outside.profesoresCarousel .swiper~.elementor-swiper-button {
	top: calc(var(--arrow-prev-top-align) + var(--arrow-prev-top-position) - var(--arrow-prev-caption-spacing))!important;	
} 

/*Fix white arrows in blog sidebar*/

.single-post .isdiArrowBtnWhite .elementor-button-icon{
	filter: invert(1);
}

/*Fix white arrows in formacion-masters-programas*/

.page-id-19905 .customCarousel.formacionISDI .elementor-swiper-button{
	filter: invert(1);
}

/*slick.min.css*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

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

/* ISDI REDESIGN */

/* START GENERAL SETTINGS */
:root {
    --isdi-cream: #E1E2DD;
    --isdi-text-secondary: #9CA3A8;
    --isdi-text: #52595F;
    --isdi-gray-blue: #252E36;
    --isdi-dark-red: #4D0009;
    --isdi-red: #ED1F41;
    --isdi-red-alt: #ff3f5f;
    --slate600: #475569;
    --black: #121212;
    --plyr-color-main: var(--isdi-red);	
    --transition: 0.3s ease-in-out;
  }
  
    /* START BUTTONS */
      .btn.solid .elementor-button-icon{
        display: flex;
      }
  
      .btn.solid .elementor-button-icon svg path{
        transition: var(--transition);
        fill: transparent;
      }
  
      .btn.solid.primary:hover .elementor-button-icon svg path,
      .btn.solid.secondary:hover .elementor-button-icon svg path{
        stroke: var(--isdi-red);
      }
  
      .btn.solid.secondary .elementor-button-icon svg path{
        stroke: white;
      }
    /* END BUTTONS */
  
    .text-red{
      color: var(--isdi-red)!important;
    }
  
    .bg-semitransparent-gray{
      background: rgba(37, 46, 54, 0.5)!important;
      backdrop-filter: blur(8px)!important;
      -webkit-backdrop-filter: blur(8px)!important;
    }
  
    .video-isdi{
        max-width: 900px!important;
        border-radius: 24px;
        overflow: hidden;
        outline: 1px solid rgba(255, 255, 255, 0.2);
        position: relative!important;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }

    .video-isdi.playing{
        max-width: 2000px!important;
    }

    .video-isdi.playing::after,
    .video-isdi.playing::before{
        display: none;
    }

    .video-isdi::before{
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 24px;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.3);
        transition: 0.3s ease-in-out;
        z-index: 1;
    }

    .video-isdi::after{
        content: '';
        display: block;
        height: 54px;
        width: 54px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M13 0C5.82 0 0 5.82 0 13s5.82 13 13 13 13-5.82 13-13C25.99 5.82 20.18.01 13 0zm5.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23e1e2dd'/%3E%3Cpath d='M18.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23121212'/%3E%3C/svg%3E");
        transition: 0.3s ease-in-out;
        pointer-events: none;
        border-radius: 100px;
        box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.25);
        z-index: 2;
    }

    .video-isdi:hover::before{
        background: rgba(0, 0, 0, 0.15);
    }

    .video-isdi:hover::after{
        box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.6);
        width: 64px;
        height: 64px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M13 0C5.82 0 0 5.82 0 13s5.82 13 13 13 13-5.82 13-13C25.99 5.82 20.18.01 13 0zm5.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23e1e2dd'/%3E%3Cpath d='M18.32 13.57a.99.99 0 0 1-.25.25l-6.5 4.5c-.46.32-1.08.2-1.39-.25a.99.99 0 0 1-.18-.57v-9c0-.55.45-1 1-1a.99.99 0 0 1 .57.18l6.5 4.5c.45.31.57.93.25 1.39z' fill='%23121212'/%3E%3C/svg%3E");
    }
  /* END GENERAL SETTINGS */

  /**/

  /* START HEADER */
  #redesign-submenu-desktop{
    max-height: calc(100svh - 60px);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: 0.3s ease-in-out;
    top: 0px;
    overflow: auto;
  }

  #redesign-submenu-desktop > .e-con-inner,
  #redesign-submenu-desktop > .e-con-inner .row{
    overflow: hidden;
  }

  #redesign-submenu-desktop .row .column{
    overflow: hidden;
    height: 100%;
  }

  #redesign-submenu-desktop .row .column .elementor-widget-nav-menu{
    height: 100%;
  }

  #redesign-submenu-desktop .row .column .elementor-widget-nav-menu nav{
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #redesign-submenu-desktop .row .column .elementor-widget-nav-menu nav::-webkit-scrollbar {
    display: none;
  }

  #redesign-submenu-desktop.invisible{
    top: -100svh;
  }

  #redesign-submenu-desktop .title a{
    transition: var(--transition);
    color: white;
  }

  #redesign-submenu-desktop .title:hover a{
    color: var(--isdi-red);
  }

  #redesign-submenu-desktop .title a svg path{
    transition: var(--transition);
  }

  #redesign-submenu-desktop .title:hover a svg path{
    stroke: var(--isdi-red);
  }

  #redesign-submenu-desktop #main-menu ul li a{
    color: white;
    font-size: 20px;
    background: transparent;
    padding: 4px 0px;
    transition: var(--transition);
  }

  #redesign-submenu-desktop #main-menu ul li a:hover{
    color: var(--isdi-red);
  }
  /* END HEADER */
  
  /**/
  
  /* START HOME */
    #hacer-hacer h3{
      text-transform: uppercase;
      font-family: 'PP Neue Montreal', sans-serif;
      font-size: clamp(16px, 10vw, 100px);
      line-height: clamp(20px, 12vw, 120px);
      font-weight: 600;
      margin: 0px!important;
      text-align: center;
    }

    /* START JAVIER RODRIGUEZ ZAPATERO */
        #jrz{
            position: relative;
        }

        #jrz::after{
            content: '';
            display: block;
            width: 500px;
            height: 500px;
            border-radius: 200px;
            background: var(--slate600);
            filter: blur(75px);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
            opacity: 0;
            transition: var(--transition);
        }

        #jrz.visible::after{
            opacity: 1;
        }

        #jrz .left,
        #jrz .left .img{
            overflow: hidden;
        }

        #jrz .left .img img{
            transition: 1s ease-in-out;
        }

        #jrz.visible .left .img img{
            transform: scale(1.1);
            transform-origin: top;
        }

        #jrz .right .title p{
            transition: var(--transition);
        }

        #jrz .right:not(.bg-semitransparent-gray) .title p{
            color: black;
        }
    /* END JAVIER RODRIGUEZ ZAPATERO */

  /* END HOME */
  
  /**/
  
  /* START CAROUSEL LOGOS */
    .home-redesign.logos{
        display: flex!important;
        flex-direction: row!important;
        gap: 20px!important;
        flex-wrap: nowrap!important;
    }

    .home-redesign.logos .logos-slide {
        display: flex!important;
        flex-direction: row!important;
        gap: 20px!important;
        animation: none!important;
    }

    .home-redesign.logos .logos-slide.animated{
        animation: 50s slideX infinite linear!important;
    }

    .home-redesign.logos .logos-slide.inv.animated{
        animation: 50s slideXinv infinite linear!important;
    }

    .home-redesign.logos .logos-slide div {
        transition: var(--transition);
        border: 1px solid var(--slate600)!important;
        border-radius: 20px!important;
        background: rgba(37, 46, 54, 0.5)!important;
        backdrop-filter: blur(8px)!important;
        width: 200px!important;
        height: 100px!important;
        padding: 18px!important;
        margin: 0px!important;
    }
  
    .home-redesign.logos .logos-slide div:hover{
        background: rgba(37, 46, 54, 1)!important;
    }
  /* END CAROUSEL LOGOS */
  
  /**/
  
  /* START CARDS */
  
    /* START PROGRAMAS CARD */
      .home-redesign.programa-card,
      .home-redesign.blog-card,
      .home-redesign.evento-card{
        border: 1px solid transparent;
        border-radius: 24px;
        overflow: hidden;
      }
  
      .home-redesign.programa-card:hover,
      .home-redesign.blog-card:hover,
      .home-redesign.evento-card:hover{
        border: 1px solid #e5e5e5;
      }
  
      .home-redesign.programa-card .top a,
      .home-redesign.blog-card .top a,
      .home-redesign.evento-card .top a{
        width: 100%;
      }
  
      .home-redesign.programa-card:hover .top a img,
      .home-redesign.blog-card:hover .top a img,
      .home-redesign.evento-card:hover .top a img{
        filter: brightness(1);
      }
  
      .home-redesign.programa-card .siglas p,
      .home-redesign.blog-card .siglas p,
      .home-redesign.evento-card .siglas p{
        width: fit-content;
        padding: 6px 12px;
        background: var(--isdi-red);
        border-radius: 200px;
      }
  
      .home-redesign.programa-card .duration,
      .home-redesign.blog-card .duration,
      .home-redesign.evento-card .duration{
        width: auto;
        padding: 6px 12px;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border: 1px solid white;
        border-radius: 200px;
        transition: var(--transition);
      }
  
      .home-redesign.programa-card:hover .duration,
      .home-redesign.blog-card:hover .duration,
      .home-redesign.evento-card:hover .duration{
        background: rgba(255, 255, 255, 1);
      }
  
      .home-redesign.programa-card .content,
      .home-redesign.blog-card .content,
      .home-redesign.evento-card .content{
        height: 100%;
      }
  
      .home-redesign.programa-card .icon a,
      .home-redesign.blog-card .icon a,
      .home-redesign.evento-card .icon a{
        width: 24px;
        overflow: hidden;
      }
  
      .home-redesign.programa-card .icon a svg,
      .home-redesign.blog-card .icon a svg,
      .home-redesign.evento-card .icon a svg{
        height: 24px!important;
        transform: translate(-62px, 0px);
        transition: var(--transition);
      }
  
      .home-redesign.programa-card:hover .icon a svg,
      .home-redesign.blog-card:hover .icon a svg,
      .home-redesign.evento-card:hover .icon a svg{
        transform: translate(2px, 0px);
      }
  
      .home-redesign.programa-card .icon svg polygon,
      .home-redesign.blog-card .icon svg polygon,
      .home-redesign.evento-card .icon svg polygon{
        transition: var(--transition);
      }
  
      .home-redesign.programa-card:hover .icon svg polygon,
      .home-redesign.blog-card:hover .icon svg polygon,
      .home-redesign.evento-card:hover .icon svg polygon{
        fill: var(--isdi-red);
      }
  
      .home-redesign.blog-card .description p a{
        font-size: 16px;
        line-height: 24px;
        color: var(--isdi-text);
      }
  
      .home-redesign.blog-card:hover .content{
        background: white!important;
      }
  
      .home-redesign.evento-card{
        outline: 1px solid var(--slate600);
      }
  
      .home-redesign.evento-card .description p a{
        font-size: 16px;
        line-height: 24px;
        color: var(--isdi-text-secondary);
      }
  
      .home-redesign.blog-card:hover .content.bg-semitransparent-gray,
      .home-redesign.evento-card:hover .content.bg-semitransparent-gray{
        background: var(--isdi-gray-blue)!important;
      }
  
      .home-redesign.programa-card.reduced .tags{
        flex-direction: column;
        gap: 8px;
        align-items: start;
      }
  
      .home-redesign.programa-card.reduced .tags .duration{
        justify-content: start;
      }
  
      .home-redesign.programa-card.reduced .tags .duration p a{
        white-space: nowrap;
      }
    /* END PROGRAMAS CARD */
  
    /**/
  
    /* START PROFESORES CARD */
      .home-redesign.profesor-card{
        outline: 1px solid var(--slate600);
        border-radius: 20px;
        overflow: hidden;
        aspect-ratio: 3 / 4.5;
        width: 100%;
        max-width: 275px!important;
        justify-self: center;
        position: relative;
      }

      .home-redesign.profesor-card .foto{
        height: 100%;
      }
  
      .home-redesign.profesor-card .foto img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--transition);
        filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg )!important;
      }
  
      .home-redesign.profesor-card:hover .foto img{
        filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg )!important;
      }
  
      .home-redesign.profesor-card .content{
        background: rgb(37, 46, 54, 0.9);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        transition: var(--transition);
        z-index: 99;
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 12px;
        min-height: 100px;
        border-radius: 12px 12px 0px 0px;
      }
  
      .home-redesign.profesor-card:hover .content{
        min-height: 120px;
        padding: 12px 12px 24px 12px;
        background: rgb(37, 46, 54, 0.95)!important;
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
      }

    .home-redesign.profesor-card .content .title-row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
      }
  
      .home-redesign.profesor-card .content .logo{
        min-width: 64px;
        max-width: 64px!important;
        height: 32px!important;
        object-fit: contain;
      }

      .home-redesign.profesor-card .content .title p,
      .home-redesign.profesor-card .content .title{
        word-break: initial;
        font-size: 18px;
        line-height: 24px; 
        color: white;
        margin: 0px;
      }

      .home-redesign.profesor-card .content .role p,
      .home-redesign.profesor-card .content .role{
        font-size: 16px;
        line-height: 20px;
        color: var(--isdi-text-secondary);
      }
    /* END PROFESORES CARD */
  
    /**/
  
    /* START SEDES CARD */
      .home-redesign.sede-card{
        outline: 1px solid var(--slate600);
        border-radius: 20px;
        overflow: hidden;
        aspect-ratio: 1;
        cursor: pointer;
      }
  
      .home-redesign.sede-card .foto,
      .home-redesign.sede-card .foto a,
      .home-redesign.sede-card .foto a img{
        height: 100%;
      }
  
  
      .home-redesign.sede-card .content{
        pointer-events: none;
      }
  
      .home-redesign.sede-card .content::after{
        transition: var(--transition);
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: linear-gradient(180deg, rgba(37,46,54,0.5) 0%, rgba(37,46,54,1) 70%);
        z-index: -1;
        opacity: 0.3;
      }
  
      .home-redesign.sede-card:hover .content::after{
        opacity: 1;
      }
  
      .home-redesign.sede-card .description{
        transition: var(--transition);
        max-height: 0px;
        overflow: hidden;
        filter: blur(2px);
        opacity: 0;
      }
  
      .home-redesign.sede-card:hover .description{
        max-height: 300px;
        overflow: auto;
        filter: blur(0px);
        opacity: 1;
      }
    /* END SEDES CARD */
  
  /* END CARDS */

  /**/

  /* START MODAL */
    .isdi-modal{
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.35);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        z-index: 10000;
        transition: 0.3s ease-in-out;
    }

    .isdi-modal.show{
        opacity: 1;
        pointer-events: auto;
    }

    .isdi-modal-content{
        position: relative;
        overflow: hidden;
        max-width: 650px;
    }

    .isdi-modal-close{
        cursor: pointer;
    }
  /* END MODAL */
  
  /*FIX BUTTONS*/
  .page-id-29727 .btnArrowCircle.btn .elementor-button-text,
  .page-id-31225 .btnArrowCircle.btn .elementor-button-text,
  .page-id-24201 .btnArrowCircle.btn .elementor-button-text,
  .page-id-26785 .btnArrowCircle.btn .elementor-button-text{
    display: flex;
    align-items: center;
    text-align: left;
  }
  
  .page-id-29727 .btnArrowCircle.btn .elementor-button-icon,
  .page-id-31225 .btnArrowCircle.btn .elementor-button-icon,
  .page-id-24201 .btnArrowCircle.btn .elementor-button-icon,
  .page-id-26785 .btnArrowCircle.btn .elementor-button-icon{
    min-width: 40px;
  }
  
  .page-id-29727 .btnArrowCircle.btn .elementor-button-icon svg,
  .page-id-31225 .btnArrowCircle.btn .elementor-button-icon svg,
  .page-id-24201 .btnArrowCircle.btn .elementor-button-icon svg,
  .page-id-26785 .btnArrowCircle.btn .elementor-button-icon svg{
    transform: translate(-50px, 9px);
  }
  
  .page-id-29727 .btnArrowCircle.btn a:hover svg,
  .page-id-31225 .btnArrowCircle.btn a:hover svg,
  .page-id-24201 .btnArrowCircle.btn a:hover svg,
  .page-id-26785 .btnArrowCircle.btn a:hover svg{
    transform: translate(10px, 9px);
  }

  .home-redesign.hero{
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 85%, transparent 100%);
  }

  
  /**/
  
  @media (min-width: 1024px) and (max-width: 1200px) {
    .home-redesign.profes-grid .elementor-loop-container.elementor-grid{
      grid-template-columns: repeat(3,1fr);
    }
  
    #testimonios > .e-con-inner {
      flex-direction: column-reverse;
    }
  
    #sedes > .e-con-inner {
      flex-direction: column;
    }
  
    #testimonios > .e-con-inner > div,
    #sedes > .e-con-inner > div{
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .home-redesign.programa-card,
    .home-redesign.blog-card,
    .home-redesign.evento-card{
      flex-wrap: nowrap!important;
    }

    .home-redesign.evento-card .location a,
    .home-redesign.evento-card .location p{
        font-size: 18px!important;
        line-height: 24px!important;
    }

    #sedes.home-redesign .left,
    #sedes.home-redesign .right{
        display: block!important;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .home-redesign.sedes-grid .elementor-loop-container.elementor-grid{
      display: flex;
      flex-direction: column-reverse;
      gap: 20px;
    }

    .page-id-24201 .home-redesign.sedes-grid .elementor-loop-container.elementor-grid{
        flex-direction: column;
      }
  }
  
  @media only screen and (max-width: 400px) {
    .home-redesign.profes-grid .elementor-loop-container.elementor-grid{
      display: flex;
      flex-direction: column-reverse;
      gap: 20px;
    }
  }
  
/* ISDI REDESIGN */

/* LANG V3 */
/* Reset local para que el header no herede tamaños locos */
#isdi-lang-switch-v3,
#isdi-lang-switch-v3 * {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
}

/* Wrapper */
#isdi-lang-switch-v3.isdi-lang-switch-v3 {
    position: relative;
    display: inline-block;
    color: #ffffff;
}

/* Botón idioma actual */
#isdi-lang-switch-v3 .isdi-lang-switch-v3__current {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    margin: 0;
    border: none;
    border-radius: 999px;        /* por si quieres pill shape */
    background: #242e36;        /* tu rojo del screenshot */
    cursor: pointer;
    height: 40px;               /* un poco más alto que la bandera */
}

#isdi-lang-switch-v3 :hover {
    background: #3d4952;
}

/* Flecha ▼ */
#isdi-lang-switch-v3 .isdi-lang-arrow {
    font-size: 10px;
    line-height: 1;
}

/* Contenedor de bandera */
#isdi-lang-switch-v3 .isdi-lang-flag-wrap {
    display: flex;
    align-items: center;
    height: 20px;
}

/* Bandera */
#isdi-lang-switch-v3 .isdi-lang-flag {
    height: 20px;
    width: auto;
    display: block;
}

/* Texto EN/ES/MX */
#isdi-lang-switch-v3 .isdi-lang-label {
    display: flex;
    align-items: center;
    height: 20px;
}

/* Dropdown (oculto por defecto) */
#isdi-lang-switch-v3 .isdi-lang-switch-v3__dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 110px;
    background: #242e36;
    border-radius: 8px;
    padding: 4px 0;
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
    display: none;
    z-index: 9999;
}

/* Mostrar cuando el wrapper tiene la clase --open */
#isdi-lang-switch-v3.isdi-lang-switch-v3--open .isdi-lang-switch-v3__dropdown {
    display: block;
}

/* Opciones dentro del dropdown */
#isdi-lang-switch-v3 .isdi-lang-switch-v3__item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    text-decoration: none;
    color: rgba(255,255,255,0.8);
    white-space: nowrap;
}

#isdi-lang-switch-v3 .isdi-lang-switch-v3__item:hover {
    background: rgba(255,255,255,0.08);
    color: #ffffff;
}

#isdi-lang-switch-v3 .isdi-lang-switch-v3__item--active {
    font-weight: 600;
}
