/* ========================================================
   ESTILOS PERSONALIZADOS - LANDING PAGE & SMARTPHONE MOCKUP
   ======================================================== */

/* Moldura externa do smartphone com profundidade 3D */
.phone-frame {
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.8),
                0 0 40px -10px rgba(16, 185, 129, 0.15);
}

/* Barra de rolagem personalizada e discreta para a tela do aparelho */
.custom-scroll::-webkit-scrollbar {
    width: 3px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 9999px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Estilo do botão de nicho quando estiver selecionado */
.niche-btn.active-niche {
    border-color: #10b981;
    background-color: rgba(16, 185, 129, 0.12);
}

/* Estilo do botão de canal de atendimento quando selecionado */
.channel-btn.active-channel {
    border-color: #10b981;
    background-color: rgba(16, 185, 129, 0.12);
}