.elementor-35612 .elementor-element.elementor-element-485d909{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35612 .elementor-element.elementor-element-bef6c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35612 .elementor-element.elementor-element-8a13d24 > .elementor-widget-container{border-radius:4px 4px 4px 4px;}.elementor-35612 .elementor-element.elementor-element-fc44dee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35612 .elementor-element.elementor-element-49b2f30 .elementor-heading-title{font-weight:900;}.elementor-35612 .elementor-element.elementor-element-9f38478{color:#7F7F7F;}.elementor-35612 .elementor-element.elementor-element-132841a{--display:flex;}.elementor-35612 .elementor-element.elementor-element-d3a3933{--grid-columns:2;--grid-row-gap:0px;}.elementor-35612 .elementor-element.elementor-element-d3a3933 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-35612 .elementor-element.elementor-element-d3a3933 .e-loop-item > .elementor-section, .elementor-35612 .elementor-element.elementor-element-d3a3933 .e-loop-item > .elementor-section > .elementor-container, .elementor-35612 .elementor-element.elementor-element-d3a3933 .e-loop-item > .e-con, .elementor-35612 .elementor-element.elementor-element-d3a3933 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-35612 .elementor-element.elementor-element-eb84b67{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-1fbdb9f{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-d8dded1{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-5cedc0f{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-b34913b{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-9adf4b7{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-68489fa{--grid-columns:2;}#elementor-popup-modal-35612{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-35612 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-35612 .dialog-close-button{display:flex;}#elementor-popup-modal-35612 .dialog-widget-content{border-radius:8px 8px 8px 8px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-35612 .elementor-element.elementor-element-d3a3933{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-eb84b67{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-1fbdb9f{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-d8dded1{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-5cedc0f{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-b34913b{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-9adf4b7{--grid-columns:2;}.elementor-35612 .elementor-element.elementor-element-68489fa{--grid-columns:2;}}@media(max-width:767px){.elementor-35612 .elementor-element.elementor-element-d3a3933{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-eb84b67{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-1fbdb9f{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-d8dded1{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-5cedc0f{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-b34913b{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-9adf4b7{--grid-columns:1;}.elementor-35612 .elementor-element.elementor-element-68489fa{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-485d909 *//* =========================================
   GRID DE CURSOS
========================================= */

.curso-grid {
    display: none;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}


/* =========================================
   GRID ACTIVO
========================================= */

.curso-grid.is-active {
    display: block !important;
    opacity: 1;
    visibility: visible !important;
}


/* =========================================
   CONTENEDOR DE LA POPUP
========================================= */

.elementor-popup-modal .curso-grid {
    width: 100%;
}


/* =========================================
   TÍTULO
========================================= */

#popup-course-title {
    margin-bottom: 10px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .elementor-popup-modal .dialog-widget-content {
        width: 94vw;
        max-width: 94vw;
    }

    .curso-grid {
        width: 100%;
    }

}

/* ==========================================================
   INGEZMAQ ACADEMY
   POPUP DE CURSOS
   Header + icono graduación + botón cerrar
   ========================================================== */


/* ==========================================================
   1. BOTÓN CERRAR POPUP
   ========================================================== */

.elementor-popup-modal .dialog-close-button {
    width: 46px;
    height: 46px;
    display: flex !important;
    align-items: center;
    justify-content: center;

    background: #F5F6FA;
    border: 1px solid #ECEEF3;
    border-radius: 50%;

    top: 20px !important;
    right: 20px !important;

    color: #111827 !important;
    font-size: 20px !important;

    opacity: 1 !important;

    transition:
        background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;

    z-index: 999;
}


/* Hover del botón cerrar */

.elementor-popup-modal .dialog-close-button:hover {
    background: #EBEDF3;

    transform: scale(1.06);

    box-shadow:
        0 6px 18px rgba(17, 24, 39, 0.10);
}


/* Al hacer clic */

.elementor-popup-modal .dialog-close-button:active {
    transform: scale(.96);
}


/* Icono X */

.elementor-popup-modal .dialog-close-button i {
    color: #111827 !important;
    font-size: 20px !important;
}


/* Compatibilidad si Elementor usa SVG */

.elementor-popup-modal .dialog-close-button svg {
    width: 18px;
    height: 18px;

    fill: #111827 !important;
    color: #111827 !important;
}


/* ==========================================================
   2. ICONO DE GRADUACIÓN
   Clase Elementor:
   academy-popup-icon
   ========================================================== */

.academy-popup-icon {
    width: 58px;
    height: 58px;

    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #F3F4FF;

    border: 1px solid #EBEDFF;

    border-radius: 15px;

    flex: 0 0 58px;

    transition:
        transform .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}


/* Widget icono */

.academy-popup-icon .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    color: #5865F2 !important;

    font-size: 30px;

    transition: transform .2s ease;
}


