.elementor-2198 .elementor-element.elementor-element-527d35c{--display:flex;--min-height:498px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:250px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2198 .elementor-element.elementor-element-527d35c:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://universomixcurso.com/wp-content/uploads/ChatGPT-Image-5_06_2026-03_58_07.png");background-position:0px -10px;background-size:100% auto;}.elementor-2198 .elementor-element.elementor-element-527d35c::before, .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-background-video-container::before, .elementor-2198 .elementor-element.elementor-element-527d35c > .e-con-inner > .elementor-background-video-container::before, .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-background-slideshow::before, .elementor-2198 .elementor-element.elementor-element-527d35c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #2321210A 38%, #12121259 89%);}.elementor-2198 .elementor-element.elementor-element-68e1c1e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2198 .elementor-element.elementor-element-f60f6ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-2198 .elementor-element.elementor-element-f60f6ff:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-f60f6ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0D35;}.elementor-2198 .elementor-element.elementor-element-53eea42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2198 .elementor-element.elementor-element-53eea42:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-53eea42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2294B;}.elementor-2198 .elementor-element.elementor-element-4923199{--display:flex;}.elementor-2198 .elementor-element.elementor-element-001c899{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2198 .elementor-element.elementor-element-10b7b73 .elementor-icon-wrapper{text-align:center;}.elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-view-stacked .elementor-icon{background-color:#ECECEC;}.elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-view-framed .elementor-icon, .elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-view-default .elementor-icon{color:#ECECEC;border-color:#ECECEC;}.elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-view-framed .elementor-icon, .elementor-2198 .elementor-element.elementor-element-10b7b73.elementor-view-default .elementor-icon svg{fill:#ECECEC;}.elementor-2198 .elementor-element.elementor-element-10b7b73 .elementor-icon{font-size:45px;}.elementor-2198 .elementor-element.elementor-element-10b7b73 .elementor-icon svg{height:45px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2198 .elementor-element.elementor-element-79327ad .elementor-heading-title{font-family:"Ribeye", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-2198 .elementor-element.elementor-element-a0eedb1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2198 .elementor-element.elementor-element-e2ee1db{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2198 .elementor-element.elementor-element-2bf3762{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2198 .elementor-element.elementor-element-4f48d70{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-4f48d70 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-79969a9{--display:flex;}.elementor-2198 .elementor-element.elementor-element-a524085{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-a524085 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-03b3397{--display:flex;}.elementor-2198 .elementor-element.elementor-element-682e831{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-682e831 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-cdbc0aa{--display:flex;}.elementor-2198 .elementor-element.elementor-element-a91eb82{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-a91eb82 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-fd17c83{--display:flex;}.elementor-2198 .elementor-element.elementor-element-71723ad{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-71723ad img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-0f686bc{--display:flex;}.elementor-2198 .elementor-element.elementor-element-372e58a{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-372e58a img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-8a4c5d7{--display:flex;}.elementor-2198 .elementor-element.elementor-element-880f367{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-880f367 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-d86b537{--display:flex;}.elementor-2198 .elementor-element.elementor-element-18e3659{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-18e3659 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-36925d2{--display:flex;}.elementor-2198 .elementor-element.elementor-element-37c7213{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-37c7213 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-d69d939{--display:flex;}.elementor-2198 .elementor-element.elementor-element-dbf9750{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-dbf9750 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-77cb250{--display:flex;}.elementor-2198 .elementor-element.elementor-element-2275c88{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-2275c88 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}.elementor-2198 .elementor-element.elementor-element-8173c20{--display:flex;}.elementor-2198 .elementor-element.elementor-element-24e31f8{padding:30px 0px 30px 0px;}.elementor-2198 .elementor-element.elementor-element-24e31f8 img{border-style:solid;border-color:#F2294B;border-radius:15px 15px 15px 15px;}body.elementor-page-2198:not(.elementor-motion-effects-element-type-background), body.elementor-page-2198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}@media(max-width:1024px){.elementor-2198 .elementor-element.elementor-element-527d35c:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://universomixcurso.com/wp-content/uploads/ChatGPT-Image-5_06_2026-03_58_07.png");background-position:-24px 12px;background-size:807px auto;}.elementor-2198 .elementor-element.elementor-element-527d35c{--min-height:0px;}.elementor-2198 .elementor-element.elementor-element-68e1c1e{--margin-top:-66px;--margin-bottom:-66px;--margin-left:-66px;--margin-right:-66px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2198 .elementor-element.elementor-element-f60f6ff{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2198 .elementor-element.elementor-element-e2ee1db{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2198 .elementor-element.elementor-element-527d35c:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-527d35c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://universomixcurso.com/wp-content/uploads/ChatGPT-Image-5_06_2026-03_57_54.png");background-position:-27px 19px;background-size:640px auto;}.elementor-2198 .elementor-element.elementor-element-527d35c{--padding-top:250px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-2198 .elementor-element.elementor-element-68e1c1e{--margin-top:-131px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2198 .elementor-element.elementor-element-f60f6ff{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2198 .elementor-element.elementor-element-001c899{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;}.elementor-2198 .elementor-element.elementor-element-10b7b73{width:var( --container-widget-width, 37px );max-width:37px;--container-widget-width:37px;--container-widget-flex-grow:0;}.elementor-2198 .elementor-element.elementor-element-10b7b73 .elementor-icon{font-size:33px;}.elementor-2198 .elementor-element.elementor-element-10b7b73 .elementor-icon svg{height:33px;}.elementor-2198 .elementor-element.elementor-element-79327ad .elementor-heading-title{font-size:15px;}.elementor-2198 .elementor-element.elementor-element-e2ee1db{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-79969a9 *//* =====================================================
   MOBILE (até 480px)
===================================================== */

@media (max-width:480px){

.curso-bloqueado .aviso-curso-bloqueado{

    width:calc(100% - 6px);
    left:50%;
    transform:translateX(-50%);

    bottom:4px;

    padding:5px 6px;

    gap:5px;

    border-radius:10px;

}

.curso-bloqueado .bloqueio-icone{

    flex:0 0 26px;

    width:26px;
    height:26px;

}

.curso-bloqueado .cadeado-arco{

    border-width:1.5px;

}

.curso-bloqueado .bloqueio-textos{

    max-width:calc(100% - 30px);

}

.curso-bloqueado .bloqueio-textos strong{

    font-size:9px;
    letter-spacing:0;
    line-height:1;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.curso-bloqueado .bloqueio-textos small{

    font-size:7px;
    margin-top:2px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

}/* Smartphones muito estreitos */

@media (max-width:360px){

.curso-bloqueado .aviso-curso-bloqueado{

    width:calc(100% - 4px);

    padding:4px 5px;

    gap:4px;

}

.curso-bloqueado .bloqueio-icone{

    width:22px;
    height:22px;
    flex:0 0 22px;

}

.curso-bloqueado .bloqueio-textos{

    max-width:calc(100% - 26px);

}

.curso-bloqueado .bloqueio-textos strong{

    font-size:8px;

}

.curso-bloqueado .bloqueio-textos small{

    font-size:6px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdbc0aa *//* =====================================================
   BLOQUEIO DE CURSO — COMPACTO E 100% RESPONSIVO
   Classe do contêiner: curso-bloqueado
===================================================== */

.curso-bloqueado {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    cursor: pointer;
}

/* Garante que todos os elementos respeitem o card */
.curso-bloqueado,
.curso-bloqueado * {
    box-sizing: border-box;
}

/* Imagem responsiva */
.curso-bloqueado img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

/* Sombra suave no rodapé */
.curso-bloqueado::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(2, 3, 10, 0.12) 72%,
        rgba(2, 3, 10, 0.78) 100%
    );
}

/* O widget HTML não pode ocupar espaço fora da imagem */
.curso-bloqueado > .elementor-element.elementor-widget-html,
.curso-bloqueado .elementor-widget-html {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}

/* Corrige o contêiner interno criado pelo Elementor */
.curso-bloqueado .elementor-widget-html .elementor-widget-container {
    position: static !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   FAIXA DE BLOQUEIO
===================================================== */

.curso-bloqueado .aviso-curso-bloqueado {
    position: absolute;
    left: 50%;
    bottom: clamp(5px, 3cqi, 12px);
    transform: translateX(-50%);

    width: calc(100% - clamp(10px, 7cqi, 26px));
    max-width: calc(100% - 10px);
    min-width: 0;

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

    gap: clamp(5px, 3.5cqi, 12px);

    padding:
        clamp(5px, 3cqi, 10px)
        clamp(6px, 4cqi, 14px);

    overflow: hidden;
    pointer-events: auto;

    background: linear-gradient(
        110deg,
        rgba(8, 9, 18, 0.92),
        rgba(7, 8, 14, 0.97)
    );

    border: clamp(1px, 0.4cqi, 1.5px) solid rgba(238, 179, 54, 0.68);
    border-radius: clamp(9px, 6cqi, 18px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 10px rgba(255, 179, 0, 0.08);

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

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

/* Brilho inferior */
.curso-bloqueado .aviso-curso-bloqueado::after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 195, 65, 0.82),
        transparent
    );

    box-shadow: 0 0 6px rgba(255, 174, 0, 0.35);
}

/* =====================================================
   CÍRCULO DO CADEADO
===================================================== */

.curso-bloqueado .bloqueio-icone {
    position: relative;
    flex: 0 0 clamp(27px, 18cqi, 48px);

    width: clamp(27px, 18cqi, 48px);
    height: clamp(27px, 18cqi, 48px);

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

    border-radius: 50%;

    background: radial-gradient(
        circle at 42% 34%,
        rgba(255, 223, 124, 0.16),
        rgba(255, 169, 0, 0.05) 58%,
        rgba(0, 0, 0, 0.2)
    );

    border: 1px solid rgba(255, 185, 24, 0.88);

    box-shadow:
        0 0 6px rgba(255, 189, 37, 0.5),
        0 0 13px rgba(255, 153, 0, 0.17),
        inset 0 0 8px rgba(255, 189, 37, 0.07);

    animation: bloqueio-pulsar 2.5s ease-in-out infinite;
}

/* Arco do cadeado */
.curso-bloqueado .cadeado-arco {
    position: absolute;

    top: 23%;
    left: 50%;
    transform: translateX(-50%);

    width: 28%;
    height: 27%;

    border: clamp(1.5px, 1.2cqi, 2.5px) solid #f5bd36;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
}

/* Corpo do cadeado */
.curso-bloqueado .cadeado-corpo {
    position: absolute;

    left: 50%;
    bottom: 23%;
    transform: translateX(-50%);

    width: 38%;
    height: 32%;

    border-radius: clamp(1px, 1cqi, 3px);

    background: linear-gradient(
        145deg,
        #ffd766,
        #da9408 60%,
        #956000
    );

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.42);
}

/* Buraco da chave */
.curso-bloqueado .cadeado-corpo::after {
    content: "";
    position: absolute;

    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);

    width: 14%;
    height: 31%;

    border-radius: 50% 50% 30% 30%;
    background: rgba(48, 29, 0, 0.9);
}

/* =====================================================
   TEXTOS
===================================================== */

.curso-bloqueado .bloqueio-textos {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - clamp(34px, 22cqi, 60px));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    overflow: hidden;
    text-align: left;
}

