.elementor-35528 .elementor-element.elementor-element-1754c28:not(.elementor-motion-effects-element-type-background), .elementor-35528 .elementor-element.elementor-element-1754c28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(264deg, #612C7D 0%, #000000 50%);}.elementor-35528 .elementor-element.elementor-element-1754c28 > .elementor-container{max-width:1400px;min-height:730px;}.elementor-35528 .elementor-element.elementor-element-1754c28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-35528 .elementor-element.elementor-element-1754c28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-35528 .elementor-element.elementor-element-5b374fb{--spacer-size:50px;}.elementor-35528 .elementor-element.elementor-element-52d9384 .elementor-button{background-color:transparent;font-size:14px;font-weight:700;fill:#FFFDFD;color:#FFFDFD;background-image:linear-gradient(180deg, var( --e-global-color-30cd580 ) 0%, var( --e-global-color-dea5453 ) 100%);border-radius:30px 30px 30px 30px;}.elementor-35528 .elementor-element.elementor-element-3a1d129 > .elementor-widget-container{margin:-25px 0px -15px 0px;}.elementor-35528 .elementor-element.elementor-element-3a1d129 .elementor-heading-title{font-size:56px;font-weight:900;line-height:87px;color:#FFFFFF;}.elementor-35528 .elementor-element.elementor-element-8c00943 > .elementor-widget-container{margin:-25px 0px -15px 0px;}.elementor-35528 .elementor-element.elementor-element-8c00943 .elementor-heading-title{font-size:51px;font-weight:900;line-height:87px;color:#FFFFFF;}.elementor-35528 .elementor-element.elementor-element-3c8568f{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;text-align:justify;font-size:23px;color:#CFCFCF;}.elementor-35528 .elementor-element.elementor-element-a368187{--spacer-size:10px;}.elementor-35528 .elementor-element.elementor-element-c5e079e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-6c2df0e .elementor-button{background-color:transparent;font-weight:800;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, var( --e-global-color-30cd580 ) 0%, var( --e-global-color-30cd580 ) 100%);border-radius:7px 7px 7px 7px;padding:20px 30px 20px 30px;}.elementor-35528 .elementor-element.elementor-element-6c2df0e{z-index:10;}.elementor-35528 .elementor-element.elementor-element-0e11093 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-be7c009 .elementor-button{background-color:#612C7D42;font-weight:800;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:7px 7px 7px 7px;padding:20px 30px 20px 30px;}.elementor-35528 .elementor-element.elementor-element-be7c009{z-index:10;}.elementor-35528 .elementor-element.elementor-element-901d5c2{--spacer-size:10px;}.elementor-35528 .elementor-element.elementor-element-4dc6744 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-4dc6744{text-align:start;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-35528 .elementor-element.elementor-element-36cc9cb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-35528 .elementor-element.elementor-element-36cc9cb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-35528 .elementor-element.elementor-element-36cc9cb.elementor-column > .elementor-widget-wrap{justify-content:center;}body:not(.rtl) .elementor-35528 .elementor-element.elementor-element-d06a3fa{left:307px;}body.rtl .elementor-35528 .elementor-element.elementor-element-d06a3fa{right:307px;}.elementor-35528 .elementor-element.elementor-element-d06a3fa{top:80px;}.elementor-35528 .elementor-element.elementor-element-d06a3fa .elementor-icon-wrapper{text-align:center;}.elementor-35528 .elementor-element.elementor-element-d06a3fa.elementor-view-stacked .elementor-icon{background-color:#612C7D61;}.elementor-35528 .elementor-element.elementor-element-d06a3fa.elementor-view-framed .elementor-icon, .elementor-35528 .elementor-element.elementor-element-d06a3fa.elementor-view-default .elementor-icon{color:#612C7D61;border-color:#612C7D61;}.elementor-35528 .elementor-element.elementor-element-d06a3fa.elementor-view-framed .elementor-icon, .elementor-35528 .elementor-element.elementor-element-d06a3fa.elementor-view-default .elementor-icon svg{fill:#612C7D61;}.elementor-35528 .elementor-element.elementor-element-d06a3fa .elementor-icon{font-size:300px;}.elementor-35528 .elementor-element.elementor-element-d06a3fa .elementor-icon svg{height:300px;}.elementor-35528 .elementor-element.elementor-element-90515c9{z-index:10;text-align:center;}.elementor-35528 .elementor-element.elementor-element-90515c9 img{width:100%;max-width:100%;}.elementor-35528 .elementor-element.elementor-element-d3740ab > .elementor-container{max-width:1400px;}.elementor-35528 .elementor-element.elementor-element-e867d2b > .elementor-container{max-width:1400px;}.elementor-35528 .elementor-element.elementor-element-6615c5c > .elementor-container{max-width:1300px;}.elementor-35528 .elementor-element.elementor-element-6615c5c{padding:0px 0px 50px 0px;}.elementor-35528 .elementor-element.elementor-element-548f4f1e{text-align:start;}.elementor-35528 .elementor-element.elementor-element-548f4f1e .elementor-heading-title{font-size:46px;font-weight:900;color:var( --e-global-color-dea5453 );}.elementor-35528 .elementor-element.elementor-element-48e1dd0:not(.elementor-motion-effects-element-type-background), .elementor-35528 .elementor-element.elementor-element-48e1dd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-35528 .elementor-element.elementor-element-48e1dd0 > .elementor-container{max-width:1400px;}.elementor-35528 .elementor-element.elementor-element-48e1dd0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-35528 .elementor-element.elementor-element-48e1dd0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-35528 .elementor-element.elementor-element-db4a95f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-a405a8d > .elementor-container{max-width:1400px;}.elementor-35528 .elementor-element.elementor-element-d80c34e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-35528 .elementor-element.elementor-element-e344e92{width:55%;}.elementor-35528 .elementor-element.elementor-element-c5e079e{width:35%;}.elementor-35528 .elementor-element.elementor-element-0e11093{width:65%;}.elementor-35528 .elementor-element.elementor-element-36cc9cb{width:45%;}}@media(max-width:1024px){.elementor-35528 .elementor-element.elementor-element-1754c28{padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-3a1d129 .elementor-heading-title{font-size:28px;}.elementor-35528 .elementor-element.elementor-element-8c00943 .elementor-heading-title{font-size:28px;}.elementor-35528 .elementor-element.elementor-element-3c8568f{--container-widget-width:654px;--container-widget-flex-grow:0;width:var( --container-widget-width, 654px );max-width:654px;}}@media(max-width:767px){.elementor-35528 .elementor-element.elementor-element-1754c28:not(.elementor-motion-effects-element-type-background), .elementor-35528 .elementor-element.elementor-element-1754c28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(229deg, #612C7D 0%, #000000 81%);}.elementor-35528 .elementor-element.elementor-element-5b374fb{--spacer-size:1px;}.elementor-35528 .elementor-element.elementor-element-3a1d129 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-3a1d129{text-align:center;}.elementor-35528 .elementor-element.elementor-element-3a1d129 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-35528 .elementor-element.elementor-element-8c00943 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35528 .elementor-element.elementor-element-8c00943{text-align:center;}.elementor-35528 .elementor-element.elementor-element-8c00943 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-35528 .elementor-element.elementor-element-3c8568f{text-align:center;font-size:17px;}.elementor-35528 .elementor-element.elementor-element-6c2df0e > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-35528 .elementor-element.elementor-element-4dc6744{text-align:center;}body:not(.rtl) .elementor-35528 .elementor-element.elementor-element-d06a3fa{left:-8px;}body.rtl .elementor-35528 .elementor-element.elementor-element-d06a3fa{right:-8px;}.elementor-35528 .elementor-element.elementor-element-d06a3fa{top:18px;}.elementor-35528 .elementor-element.elementor-element-548f4f1e > .elementor-widget-container{margin:0px 0px -13px 0px;}.elementor-35528 .elementor-element.elementor-element-548f4f1e .elementor-heading-title{font-size:22px;}}/* Start custom CSS for html, class: .elementor-element-c08b122 *//* =========================================================
   DIGITAL THINK
   BLOQUE DE IMPACTO / INDICADORES
   VERSIÓN COMPACTA
   ========================================================= */

.dt-impact {
    --dt-blue: #1769e0;
    --dt-blue-light: #4288ed;
    --dt-purple: #6b2d91;
    --dt-purple-dark: #4c1f68;
    --dt-dark: #17141d;

    position: relative;
    width: 100%;
    padding: 45px 24px;
    box-sizing: border-box;
    overflow: hidden;
    font-family: inherit;
    background: #ffffff;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.dt-impact-container {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;

    border-radius: 24px;
    overflow: hidden;

    box-shadow:
        0 18px 45px rgba(34, 22, 48, .11);
}


/* =========================================================
   PANEL PRINCIPAL
   ========================================================= */

.dt-impact-stats {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    /* MÁS DELGADO */
    padding: 30px 45px;

    background:
        radial-gradient(
            circle at 5% 0%,
            rgba(65, 137, 238, .30),
            transparent 32%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgba(255, 255, 255, .09),
            transparent 25%
        ),
        linear-gradient(
            115deg,
            #123f91 0%,
            #3f3c9e 48%,
            #6b2d91 100%
        );
}


/* Decoración de fondo */

.dt-impact-stats::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -120px;
    top: -175px;

    border-radius: 50%;

    border: 48px solid rgba(255, 255, 255, .04);

    pointer-events: none;
}