/* SVG del icono */

.academy-popup-icon svg {
    width: 30px;
    height: 30px;

    color: #5865F2 !important;
}


/* Para iconos outline */

.academy-popup-icon svg path {
    stroke: currentColor;
}


/* Hover */

.academy-popup-icon:hover {
    background: #ECEEFF !important;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(88, 101, 242, 0.12);
}


.academy-popup-icon:hover .elementor-icon {
    transform: scale(1.05);
}
.academy-popup-icon .elementor-icon-wrapper {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
}

/* ==========================================================
   3. HEADER DEL POPUP
   Clase Elementor:
   academy-popup-header
   ========================================================== */

.academy-popup-header {
    display: flex;

    align-items: center;

    gap: 18px;

    width: 100%;

    padding-right: 65px;
}


/* ==========================================================
   4. TÍTULO
   ========================================================== */

.academy-popup-header h1,
.academy-popup-header h2,
.academy-popup-header h3 {
    margin: 0;

    color: #111827 !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    letter-spacing: -0.5px!important;
}


/* ==========================================================
   5. SUBTÍTULO / DESCRIPCIÓN
   ========================================================== */

.academy-popup-header p {
    margin: 6px 0 0;

    color: #737B8C !important;

    line-height: 1.5;

    font-weight: 400 !important;
}





/* ==========================================================
   7. OVERLAY OSCURO
   ========================================================== */

.elementor-popup-modal {
    background-color: rgba(10, 15, 25, 0.72) !important;

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/* ==========================================================
   8. RESPONSIVE TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .elementor-popup-modal .dialog-close-button {
        width: 42px;
        height: 42px;

        top: 16px !important;
        right: 16px !important;
    }

    .academy-popup-icon {
        width: 54px;
        height: 54px;

        min-width: 54px;

        flex-basis: 54px;
    }

    .academy-popup-icon svg {
        width: 27px;
        height: 27px;
    }

    .academy-popup-header {
        gap: 15px;

        padding-right: 55px;
    }
}


/* ==========================================================
   9. RESPONSIVE MÓVIL
   ========================================================== */

@media (max-width: 767px) {

    .elementor-popup-modal .dialog-close-button {
        width: 38px;
        height: 38px;

        top: 12px !important;
        right: 12px !important;

        font-size: 17px !important;
    }

    .elementor-popup-modal .dialog-close-button svg {
        width: 16px;
        height: 16px;
    }


    /* Icono */

    .academy-popup-icon {
        width: 48px;
        height: 48px;

        min-width: 48px;

        flex-basis: 48px;

        border-radius: 13px;
    }

    .academy-popup-icon svg {
        width: 24px;
        height: 24px;
    }


    /* Header */

    .academy-popup-header {
        gap: 13px;

        padding-right: 42px;

        align-items: flex-start;
    }

  /* Título */

    .academy-popup-header h1,
    .academy-popup-header h2,
    .academy-popup-header h3 {
        font-size: 22px !important;

        line-height: 1.2 !important;
    }


    /* Descripción */

    .academy-popup-header p {
        margin-top: 4px !important;

        font-size: 14px !important;

        line-height: 1.4;
    }


    /* Popup */

    .elementor-popup-modal .dialog-widget-content {
        border-radius: 16px;
    }
  
}/* End custom CSS */