/* Título */
.curso-bloqueado .bloqueio-textos strong {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: #f6f6f7;

    font-family: inherit;
    font-size: clamp(7px, 5.2cqi, 15px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: clamp(0px, 0.15cqi, 0.5px);
    text-transform: uppercase;
}

/* Palavra BLOQUEADO */
.curso-bloqueado .bloqueio-textos strong b {
    color: #e6a719;
    font-weight: 800;
}

/* Subtítulo */
.curso-bloqueado .bloqueio-textos small {
    display: block;
    width: 100%;

    margin-top: clamp(2px, 1.4cqi, 5px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: rgba(255, 255, 255, 0.84);

    font-family: inherit;
    font-size: clamp(6px, 4.2cqi, 12px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}

/* Hover apenas em dispositivos que possuem mouse */
@media (hover: hover) {
    .curso-bloqueado:hover .aviso-curso-bloqueado {
        transform: translateX(-50%) translateY(-2px);

        border-color: rgba(255, 202, 72, 0.88);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 0 15px rgba(255, 169, 0, 0.13);
    }
}

/* Animação discreta */
@keyframes bloqueio-pulsar {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

/* =====================================================
   AJUSTE PARA CARDS EXTREMAMENTE ESTREITOS
===================================================== */

@container (max-width: 190px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 8px);
        bottom: 4px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 9px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 32px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: 7px;
        letter-spacing: 0;
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: 6px;
        margin-top: 2px;
    }
}

/* Cards entre 191px e 250px */
@container (min-width: 191px) and (max-width: 250px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 10px);
        bottom: 5px;
        gap: 6px;
        padding: 6px 7px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 38px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: clamp(8px, 5cqi, 11px);
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: clamp(7px, 4cqi, 9px);
    }
}

