.workshop-featured::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(0,0,0,0.03) 0px,
        rgba(0,0,0,0.03) 1px,
        transparent 1px,
        transparent 4px
    );
    opacity: 0.9;
    pointer-events: none;
}

.workshop-featured {
    display: flex;
    border-radius: var(--base-border-radius);
    padding: 15px;
    gap: 20px;
    align-items: center;
    position: relative;
    background: linear-gradient(45deg, rgb(255 255 255 / 80%) 0%, #edd6b3 55%, #fbecdf 100%);
    /* background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 55%, #ececec 100%); */
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.7) inset,
        0 2px 4px rgba(0,0,0,0.3);
    transition: transform .15s ease-out, box-shadow .2s ease;
}

/* garante que o conteúdo fique acima da textura */
.workshop-featured > * {
    position: relative;
    z-index: 1;
}

.workshop-featured:hover {
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.9) inset,
        0 4px 7px rgba(0,0,0,0.4);
}

.workshop-featured img.featured-img {
    width: 100%;
    max-width: 600px;
    border-radius: var(--base-border-radius);
}

.featured-info {
    flex: 1;
    text-align: left;
}

#featured-img-area .yt-hidden-play-toggle-btn {
    margin-top: -58px;
    position: absolute;
    margin-left: 5px;
}

.card:hover {
    transform: scale(1.01);
}

/* MOBILE */
@media (max-width: 700px) {
    .workshop-featured {
        flex-direction: column;
        text-align: center;
    }

    .featured-info {
        text-align: center;
    }
}