/* =========================
   GLOBAL
========================= */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
* { box-sizing: border-box; }

/* =========================
   PAGE
========================= */
.aulas-page {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

/* =========================
   CONTEÚDO
========================= */
.aulas-conteudo {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* BLOCO ESQUERDA */
.aulas-box {
    background: #f8fafc;
    padding: 20px;
    border-radius: 14px;
}

/* LISTA */
.aulas-lista {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ITEM PADRÃO */
.aulas-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 10px;
    border-left: 4px solid #ff0000;
    font-weight: 500;
    color: #1e293b;
}

/* ÍCONE */
.aulas-item .icon {
    width: 12px;
    height: 12px;
    background: #ff0000;
    border-radius: 3px;
    flex-shrink: 0;
}

/* ITEM DE DESTAQUE */
.aulas-item.destaque {
    background: #fff1f2;
    border-left-color: #cc0000;
    font-weight: 600;
}

/* TEXTO DIREITA */
.aulas-texto {
    background: #ffffff;
    padding: 20px;
    border-radius: 14px;
    border-left: 4px solid #ff0000;
}

.aulas-texto.destaque {
    background: #fff1f2;
    border-left-color: #cc0000;
}

.aulas-texto p {
    margin-bottom: 12px;
    line-height: 1.5;
    color: #334155;
}

/* =========================
   DESKTOP
========================= */
@media (min-width: 1024px) {

       .aulas-conteudo {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap: 40px;
        align-items: start;
    }
}
/* =========================
   MOBILE
========================= */
@media (max-width:1023px){

    .aulas-page{
        gap:24px;
    }

    .aulas-conteudo{
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    .aulas-box,
    .aulas-texto{
        padding:16px;
        border-radius:12px;
    }

    .aulas-item{
        padding:12px 14px;
        font-size:14px;
    }

    .aulas-texto p{
        font-size:14px;
    }
}

/* =========================
   CARROSSEL AULAS
========================= */
.carousel-aulas-wrapper{
    width:100%;
    overflow:hidden;
    margin:32px 0;
}

.carousel-aulas{
    position:relative;
    width:100%;
    overflow:hidden;
    height:140px;
}

.carousel-aulas-track{
    position:absolute;
    left:0;
    top:0;
    display:flex;
    gap:16px;
    animation:carouselAulasScroll 60s linear infinite;
    will-change: transform;
}

.carousel-aulas img{
    width:220px;
    height:140px;
    object-fit:contain;
    object-position:center;
    border-radius:12px;
    flex-shrink:0;
    background:#000305;
    clip-path: inset(0 round 12px);
}

@keyframes carouselAulasScroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

/* MOBILE */
@media (max-width:768px){
    .carousel-aulas{
        height:120px;
    }

    .carousel-aulas img{
        width:180px;
        height:120px;
    }
}