/* Remove animação quando necessário */
@media (prefers-reduced-motion: reduce) {
    .curso-bloqueado .bloqueio-icone {
        animation: none;
    }

    .curso-bloqueado .aviso-curso-bloqueado {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f686bc *//* =====================================================
   BLOQUEIO DE CURSO — COMPACTO E 100% RESPONSIVO
   Classe do contêiner: curso-bloqueado
===================================================== */

.curso-bloqueado {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    cursor: pointer;
}

/* Garante que todos os elementos respeitem o card */
.curso-bloqueado,
.curso-bloqueado * {
    box-sizing: border-box;
}

/* Imagem responsiva */
.curso-bloqueado img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

/* Sombra suave no rodapé */
.curso-bloqueado::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(2, 3, 10, 0.12) 72%,
        rgba(2, 3, 10, 0.78) 100%
    );
}

/* O widget HTML não pode ocupar espaço fora da imagem */
.curso-bloqueado > .elementor-element.elementor-widget-html,
.curso-bloqueado .elementor-widget-html {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}

/* Corrige o contêiner interno criado pelo Elementor */
.curso-bloqueado .elementor-widget-html .elementor-widget-container {
    position: static !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   FAIXA DE BLOQUEIO
===================================================== */

.curso-bloqueado .aviso-curso-bloqueado {
    position: absolute;
    left: 50%;
    bottom: clamp(5px, 3cqi, 12px);
    transform: translateX(-50%);

    width: calc(100% - clamp(10px, 7cqi, 26px));
    max-width: calc(100% - 10px);
    min-width: 0;

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

    gap: clamp(5px, 3.5cqi, 12px);

    padding:
        clamp(5px, 3cqi, 10px)
        clamp(6px, 4cqi, 14px);

    overflow: hidden;
    pointer-events: auto;

    background: linear-gradient(
        110deg,
        rgba(8, 9, 18, 0.92),
        rgba(7, 8, 14, 0.97)
    );

    border: clamp(1px, 0.4cqi, 1.5px) solid rgba(238, 179, 54, 0.68);
    border-radius: clamp(9px, 6cqi, 18px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 10px rgba(255, 179, 0, 0.08);

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

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

/* Brilho inferior */
.curso-bloqueado .aviso-curso-bloqueado::after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 195, 65, 0.82),
        transparent
    );

    box-shadow: 0 0 6px rgba(255, 174, 0, 0.35);
}

