/* =========================== */
/* Banner / Slider - Professional Design */
.banners-section {
    margin: auto;
    position: relative;
    overflow: hidden;
}

.banners-section .container-banner{
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    position: relative;
}
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
        .carousel-item {
            position: relative;
            display: none;
            float: left;
            width: 100%;
            margin-right: -100%;
            backface-visibility: hidden;
        }
            .carousel-item .container{
                width: 90%;
                margin: auto;
            }
            .carousel-item-next,
            .carousel-item-prev,
            .carousel-item.active {
                display: block;
            }
                .carousel-item-next:not(.carousel-item-start),
                .active.carousel-item-end {
                    transform: translateX(100%);
                }
                .carousel-item-prev:not(.carousel-item-end),
                .active.carousel-item-start {
                    transform: translateX(-100%);
                }
                .visually-hidden,
                .visually-hidden-focusable:not(:focus):not(:focus-within) {
                    width: 1px;
                    height: 1px;
                    padding: 0;
                    margin: -1px;
                    overflow: hidden;
                    clip: rect(0,0,0,0);
                    white-space: nowrap;
                    border: 0;
                }
                .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
                    position: absolute;
                }

            .banner-item {
                height: calc(100vh - 280px);
                min-height: 400px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
                overflow: hidden;
            }
            
                .banner-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.6);
                    display: flex;
                    align-items: center;
                    z-index: 1;
                }
                    .row>* {
                        flex-shrink: 0;
                        max-width: 100%;
                        padding-right: calc(var(--bs-gutter-x) * .5);
                        padding-left: calc(var(--bs-gutter-x) * .5);
                        margin-top: var(--bs-gutter-y);
                    }
                    .banner-content {
                        color: var(--blanco);
                        z-index: 2;
                        text-align: center;
                        animation: contentFadeIn 1s ease-out;
                    }
                    
                    @keyframes contentFadeIn {
                        from {
                            opacity: 0;
                            transform: translateY(40px);
                            filter: blur(10px);
                        }
                        to {
                            opacity: 1;
                            transform: translateY(0);
                            filter: blur(0);
                        }
                    }
                        .banner-type-badge {
                            margin-bottom: 2rem;
                            animation: badgeFadeIn 0.6s ease-out 0.2s both;
                        }
                        
                        @keyframes badgeFadeIn {
                            from {
                                opacity: 0;
                                transform: translateY(15px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        
                            .banner-type-badge .badge {
                                background: linear-gradient(135deg, var(--verde) 0%, var(--verde-c) 100%);
                                text-shadow: 0 2px 6px rgba(0,0,0,.3);
                                padding: 0.6rem 1.5rem;
                                border-radius: 25px;
                                font-weight: 700;
                                letter-spacing: 0.5px;
                                box-shadow: 
                                    0 4px 15px rgba(116, 180, 46, 0.25),
                                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
                            }
                        .banner-pre-title {
                            color: var(--asd-mas-c);
                            font-size: clamp(16px, 2dvw, 20px);
                            font-weight: 700;
                            text-transform: uppercase;
                            letter-spacing: 1.5px;
                            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
                            animation: titleSlideIn 0.6s ease-out 0.3s both;
                        }
                        
                        @keyframes titleSlideIn {
                            from {
                                opacity: 0;
                                transform: translateY(15px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        
                        .banner-title {
                            font-size: clamp(42px, 4dvw, 70px);
                            font-weight: 900;
                            margin-bottom: .25rem;
                            color: var(--asd-mas-c);
                            text-shadow: 
                                0 0 30px rgba(185, 230, 250, 0.4),
                                0 4px 12px rgba(0, 0, 0, 0.6);
                            animation: titleZoomIn 0.6s ease-out 0.5s both;
                        }
                        
                        @keyframes titleZoomIn {
                            from {
                                opacity: 0;
                                transform: translateY(20px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        
                            .banner-subtitle {
                                font-size: clamp(20px, 2dvw, 24px);
                                margin: 0;
                                margin-bottom: 1rem;
                                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
                                line-height: 1.4;
                                font-weight: 600;
                                animation: subtitleFadeIn 0.6s ease-out 0.7s both;
                            }
                            
                            @keyframes subtitleFadeIn {
                                from {
                                    opacity: 0;
                                    transform: translateY(15px);
                                }
                                to {
                                    opacity: 1;
                                    transform: translateY(0);
                                }
                            }
                            
                        .banner-description {
                            font-size: 1.1rem;
                            font-weight: 500;
                            margin-bottom: 1.5rem;
                            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
                            line-height: 1.6;
                            animation: descriptionFadeIn 0.6s ease-out 0.9s both;
                        }
                        
                        @keyframes descriptionFadeIn {
                            from {
                                opacity: 0;
                                transform: translateY(15px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        .banner-buttons {
                            display: flex;
                            gap: 1rem;
                            flex-wrap: wrap;
                            justify-content: center;
                            animation: buttonsFadeIn 0.6s ease-out 1.1s both;
                        }
                        
                        @keyframes buttonsFadeIn {
                            from {
                                opacity: 0;
                                transform: translateY(15px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        
                            .banner-buttons .btn-primary{
                                transform: scale(1.1);
                                transition: all 0.3s ease;
                            }
                            
                            .banner-buttons .btn-primary:hover {
                                transform: scale(1.12) translateY(-2px);
                                box-shadow: 
                                    0 8px 25px rgba(0, 74, 110, 0.4),
                                    0 0 40px rgba(83, 170, 212, 0.2);
                            }

                        /*Etiquetas > Banner > Home */
                        .banner-course-info {
                            margin-bottom: 2rem;
                            animation: infoFadeIn 0.6s ease-out 1.0s both;
                        }
                        
                        @keyframes infoFadeIn {
                            from {
                                opacity: 0;
                                transform: translateY(15px);
                            }
                            to {
                                opacity: 1;
                                transform: translateY(0);
                            }
                        }
                        
                            .course-details {
                                display: grid;
                                justify-items: center;
                                align-items: start;
                                justify-content: center;
                                grid-auto-flow: row;
                                gap: .5rem;
                                margin-bottom: 1rem;
                            }
                                .course-details span {
                                    color: var(--asd-o);
                                    padding: .5rem 1.2rem;
                                    border-radius: 25px;
                                    font-size: 0.9rem;
                                    font-weight: 600;
                                    backdrop-filter: blur(10px) saturate(1.2);
                                    background: rgba(185, 230, 250, 0.95);
                                    box-shadow: 
                                        0 4px 12px rgba(83, 170, 212, 0.25),
                                        inset 0 1px 0 rgba(255, 255, 255, 0.6);
                                    border: 1px solid rgba(255, 255, 255, 0.5);
                                    transition: all 0.3s ease;
                                }
                                
                                .course-details span:hover {
                                    transform: translateY(-2px);
                                    box-shadow: 
                                        0 6px 18px rgba(83, 170, 212, 0.3),
                                        inset 0 1px 0 rgba(255, 255, 255, 0.7);
                                }
                                    span.course-price {
                                    }
                                    span.course-duration{
                                    }
                                    span.course-modality{
                                    }
                                    span.course-category {
                                    }
                        /* Controls > Banner - Modern Design */
                        .carousel-control-prev,
                        .carousel-control-next {
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            font-size: 30px;
                            font-weight: 700;
                            text-align: center;
                            cursor: pointer;
                            font-family: var(--iconos);
                            opacity: 0;
                            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                            background: linear-gradient(135deg, 
                                rgba(0, 74, 110, 0.8) 0%, 
                                rgba(83, 170, 212, 0.8) 100%
                            );
                            backdrop-filter: blur(10px) saturate(1.5);
                            z-index: 100;
                            box-shadow: 
                                0 8px 25px rgba(0, 0, 0, 0.3),
                                0 0 40px rgba(83, 170, 212, 0.2),
                                inset 0 1px 0 rgba(255, 255, 255, 0.2);
                        }
                        
                            .banners-section:hover .carousel-control-prev,
                            .banners-section:hover .carousel-control-next{
                                opacity: 1;
                            }
                            
                                .carousel-control-prev {
                                    left: 0;
                                    padding: 25px 15px 25px 10px;
                                    border-radius: 0 50px 50px 0;
                                }
                                
                                .carousel-control-next {
                                    right: 0;
                                    padding: 25px 10px 25px 15px;
                                    border-radius: 50px 0 0 50px;
                                }
                                
                                    .carousel-control-prev:hover,
                                    .carousel-control-next:hover {
                                        background: linear-gradient(135deg, 
                                            rgba(0, 74, 110, 1) 0%, 
                                            rgba(83, 170, 212, 1) 100%
                                        );
                                        transform: translateY(-50%) scale(1.1);
                                        box-shadow: 
                                            0 12px 35px rgba(0, 0, 0, 0.4),
                                            0 0 60px rgba(83, 170, 212, 0.4);
                                    }
                                    
                                    .carousel-control-prev:active,
                                    .carousel-control-next:active {
                                        transform: translateY(-50%) scale(0.95);
                                    }
                                    .carousel-control-next-icon,
                                    .carousel-control-prev-icon {
                                        display: inline-block;
                                        width: 2rem;
                                        height: 2rem;
                                        background-repeat: no-repeat;
                                        background-position: 50%;
                                        background-size: 100% 100%;
                                    }
                                        .carousel-control-prev-icon {
                                            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
                                        }
                                        .carousel-control-next-icon {
                                            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                                        }
                        /*Indicadores > Banner - Modern Design */
                            .carousel-indicators {
                                bottom: 30px;
                                position: absolute;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                z-index: 100;
                                display: flex;
                                justify-content: center;
                                padding: 0;
                                margin-bottom: 1.5rem;
                                gap: 8px;
                            }
                                .carousel-indicators button {
                                    width: 12px;
                                    height: 12px;
                                    border-radius: 50%;
                                    background: rgba(255, 255, 255, 0.4);
                                    border: 2px solid rgba(255, 255, 255, 0.6);
                                    margin: 0;
                                    transition: all 0.3s ease;
                                    backdrop-filter: blur(5px);
                                    cursor: pointer;
                                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                                }
                                
                                .carousel-indicators button:hover {
                                    background: rgba(255, 255, 255, 0.7);
                                    transform: scale(1.2);
                                    box-shadow: 
                                        0 0 20px rgba(255, 255, 255, 0.5),
                                        0 4px 12px rgba(0, 0, 0, 0.4);
                                }
                                
                                    .carousel-indicators button.active {
                                        background: linear-gradient(135deg, 
                                            var(--asd-mas-c) 0%, 
                                            var(--blanco) 100%
                                        );
                                        width: 32px;
                                        border-radius: 25px;
                                        box-shadow: 
                                            0 0 15px rgba(185, 230, 250, 0.6),
                                            0 3px 12px rgba(0, 0, 0, 0.4);
                                    }

    @media screen and (min-width: 776px){
        .course-details {
            grid-template-columns: repeat(4, auto);
        }
    }

/* ========================================= */
/* Accesibilidad: Reducir animaciones para usuarios sensibles al movimiento */
@media (prefers-reduced-motion: reduce) {
    .banner-content,
    .banner-type-badge,
    .banner-pre-title,
    .banner-title,
    .banner-subtitle,
    .banner-description,
    .banner-course-info,
    .banner-buttons {
        animation: none !important;
        transition: opacity 0.3s ease-out !important;
    }
    
    .course-details span:hover,
    .banner-buttons .btn-primary:hover {
        transform: none;
    }
}

/* ============================*/
/* Taller Destacado en Home */
/* ============================*/
.featured-taller-section {
    padding: 4rem 1rem;
    background: var(--gris-240);
}
    .taller-image {
        margin-bottom: 2rem;
    }
        .taller-image img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
    .taller-content {
        padding: 3rem;
        max-width: 1100px;
        margin: auto;
        background-color: var(--blanco);
        border-radius: 10px;
    }
        .taller-badge .badge {
            background-color: var(--asd-c);
            color: var(--blanco);
            padding: .5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin-bottom: 1rem;
            text-transform: initial;
        }
        .taller-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--asd);
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        .taller-description {
            font-size: 1rem;
            color: var(--gris-70);
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }
        .taller-meta {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            margin-bottom: 2rem;
        }
        .meta-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: var(--gris-70);
            font-size: 1rem;
        }
            .meta-item i {
                color: var(--asd-c);
                font-size: 1.1rem;
                width: 20px;
                text-align: center;
            }
        .taller-actions {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }
        .taller-actions .btn {
            padding: 0.75rem 1.5rem;
            border-radius: 10px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            border: none;
        }

/* Responsive para taller destacado */
@media (max-width: 768px) {
    .featured-taller-section {
        padding: 2rem 1rem;
    }
    
    .taller-title {
        font-size: 1.8rem;
    }
    
    .taller-actions {
        flex-direction: column;
    }
    
    .taller-actions .btn {
        width: 100%;
        text-align: center;
    }
}

/* ============================*/
/*Secciones header*/
    .section-header {
        text-align: center;
        margin: auto;
        max-width: 1200px;
        margin-bottom: 1rem;
    }
        h2.section-title {
            color: var(--asd);
            font-weight: 700;
            margin-bottom: .1rem;
            position: relative;
        }
        .section-subtitle {
            font-size: 1em;
            color: var(--gris-70);
            margin: 0 auto;
            line-height: 1.6;
        }
        /*Volver*/
        .contenedor-volver{
            max-width: 1200px;
            margin: auto;
            background-color: var(--gris-240);
            padding: 20px;
            border-radius: 50px;
            text-align: center;
        }
        /*Filtros*/
        .contenedor-filtros{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 15px;
            justify-self: end;
        }
            .contenedor-filtros .form-select{
                padding: .5rem .75rem;
                font-size: 15px;
                border: solid 1px var(--gris-210) !important;
                border-radius: 10px;
            }

/* ============================*/
/*Cursos*/
.courses-section{
    padding: 1rem 1rem 4rem 1rem;
}

.routes-section,
.certifications-section,
.categories-section{
    padding: 4rem 1rem;
}
    /*Card > Cursos*/
    .course-card-small {
        box-shadow: 0 0 8px var(--gris-210);
        background: var(--blanco);
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
        max-width: 370px;
        height: 100%;
    }
        .slider-cursos-relacionados .course-card-small{
            height: auto;
        }
        .course-card-small:hover {
            box-shadow: 0 0 16px var(--gris-100);
        }
        /*Etiquetas > Card > Cursos*/
        .course-card-small .course-tag {
            font-size: 0.75rem;
            font-weight: 600;
            padding: .3rem .8rem;
            border-radius: 0 10px 10px 0;
            letter-spacing: 0.3px;
            display: flex;
            align-items: center;
            gap: .2rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
            max-width: fit-content;
            transition: all .75s ease;
            overflow: hidden;
            white-space: nowrap;
            min-width: 40px;
            min-height: 24px;
            color: var(--blanco);
        }
            .course-card-small:hover .course-tag {
                width: auto;
                padding-right: 0.8rem;
                max-width: 200px;
            }
                .course-card-small .course-tag i {
                    font-size: 0.7rem;
                    flex-shrink: 0;
                }
                .course-card-small .course-tag span {
                    opacity: 0;
                    width: 0;
                    transition: all 0.3s ease;
                    overflow: hidden;
                    display: inline-block;
                }
                .course-card-small .course-tag:not(.descuento) span {
                    font-size: 13px;
                    position: relative;
                    top: 1px;
                }
            .course-card-small .course-tag.category {
                background: var(--asd);
            }
            .course-card-small .course-tag.categoria {
                background: var(--asd-c);
            }
            .course-card-small .course-tag.destacado {
                background: var(--violeta);
            }
            .course-card-small .course-tag.nuevo {
                background: var(--verde);
            }
            .course-card-small .course-tag.doble-certificacion {
                background: var(--naranja-c);
            }
            .course-card-small .course-tag.tech {
                background: var(--gris-70);
            }
            .course-card-small .course-tag.multiple {
                background: var(--green);
            }
                .course-card-small:hover .course-tag span {
                    opacity: 1;
                    width: auto;
                    min-width: 50px;
                    margin-left: 0.3rem;
                    overflow: auto;
                }
        /*Imagen > Card > Cursos*/
        .course-card-small .course-image {
            position: relative;
            overflow: hidden;
            border-radius: 12px 12px 0 0;
        }
            .course-card-small .course-image img {
                width: 100%;
                aspect-ratio: 370/210;
            }
        /*Contenidos > Card > Cursos*/
        .course-card-small .course-content {
            flex: 1;
            padding: 20px 25px 25px 25px;
            display: flex;
            flex-direction: column;
        }
            .course-card-small .course-content-top {
                flex: 1;
                display: flex;
                flex-direction: column;
                text-align: left;
            }
                .course-card-small .course-title {
                    color: var(--asd);
                    margin-bottom: 0.6rem;
                    line-height: 1.3;
                }

                /*Etiquetas > Card > Cursos*/
                .course-card-small .course-meta {
                    display: flex;
                    flex-direction: row;
                    gap: 1rem;
                    font-size: .7rem;
                    color: var(--gris-100);
                }
                    .course-card-small .course-meta span i{
                        font-size: .9em;
                        color: var(--gris-170);
                        position: relative;
                        top: -1px;
                    }
                .course-card-small .course-tags {
                    position: absolute;
                    top: 8px;
                    left: 0;
                    right: 0;
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                    z-index: 10;
                    align-items: flex-start;
                    font-size: 0.75rem;
                }
                    .course-card-small .course-tag.descuento {
                        background: var(--rojo);
                        color: var(--blanco);
                        width: auto;
                        min-width: 50px;
                        justify-content: center;
                        padding: 0.4rem 0.7rem;
                        border-radius: 25px 0 0 25px;
                        box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
                        font-weight: 700;
                        font-size: 0.7rem;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        position: absolute;
                        top: 8px;
                        right: 0;
                        z-index: 15;
                    }
                        .course-card-small .course-tag.descuento span {
                            opacity: 1;
                            width: auto;
                            margin-left: .1rem;
                        }
                            .course-card-small .course-tag.descuento i {
                                font-size: 0.8rem;
                                position: relative;
                                top: 2px;
                            }

            /*Precios > Contenidos > Card > Cursos*/
            .course-card-small .course-price-section {
                margin: .75rem 0 .25rem 0;
            }
                .course-card-small .price-with-discount {
                    display: flex;
                    flex-direction: column;
                }
                .course-card-small .original-price {
                    font-size: 12px;
                    color: var(--gris-110);
                    text-decoration: line-through;
                    font-weight: 400;
                    /* margin-bottom: -.5rem; */
                }
                .course-card-small .current-price,
                .course-card-small .course-price-display {
                    display: flex;
                    align-items: baseline;
                    gap: 0.2rem;
                    font-weight: 700;
                    color: var(--asd);
                }
                    .course-card-small .price-currency {
                        font-size: .9rem;
                        font-weight: 500;
                    }
                    .course-card-small .price-amount {
                        font-size: 1.75rem;
                    }
            /*Botones > Card > Cursos*/
            .course-card-small .course-actions {
                display: flex;
                gap: .5rem;
                margin-top: .5rem;
            }
                .course-card-small .course-content-bottom {
                    margin-top: auto;
                }
        /*Paginador > Cursos*/
        .pagination{
            display: flex;
            grid-gap: .5rem;
            margin-top: 1rem;
            max-width: 1200px;
            margin: 20px auto 0 auto;
            position: relative;
        }
            .pagination .page-item a{
                padding: 1rem;
                background-color: var(--gris-230);
                color: var(--gris-100);
                transition: all .2s ease;
                border-radius: 5px;
                display: block;
            }
                .pagination .page-item a:hover{
                    background-color: var(--asd);
                    color: var(--blanco);
                    border-radius: 25px;
                }
                
    /*Ver todos los cursos > Cursos*/
    .container-btn-ver-cursos,
    .container-btn-ver-rutas{
        display: grid;
        justify-items: center;
    }

@media screen and (min-width: 1080px){
    .contenedor-resultados{
        text-align: right;
    }
}


/*======== */
/* Sección rutas de aprendizaje */
.routes-section{
    background-color: var(--gris-240);
}
    .contenedor-rutas-beneficios{
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
        align-content: center;
        padding: 20px;
    }
    .course-card-small .route-courses {
        margin: .5rem 0;
        text-align: left;
        padding: .5rem;
        border-radius: 0 10px 10px 0;
        border-left: 3px solid var(--asd-c);
        background-color: var(--gris-240);
    }
        .course-card-small .route-courses .courses-title {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--asd);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.3rem;
            margin: .25rem 0;
        }
        .course-card-small .route-courses .courses-list {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            font-size: .8em;
            justify-content: flex-start;
        }
        .course-card-small .route-courses .course-item {
            color: var(--gris-70);
            display: flex;
            align-items: center;
            min-width: 60%;
            gap: 0.4rem;
            font-size: .8rem;
        }
            .course-card-small .route-courses .course-item i {
                font-size: 0.7rem;
                color: #059669;
                flex-shrink: 0;
            }
            .course-card-small .route-courses .course-item.more {
                color: #9ca3af;
                font-style: italic;
            }
                .course-card-small .route-courses .course-item.more i {
                    color: #9ca3af;
                }
        .course-card-small .price-wrapper {
            display: grid;
            align-items: center;
            justify-content: left;
            margin-bottom: .4rem;
        }
            .routes-section .course-card-small .current-price {
                font-size: 1.75rem;
            }

@media screen and (min-width:776px) {
    .contenedor-rutas-beneficios{
        grid-template-columns: repeat(3, minmax(150px, 200px));
        gap: 20px;
        justify-content: center;
    }
}


/*==========*/
/* Certificaciones */

/* Slider > Certificaciones */
.certifications-slider-container {
    position: relative;
    max-width: 1320px;
    margin: auto;
}
    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0,0,0,.6);
        color: var(--blanco);
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        transition-delay: .5s;
        z-index: 999;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        opacity: 0;
        pointer-events: all;
    }
    .contenedor-videos-carrucel:hover .slider-btn,
    .certifications-slider-container:hover .slider-btn,
    .contenedor-videos-carrucel:hover .videos-navigation .slider-btn,
    .videos-carousel:hover .slider-btn{
        opacity: 1;
    }
        .slider-btn:hover {
            transform: translateY(-50%) scale(1.2);
            background-color: rgba(0, 0, 0, .8);
            z-index: 9999;
        }
            .slider-btn-prev {
                left: 5px;
            }
            .slider-btn-next {
                right: 5px;
            }
            .slider-btn:disabled {
                opacity: 0;
                cursor: not-allowed;
            }
                .certifications-slider-container:hover .slider-btn:disabled{
                    opacity: .25;
                }

/* Certificaciones Slider */
.certifications-slider-wrapper {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    max-width: 1200px;
    margin: auto;
}

.certifications-slider {
    display: flex;
    transition: transform 0.5s ease;
    gap: 1rem;
    padding: 0 1rem;
}
    .certification-logo-slide {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 150px;
        padding: 1.5rem;
        background: var(--blanco);
        border-radius: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        filter: grayscale(.5);
    }
        .certification-logo-slide:hover {
            filter: grayscale(0);
        }
        .certification-logo-img {
            width: 80px;
            height: 80px;
            object-fit: contain;
            margin-bottom: 1rem;
            transition: transform 0.3s ease;
        }
            .certification-logo-slide:hover .certification-logo-img {
                transform: scale(1.1);
            }
        .certification-name {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--gris-30);
            text-align: center;
            margin: 0;
        }

        /* Slider Dots > Slider > Certificaciones*/
        .slider-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 2rem;
        }
            .slider-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #ccc;
                cursor: pointer;
                transition: background 0.3s ease;
            }
                .slider-dot.active {
                    background: #1e3a8a;
                }

/*Sección categorias*/
.categories-section{
    background-color: var(--gris-240);
}
    .categories-section .contenedor-categorias{
        max-width: 1200px;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }
        .categories-section .contenedor-categorias{
            max-width: 1200px;
            margin: auto;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
        }
            .card-body{
                padding: 1.5rem;
                background-color: var(--blanco);
                border-radius: 10px;
                text-align: center;
                display: grid;
                grid-gap: 10px;
                align-content: space-between;
                transition: all .2s ease;
            }
                .card-body:hover{
                    border-radius: 25px;
                }
                .card-body i{
                    font-size: 2rem;
                    color: var(--asd-c);
                    margin-bottom: 3px;
                }
                .card-body h5{
                    color: var(--asd);
                    font-size: 18px;
                }

/*========================*/
/*Sección videos*/
.contenedor-videos-carrucel{
    position: relative;
    max-width: 1320px;
    margin: auto;
}

.videos-carousel {
    position: relative;
    margin: auto;
    max-width: 1200px;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 3%, rgba(0,0,0,1) 97%, rgba(0,0,0,0));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 3%, rgba(0,0,0,1) 97%, rgba(0,0,0,0));
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}
    .videos-carousel:has(iframe) {
        mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 3%, rgba(0,0,0,1) 97%, rgba(0,0,0,.5));
    }
    .videos-grid {
        display: flex;
        gap: 1.5rem;
        overflow-x: auto;
        scroll-behavior: smooth;
        padding: 1rem 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .videos-grid::-webkit-scrollbar {
        display: none;
    }
    .course-video-card {
    flex: 0 0 300px;
    background: var(--blanco);
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 480px;
    }
        .course-video-card:hover {
            transform: translateY(-5px);
        }
            .vertical-video {
                display: flex;
                flex-direction: column;
                height: 575px !important;
                overflow: hidden;
            }
                .card-image {
                    height: 100%;
                    overflow: hidden;
                    border-radius: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    flex: 1;
                }
                    .card-image iframe {
                        width: 100%;
                        height: 100%;
                        border: none;
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 1;
                    }
            .video-thumbnail {
                width: 100%;
                height: 100%;
                /* object-fit: contain; */
                transition: transform 0.3s ease;
                background: var(--blanco);
                border-radius: 0;
                display: block;
            }
            .card-header {
                padding: 0.75rem 1rem;
                background: var(--asd);
                text-align: center;
            }
                .course-badge {
                    font-size: 0.8rem;
                    font-weight: 700;
                    color: var(--blanco);
                    text-transform: uppercase;
                }

        /*Botones > Sección videos */
        .video-close-btn{
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(0,0,0,0.7);
            color: var(--blanco);
            border: none;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            font-size: 1.1rem;
        }
        .play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: var(--asd-c);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--blanco);
            font-size: 1.5rem;
            transition: all 0.3s ease;
            z-index: 0;
        }
            .play-overlay i{
                position: relative;
                left: 1px;
                top: 1px;
            }
            .play-overlay:hover {
                background: var(--asd-o);
                transform: translate(-50%, -50%) scale(1.1);
            }
                .course-video-card:hover .video-thumbnail {
                    transform: scale(1.05);
                }
    
/*================ */
/*Sección ubicación*/
/*Mapa*/
.map-section{
    padding: 4rem 0;
    text-align: center;
}
    .map-section .section-subtitle{
        margin-bottom: 10px;
    }
    .map-container{
        width: 90%;
        max-width: 1200px;
        margin: auto;
    }

/*================ */
/*Media queries*/

@media screen and (min-width:640px){
    .courses-section div.row,
    .routes-section div.row{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
        max-width: 1200px;
        margin: auto;
        align-items: stretch;
        margin-bottom: 25px;
    }
}

@media screen and (min-width:1080px){
    .courses-section div.row,
    .routes-section div.row{
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================*/
/* Header Promo Bar - Simple */
.promo-badge{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-weight: 700;
    font-size: 0.8rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}
    .promo-badge span{
        margin-right: 0;
        font-weight: 400;
    }

/*=========================*/
/* Home Stats - Compact Professional Design */
.section-cta {
    background: var(--blanco);
    padding: 2rem 1rem 1rem 1rem;
    position: relative;
}

/* Header de estadísticas - Compacto */
.stats-header {
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

.stats-title {
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 800;
    color: var(--asd);
    margin-bottom: 0.3rem;
    line-height: 1.2;
    position: relative;
}

.stats-subtitle {
    font-size: clamp(13px, 1.8vw, 15px);
    color: var(--gris-100);
    font-weight: 500;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.4;
}

.home-stats{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 0;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
}
    .home-stats .stat-card{
        border: 1px solid rgba(185, 230, 250, 0.3);
        border-radius: 16px;
        padding: 1.5rem 1rem;
        display: grid;
        gap: 8px;
        justify-items: center;
        transform: translateY(30px);
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        backdrop-filter: blur(15px) saturate(1.2);
        position: relative;
        overflow: hidden;
    }
    
    /* Ícono en las cards */
    .home-stats .stat-icon {
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, 
            var(--asd-c) 0%, 
            var(--asd) 100%
        );
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--blanco);
        font-size: 20px;
        box-shadow: 
            0 4px 16px rgba(0, 74, 110, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
        transition: all 0.3s ease;
        margin-bottom: 0.3rem;
    }
    
    .home-stats .stat-card:hover .stat-icon {
        transform: scale(1.1) rotate(5deg);
        box-shadow: 
            0 8px 25px rgba(0, 74, 110, 0.35),
            0 0 40px rgba(83, 170, 212, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }
    
    /* Efecto de brillo sutil en el fondo */
    .home-stats .stat-card::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, 
            rgba(83, 170, 212, 0.05) 0%, 
            transparent 70%
        );
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    
    .home-stats .stat-card:hover::before {
        opacity: 1;
    }
    
    /* Borde superior con degradado */
    .home-stats .stat-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, 
            var(--asd) 0%, 
            var(--asd-c) 50%, 
            var(--asd) 100%
        );
        border-radius: 20px 20px 0 0;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .home-stats .stat-card:hover::after {
        opacity: 1;
    }
    
    .home-stats .stat-card[data-inview="1"]{
        transform: translateY(0);
        opacity: 1;
    }
    
    /* Animación escalonada para las cards */
    .home-stats .stat-card:nth-child(1) {
        transition-delay: 0.1s;
    }
    
    .home-stats .stat-card:nth-child(2) {
        transition-delay: 0.2s;
    }
    
    .home-stats .stat-card:nth-child(3) {
        transition-delay: 0.3s;
    }
    
        .home-stats .stat-card:hover{
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 1) 0%, 
                rgba(249, 250, 251, 1) 100%
            );
            box-shadow: 
                0 15px 40px rgba(0, 0, 0, 0.12),
                0 0 80px rgba(83, 170, 212, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 1);
            transform: translateY(-8px) scale(1.03);
            border-color: rgba(83, 170, 212, 0.4);
        }
        
        .home-stats .stat-number{
            font-weight: 900;
            font-size: clamp(28px, 5vw, 40px);
            background: linear-gradient(135deg, 
                var(--asd) 0%, 
                var(--asd-c) 50%, 
                var(--asd) 100%
            );
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            line-height: 1;
            position: relative;
            filter: drop-shadow(0 2px 4px rgba(0, 74, 110, 0.15));
        }
        
        /* Efecto sutil en el número al hacer hover */
        .home-stats .stat-card:hover .stat-number {
            filter: drop-shadow(0 4px 8px rgba(0, 74, 110, 0.25));
        }
        
        .home-stats .stat-label{
            color: var(--gris-70);
            font-weight: 700;
            font-size: 0.8rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            position: relative;
        }
        
        /* Ícono decorativo antes del label */
        .home-stats .stat-label::before {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, 
                transparent, 
                var(--asd-c), 
                transparent
            );
            border-radius: 10px;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .home-stats .stat-card:hover .stat-label::before {
            opacity: 1;
            width: 60px;
        }

@media (prefers-reduced-motion: reduce){
    .home-stats .stat-card{
        transition: none;
        transform: translateY(0);
        opacity: 1;
    }
    
    .home-stats .stat-card:nth-child(1),
    .home-stats .stat-card:nth-child(2),
    .home-stats .stat-card:nth-child(3) {
        transition-delay: 0s;
    }
}

@media screen and (max-width: 768px) {
    .section-cta {
        padding: 1.5rem 1rem;
    }
    
    .stats-header {
        margin-bottom: 1rem;
    }
    
    .home-stats {
        grid-template-columns: 1fr;
        gap: 1rem;
        max-width: 400px;
    }
    
    .home-stats .stat-card {
        padding: 1.2rem 1rem;
    }
    
    .home-stats .stat-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
        margin-bottom: 0.8rem;
    }
    
    .home-stats .stat-number {
        font-size: clamp(24px, 5vw, 32px);
    }
    
    .home-stats .stat-label {
        font-size: 0.75rem;
    }
}

@media screen and (min-width:769px){
    .home-stats{
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        margin-top: 0;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-stats .stat-card{ 
        padding: 1.5rem 1rem;
    }
}


/*=========================*/
/*Nosotros*/
.hero-section {
    background: var(--degradado-asd-c);
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 3rem;
}
    .hero-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.3;
    }
        .hero-section h1 {
            color: var(--asd-o);
        }
        .hero-section h2 {
            font-size: clamp(20px, 2dvw, 30px);
            margin-bottom: 0;
        }
        .hero-section .container {
            position: relative;
            z-index: 2;
        }


/* ======================================= */
/*---- Páginas internas -----*/
.pagina-interna section{
	padding: 30px 0;
}
	.pagina-interna section:first-of-type {
		text-align: center;
	}
		.pagina-interna h1::before{
			font-family: var(--iconos);
			display: block;
			margin-bottom: 5px;
			font-weight: 300;
		}
			#nosotros h1::before{content: 'home';}
			#empresas h1::before{content: 'groups';}
			#preguntas-frecuentes h1::before{content: 'help_outline';}
			#medios-pago h1::before{content: 'payment';}
	.pagina-interna article {
		display: grid;
		grid-template-columns: 1fr;
		padding: 30px 25px;
	}
		.pagina-interna h2{
			color: var(--asd);
            font-size: clamp(28px, 3dvw, 30px);
		}
		.pagina-interna article h3{
			padding-top: 10px;
		}
            .pagina-interna article h3:not(:first-of-type){
                border-top: solid 1px var(--gris-230);
            }
		.pagina-interna article p{
			margin-bottom: 15px;
			position: relative;
		}
        .pagina-interna article b{
            color: var(--asd);
            font-weight: 700;
        }
		.pagina-interna article ol{
			margin-left: 15px;
		}
			.pagina-interna article ol li{
				list-style: decimal;
				margin-bottom: 7px;
			}
				.pagina-interna article ol li::marker{
					font-weight: 700;
				}
			.pagina-interna article .destacado{
					font-size: 1.25em;
					font-weight: 300;
                    color: var(--asd);
				}
			.pagina-interna article div div{
				margin: 10px 0;
				display: grid;
				grid-auto-flow: column;
				align-items: center;
				justify-content: left;
			}
			.pagina-interna article div img{
				margin-right: 10px;
			}
            .imagen-nosotros{
                width: 100%;
                height: auto;
                aspect-ratio: 750/402;
            }

    @media screen and (min-width:768px){
        .pagina-interna article {
            grid-template-columns: minmax(auto, 350px) 1fr;
            grid-gap: 50px;
        }
            .pagina-interna article h2{
                text-align: right;
                margin-top: 5px;
            }
                #empresas article div.lista-areas{
                    display: grid;
                    grid-gap: 20px;
                    grid-template-columns: repeat(3, 1fr);
                }
    }

    @media screen and (min-width:960px) {
        .pagina-interna article{
            max-width: 1200px;
            margin: 0 auto;
        }
    }

     /*Empresas*/
	.slider-empresas-contenedor{
		display: grid;
		align-items: center;
		width: 100%;
		overflow: hidden;
		position: relative;
		padding: 0 25px;
	}
		.slider-empresas{
			display: grid;
			grid-auto-flow: column;
			grid-gap: 20px;
		}
		.slider-empresas{
			animation: animacion-empresas 100s infinite linear;
			width: 4750px; /*1050 por grupo + 500px */
			border-bottom: 0;
		}
			@keyframes animacion-empresas {
				0%{margin-left: 0;}
				100%{margin-left: -3450px;} /*Total -600px*/
			}
		.slider-empresas .empresas-logo{
			width: 150px;
			height: auto;
			align-items: center;
			opacity: .9;
			filter: grayscale(1);
			transition: all .2s ease;
		}
			.slider-empresas .empresas-logo:hover{
				opacity: 1;
				filter: grayscale(0);
			}
			.slider-empresas img{
				opacity: 1;
				display: block;
			}

        /*FAQ*/
        .section-faq{
            max-width: 1080px;
            margin: 0 auto;
            padding: 40px;
            
        }
            .section-faq .section-title{
                text-align: center;
                margin-bottom: .5rem;
            }

            .accordion-button {
                font-family: var(--roboto);
                font-weight: 500;
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
                padding: 1rem 1.25rem;
                font-size: 1.2rem;
                color: var(--gris-50);
                text-align: left;
                background-color: var(--blanco);
                border: 0;
                border-radius: 0;
                overflow-anchor: none;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;

                    &:not(.collapsed) {
                        color: var(--asd);
                        background-color: var(--blanco);
                        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

                        &::after {
                            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                            transform: rotate(-180deg);
                        }
                    }

                    &::after {
                        flex-shrink: 0;
                        width: 1.25rem;
                        height: 1.25rem;
                        margin-left: auto;
                        content: "";
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                        background-repeat: no-repeat;
                        background-size: 1.25rem;
                        transition: transform .2s ease-in-out;
                    }

                    &:hover {
                        z-index: 2;
                    }

                    &:focus {
                        z-index: 3;
                        border-color: var(--asd-c);
                        outline: 0;
                        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
                    }
                }

                .accordion-header {
                    margin: 0;
                }

                .accordion-item {
                        background-color: var(--blanco);
                        border: 1px solid rgba(0,0,0,.125);

                        &:first-of-type {
                            border-top-left-radius: calc(.25rem - 1px);
                            border-top-right-radius: calc(.25rem - 1px);

                            .accordion-button {
                                border-top-left-radius: calc(.25rem - 1px);
                                border-top-right-radius: calc(.25rem - 1px);
                            }
                    }

                    &:not(:first-of-type) {
                        border-top: 0;
                    }

                    &:last-of-type {
                        border-bottom-right-radius: calc(.25rem - 1px);
                        border-bottom-left-radius: calc(.25rem - 1px);

                        .accordion-button {
                            &.collapsed {
                                border-bottom-right-radius: calc(.25rem - 1px);
                                border-bottom-left-radius: calc(.25rem - 1px);
                            }
                        }
                    }
                }

                .accordion-body {
                    padding: 1rem 3rem;
                    text-align: left;
                }
                    .accordion-body p::before {
                        font-family: var(--iconos);
                        content: 'check';
                        position: relative;
                        top: 1px;
                        margin-right: 3px;
                        color: var(--asd-c);
                    }

                .fade {
                    &:not(.show) {
                        opacity: 0;
                        height: 0;
                    }
                }

                .collapse {
                    &:not(.show) {
                        display: none;
                    }
                }
            .section-cta{
                max-width: 1200px;
                margin: 0 auto 4rem auto;
            }
                .section-cta .card-body > div{
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    grid-gap: 20px;
                }
                    .section-cta .card-body > div{
                        display: grid;
                        grid-template-columns: repeat(2, 1fr);
                        grid-gap: 20px;
                    }
                        .section-cta .card-body i{
                            font-size: 1.5rem;
                            margin-right: 5px;
                            position: relative;
                            top: 2px;
                        }