/* =========================================================
   CADA INDICADOR
   ========================================================= */

.dt-impact-item {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 18px;

    /* MÁS COMPACTO */
    min-height: 82px;

    padding: 0 38px;

    box-sizing: border-box;

    transition:
        transform .3s ease,
        opacity .3s ease;
}


/* Primer elemento */

.dt-impact-item:first-child {
    padding-left: 0;
}


/* Último elemento */

.dt-impact-item:last-child {
    padding-right: 0;
}


/* Separadores */

.dt-impact-item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 10%;
    right: 0;

    width: 1px;
    height: 80%;

    background: linear-gradient(
        180deg,
        transparent,
        rgba(255, 255, 255, .25),
        transparent
    );
}


/* =========================================================
   PEQUEÑO INDICADOR 01 / 02 / 03
   ========================================================= */

.dt-impact-icon {
    flex: 0 0 auto;

    display: flex;

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

    /* LIGERAMENTE MÁS PEQUEÑO */
    width: 40px;
    height: 40px;

    border: 1px solid rgba(255, 255, 255, .22);

    border-radius: 12px;

    background: rgba(255, 255, 255, .09);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        background .3s ease,
        transform .3s ease;
}


.dt-impact-icon span {
    color: rgba(255, 255, 255, .78);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .8px;
}


/* =========================================================
   CONTENIDO
   ========================================================= */

.dt-impact-content {
    position: relative;
}


/* Número principal */

.dt-impact-number {
    margin-bottom: 4px;

    color: #ffffff;

    /* CONSERVA IMPACTO SIN OCUPAR TANTA ALTURA */
    font-size: clamp(36px, 3.7vw, 50px);

    line-height: .95;

    font-weight: 800;

    letter-spacing: -1.6px;
}