/* =====================================================
   CÍRCULO DO CADEADO
===================================================== */

.curso-bloqueado .bloqueio-icone {
    position: relative;
    flex: 0 0 clamp(27px, 18cqi, 48px);

    width: clamp(27px, 18cqi, 48px);
    height: clamp(27px, 18cqi, 48px);

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

    border-radius: 50%;

    background: radial-gradient(
        circle at 42% 34%,
        rgba(255, 223, 124, 0.16),
        rgba(255, 169, 0, 0.05) 58%,
        rgba(0, 0, 0, 0.2)
    );

    border: 1px solid rgba(255, 185, 24, 0.88);

    box-shadow:
        0 0 6px rgba(255, 189, 37, 0.5),
        0 0 13px rgba(255, 153, 0, 0.17),
        inset 0 0 8px rgba(255, 189, 37, 0.07);

    animation: bloqueio-pulsar 2.5s ease-in-out infinite;
}

/* Arco do cadeado */
.curso-bloqueado .cadeado-arco {
    position: absolute;

    top: 23%;
    left: 50%;
    transform: translateX(-50%);

    width: 28%;
    height: 27%;

    border: clamp(1.5px, 1.2cqi, 2.5px) solid #f5bd36;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
}

/* Corpo do cadeado */
.curso-bloqueado .cadeado-corpo {
    position: absolute;

    left: 50%;
    bottom: 23%;
    transform: translateX(-50%);

    width: 38%;
    height: 32%;

    border-radius: clamp(1px, 1cqi, 3px);

    background: linear-gradient(
        145deg,
        #ffd766,
        #da9408 60%,
        #956000
    );

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.42);
}

/* Buraco da chave */
.curso-bloqueado .cadeado-corpo::after {
    content: "";
    position: absolute;

    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);

    width: 14%;
    height: 31%;

    border-radius: 50% 50% 30% 30%;
    background: rgba(48, 29, 0, 0.9);
}

/* =====================================================
   TEXTOS
===================================================== */

.curso-bloqueado .bloqueio-textos {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - clamp(34px, 22cqi, 60px));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    overflow: hidden;
    text-align: left;
}

/* Título */
.curso-bloqueado .bloqueio-textos strong {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: #f6f6f7;

    font-family: inherit;
    font-size: clamp(7px, 5.2cqi, 15px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: clamp(0px, 0.15cqi, 0.5px);
    text-transform: uppercase;
}

/* Palavra BLOQUEADO */
.curso-bloqueado .bloqueio-textos strong b {
    color: #e6a719;
    font-weight: 800;
}

/* Subtítulo */
.curso-bloqueado .bloqueio-textos small {
    display: block;
    width: 100%;

    margin-top: clamp(2px, 1.4cqi, 5px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: rgba(255, 255, 255, 0.84);

    font-family: inherit;
    font-size: clamp(6px, 4.2cqi, 12px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}

/* Hover apenas em dispositivos que possuem mouse */
@media (hover: hover) {
    .curso-bloqueado:hover .aviso-curso-bloqueado {
        transform: translateX(-50%) translateY(-2px);

        border-color: rgba(255, 202, 72, 0.88);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 0 15px rgba(255, 169, 0, 0.13);
    }
}

/* Animação discreta */
@keyframes bloqueio-pulsar {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

/* =====================================================
   AJUSTE PARA CARDS EXTREMAMENTE ESTREITOS
===================================================== */

@container (max-width: 190px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 8px);
        bottom: 4px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 9px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 32px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: 7px;
        letter-spacing: 0;
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: 6px;
        margin-top: 2px;
    }
}

/* Cards entre 191px e 250px */
@container (min-width: 191px) and (max-width: 250px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 10px);
        bottom: 5px;
        gap: 6px;
        padding: 6px 7px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 38px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: clamp(8px, 5cqi, 11px);
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: clamp(7px, 4cqi, 9px);
    }
}

