:root {
    /* Colores */
    --azul: #0c2d80;
    --naranja: #fb7214;
    --amarillo: #f0cb01;
    --black: #002232;
    --celeste: #00abe9;
}

@media (max-width:768px) {
    
    .blue{
        color: var(--1, #0c2d80) !important;
    }

    /* clases generales*/
    p {
        font-size: 15px;
    }

    /**/
    #page {
        #contenido {
            #masthead {
                .site-header-top {
                    display: none;
                }

                .login-modal{
                  
                    .login-modal-overlay{

                    }
                    .login-modal-content{
                        #customer_login{
                            .col-1{
                                .contexto{
                                    color:#0C2D80;
                                    font-size: 15px;
                                    line-height: 15px;
                                }
                                form.login{
                                    width: 100%;
                                    .woocommerce-form-link{
                                        p{
                                            font-size: 15px;
                                            line-height: 15px;
                                            flex-direction: column;
                                            gap: .2rem;
                                        }
                                    }
                                }
                            }
                            .col-2{
                                .contexto{
                                    font-size: 15px;
                                    line-height: 15px;
                                }
                                form.register{
                                    width: 100%;
                                    .woocommerce-form-link{
                                        p{
                                            font-size: 15px;
                                            line-height: 15px;
                                            flex-direction: column;
                                            gap: .2rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .container {
                    display: flex;
                    align-items: center;
                    padding: 0 .5rem;
                    gap: .5rem;
                    justify-content: space-between;
                    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

                    .site-header-brand {
                        width: fit-content;

                        .site-header-brand__item {
                            h1 {
                                img {
                                    max-width: 125px;
                                }
                            }
                        }
                    }

                    .options-desktop {
                        display: flex;
                        align-items: center;
                        justify-content: end;
                        gap: 1rem;

                        .xoo-wsc-sc-cont {
                            .xoo-wsc-cart-trigger {
                                width: 25px;
                                height: 25px;
                                border-radius: 5px;
                                background: var(--4, #FB7214);
                                display: flex;
                                align-items: center;
                                justify-content: center;

                                .xoo-wsc-sc-subt {
                                    display: none;
                                }

                                .xoo-wsc-sc-bkcont {
                                    .xoo-wsc-sc-bki.xoo-wsc-icon-basket1 {
                                        &::before {
                                            content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTAgMC42MTQzNDRDMC4xOTI1MzEgMC4xNTUyMzIgMC40MTk2MTkgMC4wMDIxOTQwOSAwLjkxMzI4OSAwLjAwMjE5NDA5QzEuNDIxNzcgMC4wMDIxOTQwOSAxLjkzMDI1IC0wLjAwMjc0MjYxIDIuNDM4NzMgMC4wMDIxOTQwOUMzLjM4NjU3IDAuMDEyMDY3NSA0LjExNzIxIDAuNjQzOTY1IDQuMjYwMzcgMS41ODE5NEM0LjMxOTYxIDEuOTY3IDQuMzc4ODUgMi4zNTcgNC40MzMxNSAyLjc0MjA2QzQuNDQ3OTYgMi44NTA2NyA0LjQ5NzMzIDIuOTAwMDMgNC42MDU5NCAyLjg5NTFDNC42NzAxMSAyLjg5NTEgNC43MzQyOSAyLjg5NTEgNC43OTg0NyAyLjg5NTFDOC44MzY2OSAyLjg5NTEgMTIuODc0OSAyLjg5NTEgMTYuOTEzMSAyLjg5NTFDMTcuMDMxNiAyLjg5NTEgMTcuMTQ1MSAyLjkwMDAzIDE3LjI2MzYgMi45MTk3OEMxNy43ODY5IDMuMDAzNzEgMTguMDgzMSAzLjQxODM5IDE3Ljk3OTUgMy45MzE4QzE3LjU1NDkgNi4wNzQzMyAxNy4xMzAzIDguMjIxNzkgMTYuNjkxIDEwLjM1OTRDMTYuNDg4NiAxMS4zMzY5IDE1Ljg4MTQgMTEuOTU4OSAxNC44OTg5IDEyLjE4NkMxNC43MDY0IDEyLjIzMDQgMTQuNTA0IDEyLjI0MDMgMTQuMzA2NSAxMi4yNDAzQzExLjYxMTEgMTIuMjQ1MiA4LjkxMDc0IDEyLjI0NTIgNi4yMTAzNiAxMi4yNDAzQzUuMTY4NzIgMTIuMjQwMyA0LjMxOTYxIDExLjY3NzUgMy45ODM5MSAxMC43NzlDMy44NTU1NiAxMC40NDMzIDMuODMwODggMTAuMDgyOSAzLjc4MTUxIDkuNzMyNDJDMy42MzM0MSA4LjczNTIxIDMuNDg1MzEgNy43MzMwNiAzLjM0MjE0IDYuNzM1ODVDMy4xOTQwNCA1Ljc0MzU3IDMuMDUwODggNC43NDYzNiAyLjkwMjc4IDMuNzU0MDhDMi44MTM5MiAzLjE1Njc0IDIuNzM0OTMgMi41NjQzNCAyLjY0NjA3IDEuOTY3QzIuNjAxNjQgMS42OTA1NCAyLjU0NzM0IDEuNjQ2MTEgMi4yNjU5NCAxLjY0NjExQzEuODE2NyAxLjY0NjExIDEuMzYyNTMgMS42NDYxMSAwLjkxMzI4OSAxLjY0NjExQzAuNDE5NjE5IDEuNjQ2MTEgMC4xOTI1MzEgMS40OTMwOCAwIDEuMDM4OUMwIDAuODk1NzM2IDAgMC43NTI1NzIgMCAwLjYxNDM0NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy42MzAyIDE3LjE2NzFDMTIuNDQ1NCAxNy4xNjcxIDExLjUxMjMgMTYuMjM0IDExLjUxMjMgMTUuMDU0MkMxMS41MTIzIDEzLjg4NDIgMTIuNDcgMTIuOTMxNCAxMy42MzUxIDEyLjkzMTRDMTQuNzg1NCAxMi45MzE0IDE1Ljc0OCAxMy45MDg5IDE1Ljc0OCAxNS4wNzM5QzE1Ljc0OCAxNi4yMzkgMTQuODA1MSAxNy4xNjcxIDEzLjYzMDIgMTcuMTY3MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjUwNTg5IDE1LjA1NDJDOC40ODYxNCAxNi4yMjQyIDcuNTgyNzMgMTcuMTQ3MyA2LjQxNzY3IDE3LjE1MjNDNS4zMDE5NyAxNy4xNTcyIDQuMzU5MDYgMTYuMjc4NSA0LjM1NDEzIDE1LjA2NEM0LjM1NDEzIDEzLjgyIDUuMzI2NjYgMTIuOTYxIDYuNDMyNDggMTIuOTQxM0M3LjU2Mjk4IDEyLjkyMTUgOC41MTA4MiAxMy45MTM4IDguNTA1ODkgMTUuMDU0MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==');
                                        }
                                    }

                                    .xoo-wsc-sc-count {
                                        background-color: #82C633;
                                        color: white;
                                        right: -15px;
                                        top: -8px;

                                    }
                                }
                            }
                        }

                        .login-button {
                            width: fit-content;
                            height: 100%;

                            a {
                                width: 25px;
                                height: 25px;
                                border-radius: 5px;
                                background: var(--4, #FB7214);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }

                        }

                        .dgwt-wcas-search-wrapp {
                            width: 25px;
                            height: 25px;
                            border-radius: 5px;
                            background: var(--4, #FB7214);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            max-width: unset;

                            .dgwt-wcas-search-icon {
                                width: 15px;

                                svg {
                                    path {
                                        fill: white;
                                    }
                                }
                            }
                        }
                    }

                    .site-header-sandwich {
                        padding: 0;
                        margin-right: 1rem;
                    }

                    .site-header-nav {
                        position: absolute;
                        top: 6%;
                        left: 0;
                    }

                    .site-header-nav.active {
                        #site-navegation {
                            width: 100%;

                            .menu-menu-principal-container {
                                width: 100%;
                            }

                            .aside-hambur {
                                display: none;
                            }
                        }
                    }
                }
            }

            #hero_cursos {
                height: 100%;

                .contenedor {
                    flex-direction: column-reverse;

                    .left {
                        h1 {
                            font-size: 26px;
                        }

                        p {
                            b {
                                font-weight: 900;
                            }
                        }
                    }

                    .rigth {
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        img {
                            max-width: 196px;
                            max-height: 260px;
                        }
                    }
                }

                .valores {
                    grid-template-columns: 1fr;
                    padding-inline: 1rem;
                }
            }

            .list-products {
                .contenedor {
                    .cursos-container {
                        grid-template-columns: 1fr;
                        place-items: center;
                        position: relative;
                        overflow-x: hidden;

                        .cursos-sidebar {
                            transition: transform 0.3s ease-in-out;
                            position: fixed;
                            top: 0;
                            left: 0;
                            height: 100vh;
                            width: 280px;
                            background: white;
                            z-index: 1000;
                            transform: translateX(-100%);
                            box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
                            padding: 20px;
                            overflow-y: auto;
                            -webkit-overflow-scrolling: touch;

                            /* Para mejor scroll en iOS */
                            &.active {
                                transform: translateX(0);
                                /*Optimizar este z index*/
                                z-index: 100000000;
                                display: flex;
                                justify-content: center;
                            }

                            .sidebar-close {
                                display: block;
                                position: absolute;
                                top: 10px;
                                right: 10px;
                                background: none;
                                border: none;
                                font-size: 24px;
                                cursor: pointer;
                                color: #333;
                                padding: 5px;
                                z-index: 1001;
                            }
                        }

                        .order-bar {
                            padding: 0;
                            justify-content: space-between;

                            #desplegar-filtros {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }

                        }

                        .cursos-content {
                            .products-grid {
                                padding: 0;
                            }
                        }
                    }

                }
            }

            #preguntas-frecuentes {
                flex-direction: column;

                .left {
                    padding: 2rem 0;
                }

                .right {
                    min-height: 306px;
                }
            }

            #producto-curso {
                padding: 0;

                .contenedor {
                    h1 {
                        margin-bottom: 0;
                        max-width: 100%;
                    }

                    .contain {
                        flex-direction: column-reverse;

                        .right {
                            form.variations_form.cart {
                                .single_variation_wrap {
                                    position: fixed;
                                    left: 0;
                                    bottom: 0;
                                    width: 100%;
                                }
                            }
                        }

                        .left {
                            h2 {
                                padding-block: 1.5rem;
                            }

                            .teorico,
                            .teorico-practico {
                                .detalles {
                                    .grid-detalles {
                                        grid-template-columns: 1fr;
                                        .card-detalle{
                                        grid-template-columns: 1fr 2fr;
                                            &:first-child{
                                                border-right: none;
                                            }
                                            &:last-child{
                                                border-left: none;
                                                border-top: 0.5px solid var(--2, #82c633)
                                            }
                                        }
                                    }
                                }

                                .dirigido {
                                    span {
                                        align-items: start;

                                        svg {
                                            width: 30px;
                                            height: 30px;
                                        }
                                    }
                                }

                                .logros {
                                    .logros-list {
                                        grid-template-columns: 1fr;
                                    }
                                }

                                .instructores {
                                    .list-instructores {
                                        .card-instructor {
                                            flex-direction: column-reverse;
                                        }
                                    }
                                }

                                .valoraciones {
                                    .rating-summary {
                                        .rating-number {
                                            .avg-rating {
                                                font-size: 76px;
                                            }

                                            .stars {
                                                svg {
                                                    width: 13px;
                                                    height: 13px;
                                                }
                                            }
                                        }

                                        .rating-bars {
                                            .stars-row {
                                                svg {
                                                    width: 13px;
                                                    height: 13px;
                                                }
                                            }

                                            .progress-bar {
                                                display: none;
                                            }
                                        }
                                    }
                                }

                                .certificados {
                                    .container-certificado {
                                        flex-direction: column;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .cursos-relacionados {
                display: none;
            }

            .comments {
                padding-block: 3rem 1rem;

                .margin {
                    >h3 {
                        font-size: 30px;
                    }

                    .reviews-container.contenedor {
                        #single-product-reviews {
                            .splide__arrows {
                                .splide__arrow--prev {
                                    left: -0.5rem !important;

                                }

                                .splide__arrow--next {
                                    right: -0.5rem !important;
                                }
                            }
                        }
                    }
                }
            }

            .comment-box {
                padding: 0;

                .margin {
                    h3 {
                        font-size: 25px;
                    }

                    .comment-box-container {
                        #contenedor_formulario_comentario {
                            #formulario_comentario {
                                #formulario {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }

            /*Estilos para el checkout personalizado*/
            .checkout-section {
                padding: 0;

                .custom-checkout-container {
                    .checkout-steps {
                        .step {
                            .step-number {
                                aspect-ratio: 1 / 1;
                            }

                            .step-text {
                                display: none;
                                font-size: 15px;
                                line-height: 15px;
                                color: #FB7214;
                                font-weight: 700;
                            }

                            &.active {
                                .step-text {
                                    display: block;
                                }
                            }
                        }
                    }

                    .steps-container {
                        #step1 {
                            .checkout-layout {
                                .cart-items-section {
                                    h4 {
                                        font-size: 18px;
                                        overflow: hidden;
                                        line-height: 18px;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 3;
                                        -webkit-box-orient: vertical;
                                    }

                                    .cart-item {
                                        .remove-item {
                                            padding: 0;
                                        }
                                    }
                                }

                                .order-summary {
                                    width: auto;

                                    .summary-row {
                                        flex-direction: column;
                                    }
                                    .coupon-container{
                                        .coupon-input {
                                            &.active{

                                                #coupon_code{
                                                    font-size: 11px;
                                                }
                                                .apply-coupon{
                                                    padding: 5px;
                                                    flex: .5;
                                                    font-size: 11px;
                                                }
                                            }
                                        }
                                        .coupon-btn{
                                            font-size: 11px;
                                        }
                                    }
                                    .next-step {
                                        text-align: center;
                                        text-wrap: nowrap;
                                    }
                                }
                            }
                        }

                        #step2 {
                            .form-section {
                                .checkout-layout {
                                    padding: 0;

                                    .order-summary {
                                        display: none;
                                    }

                                    .form-details {
                                        padding: 0;

                                        .checkout.woocommerce-checkout {
                                            .payment-section {
                                                .wc_payment_methods.payment_methods.methods {
                                                    grid-template-columns: repeat(3, 1fr);

                                                    .wc_payment_method {
                                                        max-width: 70px;

                                                    }

                                                    .payment_box.payment_method_bacs {
                                                        .bank_list {
                                                            .cambiarVistaBanco {
                                                                height: 52px;
                                                                padding: 6px;

                                                                img {
                                                                    width: 100%;
                                                                    height: 100%;
                                                                    max-width: 75px;
                                                                    max-height: 19px;
                                                                    -o-object-fit: contain;
                                                                    object-fit: contain;
                                                                    -o-object-position: center;
                                                                    object-position: center;
                                                                }
                                                            }
                                                        }

                                                        .enrollment_process {
                                                            h5 {
                                                                font-size: 18px;
                                                            }

                                                            .enrollment_process-tr {
                                                                flex-direction: column;

                                                                .step.completed,
                                                                .content-step {
                                                                    font-size: 15px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        #step3 {
                            .thank-you-container {
                                .bank-transfer-instructions {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 1rem;

                                    .bank-accounts {
                                        .accounts-grid {
                                            grid-template-columns: 1fr;
                                            row-gap: 1rem;

                                            .bank-account-details {
                                                padding: 10px 15px;
                                                border: 2px solid var(--Color8, #F3F4FD);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            /*Fin de estilo checkout perzonalizado*/

            /*Estilos para mi cuenta*/
            .mi-cuenta {
                background: linear-gradient(180deg, rgba(12, 45, 128, 0.10) 0%, rgba(251, 251, 251, 0.10) 100%);
                .contenedor {
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;

                    #filtros-navigation {
                        display: flex;
                        align-items: center;
                        background-color: transparent;
                        padding: 0 1rem;
                        gap: 1rem;
                        color: var(--1, #0C2D80);

                        font-size: 25px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 20px;
                    }

                    .woocommerce {
                        h2 {
                            font-size: 25px;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            color: #FB7214;
                            svg{
                                height: 10rem;
                                width: 10rem;
                            }
                        }

                        .woocommerce-MyAccount-wrapper {
                            gap: 0;

                            .woocommerce-MyAccount-navigation {
                                nav.woocommerce-MyAccount-navigation {
                                    transition: transform 0.3s ease-in-out;
                                    position: fixed;
                                    top: 0;
                                    left: 0;
                                    height: 100vh;
                                    max-width: 350px;
                                    background: white;
                                    z-index: 100000000;
                                    transform: translateX(-100%);
                                    padding: 20px;
                                    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
                                    overflow-y: auto;

                                    &.active {
                                        transform: translateX(0);
                                        display: flex;
                                        align-items: center;
                                    }

                                    .close-navigation {
                                        position: absolute;
                                        top: 10px;
                                        right: 10px;
                                        background: none;
                                        border: none;
                                        cursor: pointer;
                                        padding: 0;
                                        z-index: 1001;
                                        width: 44px;
                                        height: 44px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;

                                        svg {
                                            width: 44px;
                                            height: 44px;
                                        }
                                    }
                                }
                            }

                            .woocommerce-MyAccount-content {
                                .woocommerce-certificates {
                                    .certificates-list {
                                        grid-template-columns: 1fr;
                                    }
                                }
                            }

                            .woocommerce-courses {
                                padding: 0;
                                .heading-courses{
                                    flex-direction: column;
                                    align-items: center;
                                    .sensei-course-search{
                                        max-width: 220px;
                                        input{
                                            width:100%;
                                        }
                                    }
                                }
                            }

                            .woocommerce-support {
                                justify-content: center;
                                gap: 2rem;

                                .search-container {
                                    position: static;
                                    max-width: 250px;
                                }

                                .grid-container-tutoriales {
                                    padding: 0;
                                }


                            }

                        }
                    }
                }
            }

            /*Fin estilos mi cuenta*/

            /*Single lesson estilos*/
            .section-contenido-lesson {
               padding: 3rem 0;
                .contenedor {
                    .left {
                        flex: 1;
                        width: 100%;
                        max-width: unset;

                        .header-lesson {
                            .header-modules {
                                display: none;
                            }

                            &.side-bard {
                                display: flex;

                                .header-modules {
                                    justify-content: center;
                                    display: flex;
                                    gap: 1rem;
                                    h2{
                                        font-size: 20px;
                                    }
                                    .pagination-lesson{
                                        #post-entries{
                                            gap: .5rem;
                                        }
                                    }
                                }
                                .filtros-lesson-navigation{
                                    background-color: transparent;
                                    display: flex;
                                    align-items: center;
                                }
                            }
                        }
                        .lesson-tabs{
                            .tab-buttons{
                                overflow-x: scroll;
                                .tab-button{
                                    font-size: 15px;
                                    text-wrap: nowrap;
                                }
                            }
                            .tab-content{
                                padding: 1rem;
                                .tab-pane{
                                    .recursos-list{
                                        .recurso-item{
                                            padding: .5rem;
                                            a{
                                                font-size: 15px;
                                                line-height: 15px;
                                                justify-content: space-between;
                                                svg{
                                                    width: 35px;
                                                    height: 35px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            
                        }
                    }

                    .right {
                        .module-counter-wrapper{
                            display: none;
                        }
                        .modulos-sidebar {
                            position: fixed;
                            bottom: -100%;
                            left: 0;
                            width: 100%;
                            height: 90vh;
                            background: white;
                            z-index: 1000;
                            transition: transform 0.6s ease-in-out;
                            padding: 20px;
                            border-radius: 20px 20px 0 0;
                            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
                            overflow-y: auto;
                            padding-block-start: 5rem;
                            max-height: unset;

                            &.active {
                                transform: translateY(-100%);
                            }
                            .close-lesson-nav{
                                position: absolute;
                                top: 10px;
                                right: 50%;
                                transform: translate(50%);
                                background: none;
                                border: none;
                                cursor: pointer;
                                padding: 0;
                                z-index: 1001;
                                width: 44px;
                                height: 44px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                svg{
                                    width: 44px;
                                    height: 44px;
                                }
                            }
                        }
                    }

                }
            }

            /* fin */

            /*Estilos para el single-quiz*/
            .section-contenido-quiz {
                .return-lesson{

                }
                .contenedor{
                    .table-rules-exam{
                        .right{
                            img{
                                max-width: 68px;
                                max-height: 68px;
                            }
                            ul{
                                li{
                                    font-size: 14.55px;
                                    line-height: 17px;
                                }
                            }
                        }
                    }
                }
            }
            /*Fin*/

            /*Estilos para el examen final*/
            .section-resultado-exam-final {
                .contenedor{
                    .top{

                    }
                    .content.passed{
                        .puntaje{

                        }
                        .puntaje-aprobado{
                            flex-direction: column;
                        }
                    }
                }
            }
            /*Fin*/

            /*Estilos para la búsqueda de certificados*/
            .verificar-certificado {

                #certificate-result{
                    .contenedor{
                        .certificate-card{
                            flex-direction: column;
                            width: unset;
                            gap: 1rem;

                        }
                    }
                }
            }
            /*fin*/
        }


    }

    /*Estilos para la barra de búsuqeda en móvil*/
    .js-dgwt-wcas-overlay-mobile {
        padding-block: 1rem;

        .dgwt-wcas-om-bar {
            flex-direction: row-reverse;
            padding-inline: 1rem;
            align-items: center;


            .dgwt-wcas-om-return {
                background-color: transparent;

                &::after {
                    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2IiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjIyLjY1NDMiIGhlaWdodD0iMi41MDkzMyIgcng9IjEuMjU0NjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzg1OTM3IC0wLjYxODMwNiAwLjg3NDc2NiAwLjQ4NDU0NSAwIDE0LjAwNzMpIiBmaWxsPSIjRkI3MjE0Ii8+CjxyZWN0IHg9IjkuNTIyNDYiIHk9IjcuMDcxNTMiIHdpZHRoPSI5LjU1MTU1ZS0wNSIgaGVpZ2h0PSIxLjg5MTU4IiByeD0iNC43NzU3N2UtMDUiIGZpbGw9IiNGQjcyMTQiLz4KPHJlY3Qgd2lkdGg9IjIyLjY1NDMiIGhlaWdodD0iMi41MDkzMyIgcng9IjEuMjU0NjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzg1OTM3IDAuNjE4MzA2IC0wLjg3NDc2NiAwLjQ4NDU0NSAyLjE5NTA3IDAuMTM1NzQyKSIgZmlsbD0iI0ZCNzIxNCIvPgo8L3N2Zz4=');
                    position: absolute;
                    top: 12px;
                    left: 12px;
                }

                svg {
                    display: none;
                }
            }

            .dgwt-wcas-search-wrapp {
                form.dgwt-wcas-search-form {
                    .dgwt-wcas-sf-wrapp {
                        #dgwt-wcas-search-input-2 {
                            background-color: rgba(251, 114, 20, .1);
                            border-radius: 10px;
                            height: 29px !important;

                            &::placeholder {
                                color: var(--4, #FB7214);
                                text-align: start;
                                font-size: 11px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 11px
                            }
                        }
                    }
                }
            }
        }
    }


    /*Fin de estilos barra de búsqueda móvil*/

    /*Overlay de filter producto*/
    .sidebar-overlay-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(133, 150, 191, .5);
        /*Optimizar este z index*/
        z-index: 99999999;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;

        &.active {
            display: block;
            opacity: 1;
        }
    }

    /*Fin*/

    /*Overlay navigation filter*/
    .navigation-overlay-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(133, 150, 191, .5);
        z-index: 99999999;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .navigation-overlay-filter.active {
        display: block;
        opacity: 1;
    }

    /*Fin*/

    /*Overlay para el single-lesson*/
    .lesson-overlay-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(133, 150, 191, .5);
        z-index: 999;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .lesson-overlay-filter.active {
        display: block;
        opacity: 1;
    }
    /*fin*/

    .questions{
        flex-direction: column;
        .left{
            .container{
                .accordion{
                    .accordion-item{
                        .content{
                            justify-content: center;
                            padding-inline: .5rem;
                            p{
                                width:100%;
                            }
                        }
                    }
                }
            }
        }
        .right {
            min-height: 300px;
        };
    }

}