/* Descripción */

.dt-impact-label {
    color: rgba(255, 255, 255, .72);

    font-size: 15px;

    line-height: 1.3;

    font-weight: 500;
}


/* =========================================================
   MENSAJE INFERIOR
   ========================================================= */

.dt-impact-message {
    position: relative;

    display: flex;
    align-items: stretch;

    /* ANTES 150px */
    min-height: 110px;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #f8f7fb 65%,
            #f3eef7 100%
        );
}


/* Barra lateral de identidad */

.dt-impact-message-line {
    width: 6px;

    flex: 0 0 6px;

    background: linear-gradient(
        180deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


/* Contenido mensaje */

.dt-impact-message-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    /* ANTES 34px 48px */
    padding: 24px 48px;
}


/* Texto pequeño */

.dt-impact-eyebrow {
    display: block;

    margin-bottom: 7px;

    color: var(--dt-purple);

    font-size: 10px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.7px;
}


/* Título */

.dt-impact-message h2 {
    margin: 0;

    color: var(--dt-dark);

    font-size: clamp(25px, 2.7vw, 35px);

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -.8px;
}


/* Parte destacada */

.dt-impact-message h2 span {
    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* =========================================================
   INTERACCIÓN
   ========================================================= */

.dt-impact-item:hover {
    transform: translateY(-3px);
}


.dt-impact-item:hover .dt-impact-icon {
    transform: scale(1.06);

    background: rgba(255, 255, 255, .16);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .dt-impact {
        padding: 40px 20px;
    }


    .dt-impact-stats {
        padding: 28px 28px;
    }


    .dt-impact-item {
        gap: 13px;

        min-height: 78px;

        padding: 0 20px;
    }


    .dt-impact-icon {
        width: 36px;
        height: 36px;

        border-radius: 10px;
    }


    .dt-impact-number {
        font-size: 36px;
    }


    .dt-impact-label {
        font-size: 14px;
    }


    .dt-impact-message {
        min-height: 100px;
    }


    .dt-impact-message-content {
        padding: 22px 36px;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .dt-impact {
        padding: 30px 16px;
    }


    .dt-impact-container {
        border-radius: 20px;
    }


    /* Indicadores */

    .dt-impact-stats {
        grid-template-columns: 1fr;

        padding: 10px 25px;
    }


    .dt-impact-item,
    .dt-impact-item:first-child,
    .dt-impact-item:last-child {
        min-height: auto;

        /* TAMBIÉN MÁS COMPACTO EN MÓVIL */
        padding: 18px 0;
    }


    /* Separadores horizontales */

    .dt-impact-item:not(:last-child)::after {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;

        width: 100%;
        height: 1px;

        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, .25),
            rgba(255, 255, 255, .08),
            transparent
        );
    }


    .dt-impact-icon {
        width: 40px;
        height: 40px;
    }


    .dt-impact-number {
        margin-bottom: 3px;

        font-size: 36px;
    }


    .dt-impact-label {
        font-size: 14px;
    }


    /* Mensaje */

    .dt-impact-message {
        min-height: auto;
    }


    .dt-impact-message-line {
        width: 5px;

        flex-basis: 5px;
    }


    .dt-impact-message-content {
        padding: 23px 24px 25px;
    }


    .dt-impact-eyebrow {
        margin-bottom: 7px;
    }


    .dt-impact-message h2 {
        font-size: 25px;

        line-height: 1.2;
    }


    .dt-impact-message h2 span {
        display: block;

        margin-top: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1b4dd0 *//* =========================================================
   DIGITAL THINK
   CATEGORÍAS + PROCESO DE COMPRA
   ========================================================= */

.dt-courses-info {
    --dt-blue: #1769e0;
    --dt-blue-dark: #1052b8;
    --dt-purple: #6b2d91;
    --dt-purple-dark: #50216e;
    --dt-dark: #17141d;
    --dt-text: #504b58;
    --dt-gray: #716c79;
    --dt-border: rgba(79, 57, 105, .10);

    position: relative;
    width: 100%;
    padding: 30px 24px 70px;
    box-sizing: border-box;
    overflow: hidden;
    font-family: inherit;
}


/* =========================================================
   DECORACIÓN DE FONDO
   ========================================================= */

.dt-courses-info::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    right: -210px;
    top: 180px;

    border-radius: 50%;
    border: 70px solid rgba(107, 45, 145, .025);

    pointer-events: none;
}

.dt-courses-info::after {
    content: "";
    position: absolute;

    width: 280px;
    height: 280px;

    left: -170px;
    bottom: 80px;

    border-radius: 50%;
    background: rgba(23, 105, 224, .035);

    pointer-events: none;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.dt-courses-container {
    position: relative;
    z-index: 2;

    max-width: 1250px;
    margin: 0 auto;
}


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

.dt-courses-title {
    position: relative;

    max-width: 900px;

    margin: 0 0 42px;
    padding-top: 25px;

    color: var(--dt-dark);

    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.7px;
}


/* Etiqueta superior */

.dt-courses-title::before {
    content: "EXPLORA NUESTROS CURSOS";

    position: absolute;

    top: 0;
    left: 0;

    color: var(--dt-purple);

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.8px;
}


/* Texto destacado */

.dt-courses-title span {
    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.dt-category-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

    margin-bottom: 42px;
}


/* =========================================================
   TARJETAS DE CATEGORÍAS
   ========================================================= */

.dt-category-card {
    position: relative;

    min-height: 17px;

    padding: 32px 30px 27px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    box-sizing: border-box;

    border-radius: 22px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .65);

    box-shadow:
        0 12px 30px rgba(45, 35, 60, .07);

    transition:
        transform .35s cubic-bezier(.2, .7, .3, 1),
        box-shadow .35s ease;
}


/* =========================================================
   COLOR CATEGORÍA 1
   ========================================================= */

.dt-category-card:nth-child(1) {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(23, 105, 224, .14),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #edf4ff,
            #f5f7fc
        );
}


/* =========================================================
   COLOR CATEGORÍA 2
   ========================================================= */

.dt-category-card:nth-child(2) {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(93, 65, 180, .15),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #f0effb,
            #f7f5fb
        );
}