/* Remove animação quando necessário */
@media (prefers-reduced-motion: reduce) {
    .curso-bloqueado .bloqueio-icone {
        animation: none;
    }

    .curso-bloqueado .aviso-curso-bloqueado {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d86b537 *//* =====================================================
   BLOQUEIO DE CURSO — COMPACTO E 100% RESPONSIVO
   Classe do contêiner: curso-bloqueado
===================================================== */

.curso-bloqueado {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    cursor: pointer;
}

/* Garante que todos os elementos respeitem o card */
.curso-bloqueado,
.curso-bloqueado * {
    box-sizing: border-box;
}

/* Imagem responsiva */
.curso-bloqueado img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

/* Sombra suave no rodapé */
.curso-bloqueado::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(2, 3, 10, 0.12) 72%,
        rgba(2, 3, 10, 0.78) 100%
    );
}

/* O widget HTML não pode ocupar espaço fora da imagem */
.curso-bloqueado > .elementor-element.elementor-widget-html,
.curso-bloqueado .elementor-widget-html {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}

/* Corrige o contêiner interno criado pelo Elementor */
.curso-bloqueado .elementor-widget-html .elementor-widget-container {
    position: static !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   FAIXA DE BLOQUEIO
===================================================== */

.curso-bloqueado .aviso-curso-bloqueado {
    position: absolute;
    left: 50%;
    bottom: clamp(5px, 3cqi, 12px);
    transform: translateX(-50%);

    width: calc(100% - clamp(10px, 7cqi, 26px));
    max-width: calc(100% - 10px);
    min-width: 0;

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

    gap: clamp(5px, 3.5cqi, 12px);

    padding:
        clamp(5px, 3cqi, 10px)
        clamp(6px, 4cqi, 14px);

    overflow: hidden;
    pointer-events: auto;

    background: linear-gradient(
        110deg,
        rgba(8, 9, 18, 0.92),
        rgba(7, 8, 14, 0.97)
    );

    border: clamp(1px, 0.4cqi, 1.5px) solid rgba(238, 179, 54, 0.68);
    border-radius: clamp(9px, 6cqi, 18px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 10px rgba(255, 179, 0, 0.08);

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

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

/* Brilho inferior */
.curso-bloqueado .aviso-curso-bloqueado::after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 195, 65, 0.82),
        transparent
    );

    box-shadow: 0 0 6px rgba(255, 174, 0, 0.35);
}

/* =====================================================
   CÍRCULO DO CADEADO
===================================================== */

.curso-bloqueado .bloqueio-icone {
    position: relative;
    flex: 0 0 clamp(27px, 18cqi, 48px);

    width: clamp(27px, 18cqi, 48px);
    height: clamp(27px, 18cqi, 48px);

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

    border-radius: 50%;

    background: radial-gradient(
        circle at 42% 34%,
        rgba(255, 223, 124, 0.16),
        rgba(255, 169, 0, 0.05) 58%,
        rgba(0, 0, 0, 0.2)
    );

    border: 1px solid rgba(255, 185, 24, 0.88);

    box-shadow:
        0 0 6px rgba(255, 189, 37, 0.5),
        0 0 13px rgba(255, 153, 0, 0.17),
        inset 0 0 8px rgba(255, 189, 37, 0.07);

    animation: bloqueio-pulsar 2.5s ease-in-out infinite;
}

/* Arco do cadeado */
.curso-bloqueado .cadeado-arco {
    position: absolute;

    top: 23%;
    left: 50%;
    transform: translateX(-50%);

    width: 28%;
    height: 27%;

    border: clamp(1.5px, 1.2cqi, 2.5px) solid #f5bd36;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
}

/* Corpo do cadeado */
.curso-bloqueado .cadeado-corpo {
    position: absolute;

    left: 50%;
    bottom: 23%;
    transform: translateX(-50%);

    width: 38%;
    height: 32%;

    border-radius: clamp(1px, 1cqi, 3px);

    background: linear-gradient(
        145deg,
        #ffd766,
        #da9408 60%,
        #956000
    );

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.42);
}

/* Buraco da chave */
.curso-bloqueado .cadeado-corpo::after {
    content: "";
    position: absolute;

    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);

    width: 14%;
    height: 31%;

    border-radius: 50% 50% 30% 30%;
    background: rgba(48, 29, 0, 0.9);
}

/* =====================================================
   TEXTOS
===================================================== */

.curso-bloqueado .bloqueio-textos {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - clamp(34px, 22cqi, 60px));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    overflow: hidden;
    text-align: left;
}

