/* ============================================================================
   KoraFlix — Seção "Dramas" da home (assistir/index.php)
   Prefixo: .dramas-home-* — CSS própria da seção (header/carousel), igual ao
   padrão das outras seções da home (trending.css, lancamentos.css). Os
   cards em si reaproveitam literalmente .trending-card/.trending-card-
   wrapper/.trending-hover-card (trending.css) — pedido explícito de ficar
   idêntico ao "Em Alta Hoje", sem duplicar aquele componente aqui.
   ============================================================================ */

.dramas-home-section {
    position: relative;
}

.dramas-home-header {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 24px;
    padding: 0 4%;
}

.dramas-home-title {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.dramas-home-title::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background: var(--primary-red, #E63946);
    border-radius: 2px;
    flex-shrink: 0;
}

.dramas-home-carousel-container {
    position: relative;
}