/* =========================================================
   COLOR CATEGORÍA 3
   ========================================================= */

.dt-category-card:nth-child(3) {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(107, 45, 145, .16),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #f5edf8,
            #f8f4fa
        );
}


/* =========================================================
   BARRA LATERAL CATEGORÍAS
   ========================================================= */

.dt-category-card::before {
    content: "";

    position: absolute;

    top: 28px;
    left: 0;

    width: 4px;
    height: 45px;

    border-radius: 0 10px 10px 0;

    background: linear-gradient(
        180deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    transition: height .35s ease;
}


/* Decoración */

.dt-category-card::after {
    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    top: -80px;
    right: -60px;

    border-radius: 50%;

    border: 25px solid rgba(255, 255, 255, .28);

    transition: transform .4s ease;
}


/* Hover */

.dt-category-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 20px 45px rgba(42, 30, 60, .13);
}

.dt-category-card:hover::before {
    height: 70px;
}

.dt-category-card:hover::after {
    transform: scale(1.15);
}


/* =========================================================
   NÚMEROS DE CATEGORÍA
   ========================================================= */

.dt-category-number {
    position: absolute;

    top: 20px;
    right: 25px;

    margin: 0;

    font-size: 52px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: -3px;

    color: rgba(71, 48, 103, .10);

    background: none;

    -webkit-text-fill-color: initial;

    user-select: none;
}


/* =========================================================
   TEXTOS DE CATEGORÍA
   ========================================================= */

.dt-courses-info .dt-category-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 7px;

    color: var(--dt-dark);

    font-size: 22px;
    line-height: 1.25;
    font-weight: 750;

    letter-spacing: -.3px;
}

.dt-courses-info .dt-category-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--dt-gray);

    font-size: 15px;
    line-height: 1.5;
}


/* =========================================================
   PROCESO DE COMPRA
   ========================================================= */

.dt-buy-box {
    position: relative;

    padding: 46px 46px 43px;

    border-radius: 26px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(255, 255, 255, .12),
            transparent 25%
        ),
        radial-gradient(
            circle at 5% 100%,
            rgba(23, 105, 224, .35),
            transparent 35%
        ),
        linear-gradient(
            120deg,
            #163c8d 0%,
            #3f3c9d 46%,
            #6b2d91 100%
        );

    box-shadow:
        0 22px 55px rgba(51, 37, 96, .22);
}


/* =========================================================
   DECORACIÓN PROCESO
   ========================================================= */

.dt-buy-box::before {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    top: -220px;
    right: -80px;

    border-radius: 50%;

    border: 55px solid rgba(255, 255, 255, .045);

    pointer-events: none;
}

.dt-buy-box::after {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    left: -100px;
    bottom: -120px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .04);

    pointer-events: none;
}


/* =========================================================
   TÍTULO "COMPRA EN CUATRO PASOS"
   REFORZADO PARA ELEMENTOR
   ========================================================= */

.dt-courses-info .dt-buy-box h3.dt-buy-title {
    position: relative;
    z-index: 3;

    margin: 0 0 42px;

    color: #ffffff !important;

    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: -.7px;

    -webkit-text-fill-color: #ffffff !important;

    background: none !important;
}


/* =========================================================
   PASOS
   ========================================================= */

.dt-buy-steps {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;
}


/* Línea de conexión */

.dt-buy-steps::before {
    content: "";

    position: absolute;

    top: 23px;
    left: 24px;
    right: 24px;

    height: 1px;

    background: rgba(255, 255, 255, .22);

    z-index: 0;
}


/* Cada paso */

.dt-buy-step {
    position: relative;
    z-index: 2;

    padding: 0;
}

.dt-buy-step:not(:last-child)::after {
    display: none;
}


/* =========================================================
   CABECERA DE PASO
   ========================================================= */

.dt-step-head {
    position: relative;
    z-index: 2;

    display: block;

    margin: 0 0 13px;
}


/* =========================================================
   NÚMERO DE PASO
   ========================================================= */