/* Título */
.curso-bloqueado .bloqueio-textos strong {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: #f6f6f7;

    font-family: inherit;
    font-size: clamp(7px, 5.2cqi, 15px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: clamp(0px, 0.15cqi, 0.5px);
    text-transform: uppercase;
}

/* Palavra BLOQUEADO */
.curso-bloqueado .bloqueio-textos strong b {
    color: #e6a719;
    font-weight: 800;
}

/* Subtítulo */
.curso-bloqueado .bloqueio-textos small {
    display: block;
    width: 100%;

    margin-top: clamp(2px, 1.4cqi, 5px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: rgba(255, 255, 255, 0.84);

    font-family: inherit;
    font-size: clamp(6px, 4.2cqi, 12px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}

/* Hover apenas em dispositivos que possuem mouse */
@media (hover: hover) {
    .curso-bloqueado:hover .aviso-curso-bloqueado {
        transform: translateX(-50%) translateY(-2px);

        border-color: rgba(255, 202, 72, 0.88);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 0 15px rgba(255, 169, 0, 0.13);
    }
}

/* Animação discreta */
@keyframes bloqueio-pulsar {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

/* =====================================================
   AJUSTE PARA CARDS EXTREMAMENTE ESTREITOS
===================================================== */

@container (max-width: 190px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 8px);
        bottom: 4px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 9px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 32px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: 7px;
        letter-spacing: 0;
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: 6px;
        margin-top: 2px;
    }
}

/* Cards entre 191px e 250px */
@container (min-width: 191px) and (max-width: 250px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 10px);
        bottom: 5px;
        gap: 6px;
        padding: 6px 7px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 38px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: clamp(8px, 5cqi, 11px);
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: clamp(7px, 4cqi, 9px);
    }
}

/* Remove animação quando necessário */
@media (prefers-reduced-motion: reduce) {
    .curso-bloqueado .bloqueio-icone {
        animation: none;
    }

    .curso-bloqueado .aviso-curso-bloqueado {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d69d939 *//* =====================================================
   BLOQUEIO DE CURSO — COMPACTO E 100% RESPONSIVO
   Classe do contêiner: curso-bloqueado
===================================================== */

.curso-bloqueado {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    cursor: pointer;
}

/* Garante que todos os elementos respeitem o card */
.curso-bloqueado,
.curso-bloqueado * {
    box-sizing: border-box;
}

/* Imagem responsiva */
.curso-bloqueado img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

/* Sombra suave no rodapé */
.curso-bloqueado::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(2, 3, 10, 0.12) 72%,
        rgba(2, 3, 10, 0.78) 100%
    );
}

/* O widget HTML não pode ocupar espaço fora da imagem */
.curso-bloqueado > .elementor-element.elementor-widget-html,
.curso-bloqueado .elementor-widget-html {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}

/* Corrige o contêiner interno criado pelo Elementor */
.curso-bloqueado .elementor-widget-html .elementor-widget-container {
    position: static !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   FAIXA DE BLOQUEIO
===================================================== */

.curso-bloqueado .aviso-curso-bloqueado {
    position: absolute;
    left: 50%;
    bottom: clamp(5px, 3cqi, 12px);
    transform: translateX(-50%);

    width: calc(100% - clamp(10px, 7cqi, 26px));
    max-width: calc(100% - 10px);
    min-width: 0;

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

    gap: clamp(5px, 3.5cqi, 12px);

    padding:
        clamp(5px, 3cqi, 10px)
        clamp(6px, 4cqi, 14px);

    overflow: hidden;
    pointer-events: auto;

    background: linear-gradient(
        110deg,
        rgba(8, 9, 18, 0.92),
        rgba(7, 8, 14, 0.97)
    );

    border: clamp(1px, 0.4cqi, 1.5px) solid rgba(238, 179, 54, 0.68);
    border-radius: clamp(9px, 6cqi, 18px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 10px rgba(255, 179, 0, 0.08);

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

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

/* Brilho inferior */
.curso-bloqueado .aviso-curso-bloqueado::after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 195, 65, 0.82),
        transparent
    );

    box-shadow: 0 0 6px rgba(255, 174, 0, 0.35);
}

/* =====================================================
   CÍRCULO DO CADEADO
===================================================== */

.curso-bloqueado .bloqueio-icone {
    position: relative;
    flex: 0 0 clamp(27px, 18cqi, 48px);

    width: clamp(27px, 18cqi, 48px);
    height: clamp(27px, 18cqi, 48px);

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

    border-radius: 50%;

    background: radial-gradient(
        circle at 42% 34%,
        rgba(255, 223, 124, 0.16),
        rgba(255, 169, 0, 0.05) 58%,
        rgba(0, 0, 0, 0.2)
    );

    border: 1px solid rgba(255, 185, 24, 0.88);

    box-shadow:
        0 0 6px rgba(255, 189, 37, 0.5),
        0 0 13px rgba(255, 153, 0, 0.17),
        inset 0 0 8px rgba(255, 189, 37, 0.07);

    animation: bloqueio-pulsar 2.5s ease-in-out infinite;
}

/* Arco do cadeado */
.curso-bloqueado .cadeado-arco {
    position: absolute;

    top: 23%;
    left: 50%;
    transform: translateX(-50%);

    width: 28%;
    height: 27%;

    border: clamp(1.5px, 1.2cqi, 2.5px) solid #f5bd36;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
}

