.elementor-1669 .elementor-element.elementor-element-1d5f97b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-71c8cd3 *//* ========================= */
/* SEÇÃO VITRINE LOCUTORES   */
/* (Vitrine + Favoritos)     */
/* ========================= */
#oc-vitrine-locutores {
    background: #151E23;
    padding: 40px 40px 20px 40px;
    margin-top: 0;
}

/* ========================= */
/* TÍTULO                    */
/* ========================= */
.oc-vitrine-titulo {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 70%;
    color: #FFFFFF;
    margin-bottom: 35px;
}

/* ========================= */
/* GRID 6×2                  */
/* ========================= */
.oc-vitrine-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
}

/* ========================= */
/* CARD DO LOCUTOR           */
/* ========================= */
.oc-locutor-card {
    width: 259px;
    height: 381px;
    background: #090D0F;
    border-radius: 36px;
    padding: 7px;
    box-sizing: border-box;
    position: relative;
}

/* ========================= */
/* IMAGEM DO CARD            */
/* ========================= */
.oc-locutor-img {
    width: 243.34px !important;
    height: 326.24px !important;
    border-radius: 28px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* ========================= */
/* NOME DO LOCUTOR           */
/* ========================= */
.oc-locutor-nome {
    position: absolute;
    left: 26px;
    bottom: 25px;

    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 70%;
    letter-spacing: -1%;
    color: #FFFFFF;
}

/* ========================= */
/* BOTÃO "VER PERFIL"        */
/* ========================= */
.oc-btn-ver-perfil {
    position: absolute;
    top: 18px;
    left: 18px;

    height: 28px;
    padding: 10px;

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

    border-radius: 250px;
    border: 1px solid #FFFFFF;

    background: rgba(21, 30, 35, 0.74);

    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 70%;
    color: #FFFFFF;

    cursor: pointer;
}

/* ========================= */
/* BOTÃO FAVORITAR LOCUTOR  */
/* ========================= */
.oc-favoritar-locutor {
    position: absolute;
    top: 18px;
    right: 18px;

    width: 36px;
    height: 36px;

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

    border-radius: 50%;
    cursor: pointer;

    font-size: 18px;
    line-height: 1;

    /* NÃO FAVORITADO */
    color: #5AF0A8;
    background: transparent;
    border: 2px solid #5AF0A8;

    transition: all 0.2s ease;
}

.oc-favoritar-locutor:hover {
    background: rgba(90, 240, 168, 0.15);
}

/* FAVORITADO */
.oc-favoritar-locutor.ativo {
    background: #5AF0A8;
    color: #151E23;
    border-color: #5AF0A8;
}

.oc-favoritar-locutor.ativo:hover {
    filter: brightness(1.1);
}

.oc-favoritar-locutor.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* ========================= */
/* POPUP – ÁUDIOS            */
/* ========================= */
.oc-popup-audio-item {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1F2A30;
}

.oc-popup-audio-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

/* ========================= */
/* BLOCO DE TAXONOMIA        */
/* ========================= */
.oc-audio-tax-block {
    margin-top: 14px;
}

.oc-tax-label {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 6px;
}

/* ========================= */
/* SELECT DE TAXONOMIAS      */
/* ========================= */
.oc-tax-select {
    width: 100%;
    background: #090D0F;
    border: 1px solid #2A2F33;
    border-radius: 10px;
    padding: 8px 10px;

    color: #FFFFFF;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;

    appearance: none;
}

/* ========================= */
/* TAGS SELECIONADAS (CHIPS) */
/* ========================= */
.oc-tax-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.oc-tax-chip {
    background: #5AF0A8;
    color: #151E23;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;

    display: inline-flex;
    align-items: center;
}

.oc-tax-chip:hover {
    opacity: 0.9;
}

.oc-tax-x {
    margin-left: 6px;
    font-weight: 800;
}

/* ========================= */
/* UTILITÁRIOS               */
/* ========================= */
.oc-hidden {
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cb5e685 *//* ========================= */
/* OVERLAY                  */
/* ========================= */
#oc-popup-locutor-overlay {
    position: fixed;
    inset: 0;
    background: rgba(9, 13, 15, 0.85);
    backdrop-filter: blur(6px);
    z-index: 9999;

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

.oc-popup-hidden {
    display: none !important;
}

/* ========================= */
/* POPUP CONTAINER          */
/* ========================= */
.oc-popup-locutor {
    position: relative;

    width: 420px;
    max-width: 90vw;

    background: #151E23;
    border-radius: 24px;
    padding: 32px 28px 28px 28px;

    text-align: center;
    color: #FFFFFF;
    font-family: "Plus Jakarta Sans", sans-serif;

    max-height: 85vh;
    overflow-y: auto;

    /* Scroll Firefox */
    scrollbar-width: thin;
    scrollbar-color: #5AF0A8 transparent;
}

/* Scroll Chrome / Edge */
.oc-popup-locutor::-webkit-scrollbar {
    width: 6px;
}

.oc-popup-locutor::-webkit-scrollbar-track {
    background: transparent;
}

.oc-popup-locutor::-webkit-scrollbar-thumb {
    background: #5AF0A8;
    border-radius: 20px;
}

/* ========================= */
/* BOTÃO FECHAR             */
/* ========================= */
.oc-popup-fechar {
    position: absolute;
    top: 16px;
    left: 16px;

    background: transparent;
    border: none;

    font-size: 22px;
    color: #FFFFFF;
    cursor: pointer;
}

/* ========================= */
/* FAVORITAR                */
/* ========================= */
.oc-favoritar-locutor {
    position: absolute;
    top: 16px;
    right: 16px;

    font-size: 22px;
    color: #5AF0A8;
    cursor: pointer;
}

/* ========================= */
/* FOTO CIRCULAR            */
/* ========================= */
.oc-popup-foto-wrapper {
    margin-top: 10px;
    margin-bottom: 16px;
}

.oc-popup-foto-wrapper img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #5AF0A8;
}

/* ========================= */
/* NOME                     */
/* ========================= */
.oc-popup-nome {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

/* ========================= */
/* BIO RÁPIDA               */
/* ========================= */
.oc-popup-bio {
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.9;
    margin-bottom: 20px;
}

/* ========================= */
/* LISTA DE ÁUDIOS          */
/* ========================= */
.oc-popup-audios {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.oc-popup-audio-item {
    background: #090D0F;
    border-radius: 14px;
    padding: 10px;
}

.oc-popup-audio-item audio {
    width: 100%;
}

/* ========================= */
/* TAGS ESTILO – ONE CASTING */
/* ========================= */
.oc-estilos-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.oc-tag {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
}

.oc-tag:hover {
    transform: translateY(-2px);
}

/* 🎙️ Tag original do áudio */
.oc-tag-original {
    background: rgba(255,255,255,0.06);
    color: #C9D4DA;
    border: 1px solid rgba(255,255,255,0.12);
}

/* 🎯 Tag escolhida pelo produtor */
.oc-tag-produtor {
    background: #61F7B0;
    color: #0D1418;
    font-weight: 600;
    box-shadow: 0 0 0 2px rgba(97,247,176,0.15);
}/* End custom CSS */