@import url('https://fonts.cdnfonts.com/css/gochi-hand');


/*ITE landing*/


.ite-card-extra .elementor-heading-title {
	font-family: 'Gochi Hand', sans-serif!important;
	transform: rotate(-2deg);
}
.font-family-special .elementor-heading-title{
	font-family: 'Gochi Hand', sans-serif!important;
}
.page-ite-hero-group-desktop img {
    min-width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.page-ite-hero-left-inside {
    max-width: 570px;
    width: 100%;
}

.ite-why-grid-plus * {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ite-why-grid-plus .elementor-widget-container {
    height: 26px !important;
    width: 26px !important;
	cursor: pointer;
}

.ite-why-grid-img .elementor-widget-container {
    background-color: #E9EFFA;
    padding: 2px 2px 2px 2px;
    border-radius: 50% 50% 50% 50%;
    width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ite-why-grid-img.elementor-widget {
    max-width: fit-content;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.ite-why-grid-content:hover .elementor-heading-title {
    color: white !important;
}

#ite-toggle {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
	 cursor: pointer;
}

.ite-why-grid-more .elementor-icon-box-title {
    margin: 0;
}

#ite-toggle.is-open i {
    transform: rotate(180deg);
}

.ite-why-grid-content:hover .ite-why-grid-img .elementor-widget-container, .ite-why-grid-content:hover .ite-why-grid-plus .elementor-widget-container, .ite-card.is-active .ite-why-grid-img .elementor-widget-container  {
    background-color: #fcd535!important;
}


.ite-why-grid-content:hover .ite-why-grid-plus .elementor-icon.elementor-animation-pop{
	color: var(--e-global-color-primary)!important;
}

.ite-ayuda-container > .e-con-inner {
    position: relative;
}

body.wp-singular.page-template-default:not(.elementor-editor-active) .ite-panel {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 6;
	overflow-y: auto;
}


/* Ocultos solo en el front; en el editor se siguen viendo para editar */
body:not(.elementor-editor-active) .ite-panel,
body:not(.elementor-editor-active) .ite-panel-single,
body:not(.elementor-editor-active) .ite-toogle-content{display:none}
body:not(.elementor-editor-active) .ite-panel.is-open{display:flex;animation:iteIn .25s ease}
body:not(.elementor-editor-active) .ite-panel-single.is-active{display:flex;animation:iteIn .25s ease}
body:not(.elementor-editor-active) .ite-toogle-content.is-open{display:flex;animation:iteIn .3s ease}
@keyframes iteIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Tarjeta activa */
.ite-card{transition:background .2s,border-color .2s,transform .2s}
.ite-card.is-active{background:#29236e!important;border-color:#29236e!important}
.ite-card.is-active .ite-why-grid-texts .elementor-heading-title{color:#fff!important}
.ite-card.is-active .ite-why-grid-descripcion .elementor-heading-title{color:#d9dcf2!important}
.ite-card.is-active .ite-why-grid-img img{background:#fcd535}
.ite-card.is-active .ite-why-grid-plus i{transform:rotate(45deg)}
.ite-why-grid-plus i{transition:transform .2s}

/* Botones del panel y flecha del toggle */
.ite-panel-botones-left,.ite-panel-botones-right,.ite-panel-botones-close,#ite-toggle{cursor:pointer}
#ite-toggle i{transition:transform .25s}
#ite-toggle.is-open i{transform:rotate(180deg)}

.ite-toogle-inside-img .elementor-widget-container {
    padding: 2px 2px 2px 2px;
    border-radius: 50% 50% 50% 50%;
    width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fcd535 !important;
}


.ite-hidden-why-grid-column-top-logo .elementor-widget-container {
    width: 50px;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.ite-hidden-practice-grid-column-top-logo .elementor-widget-container {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


body:not(.elementor-editor-active) .ite-opt-content{display:none}
body:not(.elementor-editor-active) .ite-opt-content.is-active{display:flex;animation:iteOptIn .3s ease}
@keyframes iteOptIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.ite-opt-card{cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .2s,transform .2s}
.ite-opt-card:hover{transform:translateY(-3px);}
.ite-opt-card.is-active{border-color:#29236e!important;box-shadow:0 14px 30px rgba(41,35,110,.16)!important;}



/* Texto del "botón" */
.ite-opt-card .ite-opt-cta-on{display:none;}
.ite-opt-card.is-active .ite-opt-cta-off{display:none;}
.ite-opt-card.is-active .ite-opt-cta-on{display:block;}

.ite-opt-cta .elementor-icon-box-wrapper {
    justify-content: center !important;
    align-items: center !important;
}
.ite-opt-card-number .elementor-widget-container {
    width: 42px;
    height: 42px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Línea de puntos */
.ite-line{
  position:relative;
  width:4px;height:56px;margin:0 auto;
  background-image:linear-gradient(#29236e 50%,transparent 0);
  background-size:4px 10px;
}
/* Punto que viaja */
.ite-line::after{
  content:"";
  position:absolute;left:50%;top:0;
  width:14px;height:14px;margin:-7px 0 0 -7px;
  border-radius:50%;
  background:#3a62d6;border:3px solid #fff;
  box-shadow:0 2px 6px rgba(41,35,110,.3);
  animation:iteTravel 1.8s ease-in-out infinite;
}
.ite-line--up::after{animation-direction:reverse}

@keyframes iteTravel{
  0%  {top:0;opacity:0}
  12% {opacity:1}
  88% {opacity:1}
  100%{top:100%;opacity:0}
}

/* Punto que late dentro de la pastilla */
.ite-hub .elementor-heading-title::before{
  content:"";
  display:inline-block;vertical-align:middle;
  width:12px;height:12px;margin-right:12px;
  border-radius:50%;background:#29236e;
  animation:itePulse 1.8s ease-in-out infinite;
}
@keyframes itePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(252,213,53,.6)}
  50%    {box-shadow:0 0 0 12px rgba(252,213,53,0)}
}

/* Accesibilidad: sin animación si el usuario lo pide */
@media (prefers-reduced-motion:reduce){
  .ite-line::after,.ite-hub .elementor-heading-title::before{animation:none}
  .ite-line::after{top:50%}
}


.docentes-separator {
    position: absolute;
    top: 22px;
    max-width: calc(82%) !important;
}



.university-number .elementor-widget-container {
    width: 42px !important;
    height: 42px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spcecial-cube-notes ul {
    padding-left: 12px;
    list-style: square;
}

.special-cube-notes ul li::marker{
  content:"✓  ";
  color:#3a62d6;
  font-weight:700;
}

.spcecial-cube-notes ::marker {
    font-size: 24px;
    color: var(--e-global-color-accent);
}

@media (min-width: 3260px) {
.page-ite-hero-group-desktop img {
    min-width: 100%;
    max-height: 800px;
    object-fit: cover;
}
}


@media (max-width: 767px) {
	.page-ite-hero-left-inside {
			max-width: 100%;
			width: 100%;
	}
	
	.rotate-in-mobile {
    transform: rotate(90deg);
}
	
	body.wp-singular.page-template-default:not(.elementor-editor-active) .ite-panel {
    height: 70vh;
}
	
}