/* Corpo do cadeado */
.curso-bloqueado .cadeado-corpo {
    position: absolute;

    left: 50%;
    bottom: 23%;
    transform: translateX(-50%);

    width: 38%;
    height: 32%;

    border-radius: clamp(1px, 1cqi, 3px);

    background: linear-gradient(
        145deg,
        #ffd766,
        #da9408 60%,
        #956000
    );

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.42);
}

/* Buraco da chave */
.curso-bloqueado .cadeado-corpo::after {
    content: "";
    position: absolute;

    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);

    width: 14%;
    height: 31%;

    border-radius: 50% 50% 30% 30%;
    background: rgba(48, 29, 0, 0.9);
}

/* =====================================================
   TEXTOS
===================================================== */

.curso-bloqueado .bloqueio-textos {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - clamp(34px, 22cqi, 60px));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    overflow: hidden;
    text-align: left;
}

/* Título */
.curso-bloqueado .bloqueio-textos strong {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: #f6f6f7;

    font-family: inherit;
    font-size: clamp(7px, 5.2cqi, 15px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: clamp(0px, 0.15cqi, 0.5px);
    text-transform: uppercase;
}

/* Palavra BLOQUEADO */
.curso-bloqueado .bloqueio-textos strong b {
    color: #e6a719;
    font-weight: 800;
}

/* Subtítulo */
.curso-bloqueado .bloqueio-textos small {
    display: block;
    width: 100%;

    margin-top: clamp(2px, 1.4cqi, 5px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: rgba(255, 255, 255, 0.84);

    font-family: inherit;
    font-size: clamp(6px, 4.2cqi, 12px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}

/* Hover apenas em dispositivos que possuem mouse */
@media (hover: hover) {
    .curso-bloqueado:hover .aviso-curso-bloqueado {
        transform: translateX(-50%) translateY(-2px);

        border-color: rgba(255, 202, 72, 0.88);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 0 15px rgba(255, 169, 0, 0.13);
    }
}

/* Animação discreta */
@keyframes bloqueio-pulsar {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

/* =====================================================
   AJUSTE PARA CARDS EXTREMAMENTE ESTREITOS
===================================================== */

@container (max-width: 190px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 8px);
        bottom: 4px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 9px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 32px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: 7px;
        letter-spacing: 0;
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: 6px;
        margin-top: 2px;
    }
}

/* Cards entre 191px e 250px */
@container (min-width: 191px) and (max-width: 250px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 10px);
        bottom: 5px;
        gap: 6px;
        padding: 6px 7px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 38px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: clamp(8px, 5cqi, 11px);
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: clamp(7px, 4cqi, 9px);
    }
}

/* Remove animação quando necessário */
@media (prefers-reduced-motion: reduce) {
    .curso-bloqueado .bloqueio-icone {
        animation: none;
    }

    .curso-bloqueado .aviso-curso-bloqueado {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8173c20 *//* =====================================================
   BLOQUEIO DE CURSO — COMPACTO E 100% RESPONSIVO
   Classe do contêiner: curso-bloqueado
===================================================== */

.curso-bloqueado {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    cursor: pointer;
}

/* Garante que todos os elementos respeitem o card */
.curso-bloqueado,
.curso-bloqueado * {
    box-sizing: border-box;
}

/* Imagem responsiva */
.curso-bloqueado img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

/* Sombra suave no rodapé */
.curso-bloqueado::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(2, 3, 10, 0.12) 72%,
        rgba(2, 3, 10, 0.78) 100%
    );
}

/* O widget HTML não pode ocupar espaço fora da imagem */
.curso-bloqueado > .elementor-element.elementor-widget-html,
.curso-bloqueado .elementor-widget-html {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}

/* Corrige o contêiner interno criado pelo Elementor */
.curso-bloqueado .elementor-widget-html .elementor-widget-container {
    position: static !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   FAIXA DE BLOQUEIO
===================================================== */

.curso-bloqueado .aviso-curso-bloqueado {
    position: absolute;
    left: 50%;
    bottom: clamp(5px, 3cqi, 12px);
    transform: translateX(-50%);

    width: calc(100% - clamp(10px, 7cqi, 26px));
    max-width: calc(100% - 10px);
    min-width: 0;

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

    gap: clamp(5px, 3.5cqi, 12px);

    padding:
        clamp(5px, 3cqi, 10px)
        clamp(6px, 4cqi, 14px);

    overflow: hidden;
    pointer-events: auto;

    background: linear-gradient(
        110deg,
        rgba(8, 9, 18, 0.92),
        rgba(7, 8, 14, 0.97)
    );

    border: clamp(1px, 0.4cqi, 1.5px) solid rgba(238, 179, 54, 0.68);
    border-radius: clamp(9px, 6cqi, 18px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 10px rgba(255, 179, 0, 0.08);

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

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

/* Brilho inferior */
.curso-bloqueado .aviso-curso-bloqueado::after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 195, 65, 0.82),
        transparent
    );

    box-shadow: 0 0 6px rgba(255, 174, 0, 0.35);
}