.dt-step-number {
    position: relative;

    display: flex;

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

    width: 47px;
    height: 47px;

    margin-bottom: 20px;

    border-radius: 14px;

    color: var(--dt-purple) !important;

    background: #ffffff;

    font-size: 17px;
    line-height: 1;
    font-weight: 800;

    box-shadow:
        0 8px 20px rgba(15, 10, 45, .18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* Hover */

.dt-buy-step:hover .dt-step-number {
    transform: translateY(-4px);

    box-shadow:
        0 13px 28px rgba(10, 8, 40, .25);
}


/* =========================================================
   TÍTULOS DE CADA PASO
   REFORZADOS PARA ELEMENTOR
   ========================================================= */

.dt-courses-info .dt-buy-box .dt-step-head h4 {
    margin: 0;

    color: #ffffff !important;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 750;

    -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   DESCRIPCIÓN DE CADA PASO
   ========================================================= */

.dt-courses-info .dt-buy-box .dt-buy-step p {
    max-width: 220px;

    margin: 0;

    color: rgba(255, 255, 255, .76) !important;

    font-size: 14px;
    line-height: 1.6;

    -webkit-text-fill-color: rgba(255, 255, 255, .76) !important;
}


/* =========================================================
   INFORMACIÓN INFERIOR
   ========================================================= */

.dt-course-footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    margin-top: 27px;

    padding: 24px 27px;

    border: 1px solid rgba(107, 45, 145, .08);

    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(23, 105, 224, .055),
            rgba(107, 45, 145, .07)
        );

    box-shadow:
        0 8px 25px rgba(35, 25, 50, .035);
}

.dt-course-conditions {
    flex: 1;
}


/* =========================================================
   BADGES
   ========================================================= */

.dt-badges {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 12px;
}

.dt-badge {
    display: inline-flex;

    align-items: center;

    padding: 8px 14px;

    border-radius: 8px;

    color: #ffffff;

    background: linear-gradient(
        100deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    font-size: 10px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: .6px;

    text-transform: uppercase;

    box-shadow:
        0 5px 13px rgba(70, 45, 130, .12);
}


/* =========================================================
   NOTA
   ========================================================= */

.dt-course-note {
    max-width: 760px;

    margin: 0;

    color: var(--dt-text);

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   REDES SOCIALES
   ========================================================= */

.dt-social {
    display: flex;

    align-items: center;

    gap: 7px;
}

.dt-social a {
    display: inline-flex;

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

    min-height: 37px;

    padding: 0 13px;

    border: 1px solid rgba(107, 45, 145, .12);

    border-radius: 9px;

    color: var(--dt-purple);

    background: rgba(255, 255, 255, .68);

    font-size: 12px;
    font-weight: 650;

    text-decoration: none;

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

.dt-social a::after {
    display: none;
}

.dt-social a:hover {
    transform: translateY(-2px);

    color: #ffffff;

    background: linear-gradient(
        100deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    box-shadow:
        0 7px 18px rgba(70, 45, 130, .15);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .dt-courses-info {
        padding: 62px 20px;
    }


    /* Categorías */

    .dt-category-grid {
        gap: 13px;

        margin-bottom: 35px;
    }

    .dt-category-card {
        min-height: 165px;

        padding: 28px 23px 25px;
    }

    .dt-courses-info .dt-category-card h3 {
        font-size: 20px;
    }


    /* Proceso */

    .dt-buy-box {
        padding: 40px 32px;
    }

    .dt-buy-steps {
        grid-template-columns: repeat(2, 1fr);

        gap: 35px 25px;
    }

    .dt-buy-steps::before {
        display: none;
    }

    .dt-courses-info .dt-buy-box .dt-buy-step p {
        max-width: 300px;
    }


    /* Footer */

    .dt-course-footer {
        align-items: flex-start;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .dt-courses-info {
        padding: 48px 17px;
    }


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

    .dt-courses-title {
        margin-bottom: 30px;

        font-size: 34px;

        letter-spacing: -1px;
    }


    /* =====================================================
       CATEGORÍAS
       ===================================================== */

    .dt-category-grid {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 30px;
    }

    .dt-category-card {
        min-height: 140px;

        padding: 25px 24px 22px;

        border-radius: 18px;
    }

    .dt-category-number {
        top: 17px;
        right: 20px;

        font-size: 44px;
    }


    /* =====================================================
       PROCESO
       ===================================================== */

    .dt-buy-box {
        padding: 32px 24px;

        border-radius: 21px;
    }

    .dt-courses-info .dt-buy-box h3.dt-buy-title {
        margin-bottom: 30px;

        color: #ffffff !important;

        font-size: 27px;

        -webkit-text-fill-color: #ffffff !important;
    }


    /* =====================================================
       PASOS
       ===================================================== */

    .dt-buy-steps {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .dt-buy-steps::before {
        display: none;
    }


    /* =====================================================
       TIMELINE VERTICAL
       ===================================================== */

    .dt-buy-step {
        position: relative;

        min-height: 103px;

        padding: 0 0 26px 63px;
    }

    .dt-buy-step:last-child {
        min-height: auto;

        padding-bottom: 0;
    }


    /* Línea vertical */

    .dt-buy-step:not(:last-child)::before {
        content: "";

        position: absolute;

        left: 22px;
        top: 48px;
        bottom: 0;

        width: 1px;

        background: rgba(255, 255, 255, .24);
    }


    .dt-step-head {
        margin-bottom: 6px;
    }


    /* Número */

    .dt-step-number {
        position: absolute;

        left: -63px;
        top: 0;

        width: 44px;
        height: 44px;

        margin: 0;

        border-radius: 12px;
    }


    /* Título paso */

    .dt-courses-info .dt-buy-box .dt-step-head h4 {
        padding-top: 3px;

        color: #ffffff !important;

        font-size: 17px;

        -webkit-text-fill-color: #ffffff !important;
    }


    /* Descripción */

    .dt-courses-info .dt-buy-box .dt-buy-step p {
        max-width: none;

        color: rgba(255, 255, 255, .76) !important;

        font-size: 14px;

        -webkit-text-fill-color: rgba(255, 255, 255, .76) !important;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .dt-course-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

        margin-top: 20px;

        padding: 21px;

        border-radius: 16px;
    }


    .dt-social {
        flex-wrap: wrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94267c7 *//* =========================================================
   DIGITAL THINK
   FAQ / ACORDEÓN
   ========================================================= */

.dt-faq {
    --dt-blue: #1769e0;
    --dt-purple: #6b2d91;
    --dt-purple-dark: #50216e;

    --dt-dark: #17141d;
    --dt-text: #5f5967;
    --dt-border: rgba(84, 60, 105, .10);

    position: relative;

    width: 100%;

    padding: 80px 24px;

    box-sizing: border-box;

    overflow: hidden;

    font-family: inherit;

   
}


/* =========================================================
   DECORACIÓN DE FONDO
   ========================================================= */

.dt-faq::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -220px;
    right: -150px;

    border-radius: 50%;

    border: 60px solid rgba(107,45,145,.025);

    pointer-events: none;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.dt-faq-container {
    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: 0 auto;
}


/* =========================================================
   CABECERA
   ========================================================= */

.dt-faq-header {
    max-width: 760px;

    margin-bottom: 30px;
}


/* Texto pequeño */

.dt-faq-eyebrow {
    display: block;

    margin-bottom: 12px;

    color: var(--dt-purple);

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.8px;
}


/* Título */

.dt-faq .dt-faq-header h2 {
    margin: 0 0 13px;

    color: var(--dt-dark) !important;

    font-size: clamp(36px, 4vw, 54px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1.5px;
}


/* Texto degradado */

.dt-faq .dt-faq-header h2 span {
    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* Descripción */

.dt-faq-header > p {
    max-width: 620px;

    margin: 0;

    color: var(--dt-text);

    font-size: 16px;

    line-height: 1.65;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.dt-faq-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 32px;
}


.dt-faq-tag {
    display: inline-flex;

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

    min-width: 105px;

    padding: 9px 17px;

    box-sizing: border-box;

    border: 1px solid rgba(107,45,145,.10);

    border-radius: 50px;

    background: rgba(255,255,255,.65);

    color: var(--dt-purple);

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: .5px;

    text-transform: uppercase;
}


/* Categoría destacada */

.dt-faq-tag.active {
    border-color: transparent;

    color: #ffffff;

    background: linear-gradient(
        100deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    box-shadow:
        0 7px 18px rgba(72,47,135,.16);
}


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

.dt-faq-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;
}


/* Columnas */

.dt-faq-column {
    display: flex;

    flex-direction: column;

    gap: 14px;
}


/* =========================================================
   ACORDEÓN
   ========================================================= */

.dt-faq-item {
    position: relative;

    margin: 0;

    border: 1px solid var(--dt-border);

    border-radius: 18px;

    background: rgba(255,255,255,.82);

    box-shadow:
        0 8px 25px rgba(35,25,50,.045);

    overflow: hidden;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* Hover */

.dt-faq-item:hover {
    transform: translateY(-2px);

    border-color: rgba(107,45,145,.18);

    box-shadow:
        0 14px 32px rgba(42,28,58,.08);
}


/* Abierto */

.dt-faq-item[open] {
    border-color: rgba(107,45,145,.18);

    background:
        linear-gradient(
            120deg,
            rgba(23,105,224,.035),
            rgba(107,45,145,.055)
        ),
        #ffffff;

    box-shadow:
        0 15px 35px rgba(45,30,65,.08);
}


/* Barra izquierda cuando está abierto */

.dt-faq-item[open]::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: linear-gradient(
        180deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


/* =========================================================
   PREGUNTA
   ========================================================= */

.dt-faq-item summary {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    min-height: 76px;

    padding: 20px 22px 20px 25px;

    box-sizing: border-box;

    cursor: pointer;

    list-style: none;

    color: var(--dt-dark);

    font-size: 17px;

    line-height: 1.4;

    font-weight: 750;

    user-select: none;
}


/* Quitar marcador nativo */

.dt-faq-item summary::-webkit-details-marker {
    display: none;
}

.dt-faq-item summary::marker {
    display: none;
    content: "";
}


/* =========================================================
   BOTÓN + / -
   ========================================================= */

.dt-faq-plus {
    position: relative;

    flex: 0 0 auto;

    display: flex;

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

    width: 38px;
    height: 38px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            rgba(23,105,224,.10),
            rgba(107,45,145,.13)
        );

    transition:
        background .3s ease,
        transform .35s ease;
}


/* Línea horizontal */

.dt-faq-plus::before {
    content: "";

    position: absolute;

    width: 14px;
    height: 2px;

    border-radius: 5px;

    background: var(--dt-purple);
}


/* Línea vertical */

.dt-faq-plus::after {
    content: "";

    position: absolute;

    width: 2px;
    height: 14px;

    border-radius: 5px;

    background: var(--dt-purple);

    transition:
        transform .3s ease,
        opacity .3s ease;
}


/* Abierto */

.dt-faq-item[open] .dt-faq-plus {
    transform: rotate(180deg);

    background: linear-gradient(
        135deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


.dt-faq-item[open] .dt-faq-plus::before {
    background: #ffffff;
}


.dt-faq-item[open] .dt-faq-plus::after {
    opacity: 0;

    background: #ffffff;

    transform: rotate(90deg);
}


/* =========================================================
   RESPUESTA
   ========================================================= */

.dt-faq-answer {
    padding:
        0 75px 24px 25px;
}


/* Separador */

.dt-faq-answer::before {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-bottom: 13px;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


/* Texto */

.dt-faq .dt-faq-answer p {
    margin: 0;

    color: var(--dt-text) !important;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .dt-faq {
        padding: 65px 20px;
    }


    .dt-faq-grid {
        gap: 13px;
    }


    .dt-faq-item summary {
        padding:
            19px 18px 19px 21px;

        font-size: 16px;
    }


    .dt-faq-answer {
        padding:
            0 65px 22px 21px;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .dt-faq {
        padding: 50px 17px;
    }


    /* Cabecera */

    .dt-faq-header {
        margin-bottom: 25px;
    }


    .dt-faq .dt-faq-header h2 {
        font-size: 34px;

        letter-spacing: -1px;
    }


    .dt-faq-header > p {
        font-size: 15px;
    }


    /* Categorías */

    .dt-faq-tags {
        margin-bottom: 25px;
    }


    /* Una columna */

    .dt-faq-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .dt-faq-column {
        gap: 12px;
    }


    /* Acordeones */

    .dt-faq-item {
        border-radius: 15px;
    }


    .dt-faq-item summary {
        min-height: 70px;

        padding:
            17px 17px 17px 20px;

        gap: 15px;

        font-size: 16px;
    }


    .dt-faq-plus {
        width: 35px;
        height: 35px;

        border-radius: 10px;
    }


    .dt-faq-answer {
        padding:
            0 20px 21px;
    }


    .dt-faq .dt-faq-answer p {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc453b *//* =========================================================
   DIGITAL THINK
   SECCIÓN EMPRESAS + FAQ
   ========================================================= */

.dt-business {
    --dt-blue: #1769e0;
    --dt-blue-dark: #1052b8;

    --dt-purple: #6b2d91;
    --dt-purple-dark: #50216e;

    --dt-dark: #17141d;
    --dt-text: #5f5967;

    position: relative;

    width: 100%;

    padding: 70px 24px;

    box-sizing: border-box;

    overflow: hidden;

    font-family: inherit;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(23,105,224,.07),
            transparent 27%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(107,45,145,.08),
            transparent 28%
        ),
        ffffff
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.dt-business-container {
    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: 0 auto;
}


/* =========================================================
   HERO EMPRESAS
   ========================================================= */

.dt-business-hero {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 60px;

    padding: 48px 52px;

    border-radius: 28px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(255,255,255,.12),
            transparent 25%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(23,105,224,.32),
            transparent 32%
        ),
        linear-gradient(
            120deg,
            #163c8d 0%,
            #413c9c 47%,
            #6b2d91 100%
        );

    box-shadow:
        0 22px 55px rgba(51,37,96,.20);
}


/* Decoración */

.dt-business-hero::before {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    right: -100px;
    top: -230px;

    border-radius: 50%;

    border: 55px solid rgba(255,255,255,.045);

    pointer-events: none;
}


/* =========================================================
   CONTENIDO HERO
   ========================================================= */

.dt-business-hero-content {
    position: relative;

    z-index: 2;

    max-width: 800px;
}


/* Eyebrow */

.dt-business-eyebrow {
    display: block;

    margin-bottom: 13px;

    color: rgba(255,255,255,.72);

    font-size: 10px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.8px;
}


/* Título */

.dt-business .dt-business-hero h2 {
    margin: 0 0 16px;

    color: #ffffff !important;

    font-size: clamp(34px, 4vw, 50px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1.3px;

    -webkit-text-fill-color: #ffffff !important;
}


/* Segunda parte */

.dt-business .dt-business-hero h2 span {
    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;
}


/* Descripción */

.dt-business .dt-business-hero p {
    max-width: 780px;

    margin: 0;

    color: rgba(255,255,255,.80) !important;

    font-size: 16px;

    line-height: 1.6;

    -webkit-text-fill-color: rgba(255,255,255,.80) !important;
}


/* =========================================================
   BOTÓN COTIZACIÓN
   ========================================================= */

.dt-business-hero-action {
    position: relative;

    z-index: 3;

    flex: 0 0 auto;
}


.dt-business-button {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    min-width: 235px;

    padding: 10px 10px 10px 22px;

    box-sizing: border-box;

    border: 1px solid rgba(255,255,255,.16);

    border-radius: 14px;

    color: #ffffff !important;

    background: rgba(20,10,34,.48);

    text-decoration: none !important;

    font-size: 14px;

    font-weight: 750;

    box-shadow:
        0 10px 30px rgba(12,5,28,.16);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

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


/* Flecha */

.dt-business-button-arrow {
    display: flex;

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

    width: 39px;
    height: 39px;

    border-radius: 10px;

    color: var(--dt-purple);

    background: #ffffff;

    font-size: 19px;

    transition:
        transform .3s ease;
}


/* Hover */

.dt-business-button:hover {
    transform: translateY(-3px);

    color: #ffffff !important;

    background: rgba(20,10,34,.65);

    box-shadow:
        0 15px 35px rgba(12,5,28,.25);
}


.dt-business-button:hover .dt-business-button-arrow {
    transform: translateX(3px);
}


/* =========================================================
   FAQ GRID
   ========================================================= */

.dt-business-faq {
    display: grid;

    grid-template-columns: repeat(2, minmax(0,1fr));

    gap: 15px;

    margin-top: 24px;
}


/* =========================================================
   ACORDEÓN
   ========================================================= */

.dt-business-item {
    position: relative;

    margin: 0;

    border: 1px solid rgba(79,57,105,.10);

    border-radius: 18px;

    background: rgba(255,255,255,.84);

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(35,25,50,.04);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* Hover */

.dt-business-item:hover {
    transform: translateY(-2px);

    border-color: rgba(107,45,145,.20);

    box-shadow:
        0 14px 32px rgba(40,27,55,.08);
}


/* Abierto */

.dt-business-item[open] {
    border-color: rgba(107,45,145,.20);

    background:
        linear-gradient(
            115deg,
            rgba(23,105,224,.035),
            rgba(107,45,145,.06)
        ),
        #ffffff;
}


/* Barra lateral */

.dt-business-item[open]::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background: linear-gradient(
        180deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


/* =========================================================
   PREGUNTA
   ========================================================= */

.dt-business-item summary {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    min-height: 78px;

    padding: 20px 22px 20px 25px;

    box-sizing: border-box;

    cursor: pointer;

    list-style: none;

    color: var(--dt-dark) !important;

    font-size: 17px;

    line-height: 1.4;

    font-weight: 750;

    -webkit-text-fill-color: var(--dt-dark) !important;
}


.dt-business-item summary::-webkit-details-marker {
    display: none;
}


.dt-business-item summary::marker {
    content: "";
}


/* =========================================================
   BOTÓN +
   ========================================================= */

.dt-business-plus {
    position: relative;

    flex: 0 0 auto;

    display: flex;

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

    width: 38px;
    height: 38px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            rgba(23,105,224,.10),
            rgba(107,45,145,.14)
        );

    transition:
        transform .35s ease,
        background .3s ease;
}


/* Horizontal */

.dt-business-plus::before {
    content: "";

    position: absolute;

    width: 14px;
    height: 2px;

    border-radius: 10px;

    background: var(--dt-purple);
}


/* Vertical */

.dt-business-plus::after {
    content: "";

    position: absolute;

    width: 2px;
    height: 14px;

    border-radius: 10px;

    background: var(--dt-purple);

    transition:
        opacity .3s ease,
        transform .3s ease;
}


/* Estado abierto */

.dt-business-item[open] .dt-business-plus {
    transform: rotate(180deg);

    background: linear-gradient(
        135deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


.dt-business-item[open] .dt-business-plus::before {
    background: #ffffff;
}


.dt-business-item[open] .dt-business-plus::after {
    opacity: 0;
}


/* =========================================================
   RESPUESTA
   ========================================================= */

.dt-business-answer {
    padding:
        0 75px 24px 25px;
}


.dt-business-answer::before {
    content: "";

    display: block;

    width: 40px;
    height: 2px;

    margin-bottom: 13px;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );
}


.dt-business .dt-business-answer p {
    margin: 0;

    color: var(--dt-text) !important;

    font-size: 15px;

    line-height: 1.65;

    -webkit-text-fill-color: var(--dt-text) !important;
}


/* =========================================================
   CTA INFERIOR
   ========================================================= */

.dt-business-footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    margin-top: 24px;

    padding: 27px 30px;

    border: 1px solid rgba(107,45,145,.10);

    border-radius: 18px;

    background:
        linear-gradient(
            100deg,
            rgba(23,105,224,.06),
            rgba(107,45,145,.09)
        );
}


/* Etiqueta */

.dt-business-footer-label {
    display: block;

    margin-bottom: 6px;

    color: var(--dt-purple);

    font-size: 9px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.5px;
}


/* Título */

.dt-business .dt-business-footer h3 {
    margin: 0;

    color: var(--dt-dark) !important;

    font-size: clamp(20px,2.3vw,28px);

    line-height: 1.25;

    font-weight: 800;

    letter-spacing: -.4px;
}


.dt-business .dt-business-footer h3 span {
    background: linear-gradient(
        90deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* =========================================================
   BOTÓN CTA INFERIOR
   ========================================================= */

.dt-business-footer-button {
    flex: 0 0 auto;

    display: inline-flex;

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

    gap: 15px;

    padding: 13px 19px;

    border-radius: 11px;

    color: #ffffff !important;

    background: linear-gradient(
        100deg,
        var(--dt-blue),
        var(--dt-purple)
    );

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 750;

    box-shadow:
        0 8px 20px rgba(70,45,130,.16);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.dt-business-footer-button span {
    font-size: 17px;

    transition: transform .3s ease;
}


.dt-business-footer-button:hover {
    transform: translateY(-2px);

    color: #ffffff !important;

    box-shadow:
        0 12px 26px rgba(70,45,130,.24);
}


.dt-business-footer-button:hover span {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .dt-business {
        padding: 60px 20px;
    }


    .dt-business-hero {
        gap: 35px;

        padding: 42px 35px;
    }


    .dt-business-button {
        min-width: 210px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .dt-business {
        padding: 45px 17px;
    }


    /* HERO */

    .dt-business-hero {
        flex-direction: column;

        align-items: flex-start;

        gap: 27px;

        padding: 34px 26px;

        border-radius: 21px;
    }


    .dt-business .dt-business-hero h2 {
        font-size: 33px;
    }


    .dt-business .dt-business-hero p {
        font-size: 15px;
    }


    .dt-business-hero-action {
        width: 100%;
    }


    .dt-business-button {
        width: 100%;

        min-width: 0;
    }


    /* FAQ */

    .dt-business-faq {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-top: 15px;
    }


    .dt-business-item {
        border-radius: 15px;
    }


    .dt-business-item summary {
        min-height: 70px;

        padding:
            17px 17px 17px 20px;

        gap: 15px;

        font-size: 16px;
    }


    .dt-business-plus {
        width: 35px;
        height: 35px;

        border-radius: 10px;
    }


    .dt-business-answer {
        padding:
            0 20px 21px;
    }


    .dt-business .dt-business-answer p {
        font-size: 14px;
    }


    /* CTA FINAL */

    .dt-business-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

        margin-top: 15px;

        padding: 24px 22px;

        border-radius: 16px;
    }


    .dt-business .dt-business-footer h3 {
        font-size: 22px;
    }


    .dt-business-footer-button {
        width: 100%;

        box-sizing: border-box;
    }

}/* End custom CSS */