/*========================*/
/*Section Promptia*/
.section-promptia {
	width: 100%;
	background: var(--degradado-promptia-c);
	padding: 1rem 0;
}
	.section-promptia div{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		text-align: left;
		background-color: var(--blanco);
		padding: 3rem 20px;
	}
	.promptia-portada{
		width: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		border-radius: 25px;
		margin-bottom: 20px;
	}
		.promptia-portada img{
			width: 100%;
			max-width: 1280px;
			display: block;
			transition: all .5s ease;
		}
			.promptia-portada:hover img{
				transform: scale(1.1);
			}
	.promptia-logo img{
		width: 250px;
	}
	.promptia-contenido{
		display: grid;
		gap: 10px;
	}
		.promptia-contenido h1{
			font-weight: 700;
			font-size: clamp(24px,3dvw,32px);
			line-height: 1.1;
		}
		.promptia-contenido h2{
			color: var(--gris-50);
			font-size: clamp(16px, 2dvw, 20px);
		}
			.promptia-contenido h2 b{
				font-weight: 700;
			}
			.promptia-contenido h2 span{
				font-size: inherit;
			}
		.promptia-contenido a{
			display: grid;
			max-width: 250px;
		}

	@media screen and (min-width: 776px) {
		.section-promptia {
			padding: 3rem 1rem;
		}
            .section-promptia div{
                max-width: 1150px;
                margin: auto;
                padding: 4rem;
                border-radius: 25px;
            }
	}
	@media screen and (min-width: 960px) {
		.promptia-portada{
			width: 100%;
			height: 250px;
			overflow: hidden;
			display: flex;
			align-items: center;
			border-radius: 20px;
			margin-bottom: 20px;
		}
	}


/*!!! ???? Esta capa se genera en la home */
/*Revisar / Eliminar */ 
.glasp-extension-toaster{
    display: none !important;
}