/* =====================================================
   CÍRCULO DO CADEADO
===================================================== */

.curso-bloqueado .bloqueio-icone {
    position: relative;
    flex: 0 0 clamp(27px, 18cqi, 48px);

    width: clamp(27px, 18cqi, 48px);
    height: clamp(27px, 18cqi, 48px);

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

    border-radius: 50%;

    background: radial-gradient(
        circle at 42% 34%,
        rgba(255, 223, 124, 0.16),
        rgba(255, 169, 0, 0.05) 58%,
        rgba(0, 0, 0, 0.2)
    );

    border: 1px solid rgba(255, 185, 24, 0.88);

    box-shadow:
        0 0 6px rgba(255, 189, 37, 0.5),
        0 0 13px rgba(255, 153, 0, 0.17),
        inset 0 0 8px rgba(255, 189, 37, 0.07);

    animation: bloqueio-pulsar 2.5s ease-in-out infinite;
}

/* Arco do cadeado */
.curso-bloqueado .cadeado-arco {
    position: absolute;

    top: 23%;
    left: 50%;
    transform: translateX(-50%);

    width: 28%;
    height: 27%;

    border: clamp(1.5px, 1.2cqi, 2.5px) solid #f5bd36;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
}

/* Corpo do cadeado */
.curso-bloqueado .cadeado-corpo {
    position: absolute;

    left: 50%;
    bottom: 23%;
    transform: translateX(-50%);

    width: 38%;
    height: 32%;

    border-radius: clamp(1px, 1cqi, 3px);

    background: linear-gradient(
        145deg,
        #ffd766,
        #da9408 60%,
        #956000
    );

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.42);
}

/* Buraco da chave */
.curso-bloqueado .cadeado-corpo::after {
    content: "";
    position: absolute;

    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);

    width: 14%;
    height: 31%;

    border-radius: 50% 50% 30% 30%;
    background: rgba(48, 29, 0, 0.9);
}

/* =====================================================
   TEXTOS
===================================================== */

.curso-bloqueado .bloqueio-textos {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - clamp(34px, 22cqi, 60px));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    overflow: hidden;
    text-align: left;
}

/* Título */
.curso-bloqueado .bloqueio-textos strong {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: #f6f6f7;

    font-family: inherit;
    font-size: clamp(7px, 5.2cqi, 15px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: clamp(0px, 0.15cqi, 0.5px);
    text-transform: uppercase;
}

/* Palavra BLOQUEADO */
.curso-bloqueado .bloqueio-textos strong b {
    color: #e6a719;
    font-weight: 800;
}

/* Subtítulo */
.curso-bloqueado .bloqueio-textos small {
    display: block;
    width: 100%;

    margin-top: clamp(2px, 1.4cqi, 5px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;

    color: rgba(255, 255, 255, 0.84);

    font-family: inherit;
    font-size: clamp(6px, 4.2cqi, 12px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}

/* Hover apenas em dispositivos que possuem mouse */
@media (hover: hover) {
    .curso-bloqueado:hover .aviso-curso-bloqueado {
        transform: translateX(-50%) translateY(-2px);

        border-color: rgba(255, 202, 72, 0.88);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 0 15px rgba(255, 169, 0, 0.13);
    }
}

/* Animação discreta */
@keyframes bloqueio-pulsar {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

/* =====================================================
   AJUSTE PARA CARDS EXTREMAMENTE ESTREITOS
===================================================== */

@container (max-width: 190px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 8px);
        bottom: 4px;
        gap: 5px;
        padding: 5px 6px;
        border-radius: 9px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 32px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: 7px;
        letter-spacing: 0;
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: 6px;
        margin-top: 2px;
    }
}

/* Cards entre 191px e 250px */
@container (min-width: 191px) and (max-width: 250px) {
    .curso-bloqueado .aviso-curso-bloqueado {
        width: calc(100% - 10px);
        bottom: 5px;
        gap: 6px;
        padding: 6px 7px;
    }

    .curso-bloqueado .bloqueio-icone {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .curso-bloqueado .bloqueio-textos {
        max-width: calc(100% - 38px);
    }

    .curso-bloqueado .bloqueio-textos strong {
        font-size: clamp(8px, 5cqi, 11px);
    }

    .curso-bloqueado .bloqueio-textos small {
        font-size: clamp(7px, 4cqi, 9px);
    }
}

/* Remove animação quando necessário */
@media (prefers-reduced-motion: reduce) {
    .curso-bloqueado .bloqueio-icone {
        animation: none;
    }

    .curso-bloqueado .aviso-curso-bloqueado {
        transition: none;
    }
}/* End custom CSS */