/* =============================================
   PÁGINA DE EQUIPE
   ============================================= */

/* Foto do grid — força formato quadrado */
.team-member[data-style="bio_fullscreen_alt"] .team-member-image {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
}

.team-member[data-style="bio_fullscreen_alt"] .team-member-image .team-member-image-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.team-member[data-style="bio_fullscreen_alt"] .team-member-image .team-member-image-inner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* Nome do membro no grid — remove caixa alta, reduz tamanho */
.team-member[data-style="bio_fullscreen_alt"] .team-meta h3 {
    text-transform: none !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

/* Cargo no grid — proporcional ao nome */
.team-member[data-style="bio_fullscreen_alt"] .team-meta h5 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

/* ---- MODAL DA EQUIPE: desktop ---- */
@media (min-width: 1000px) {

/* Overlay: fundo escuro centralizado */
.nectar_team_member_overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.55) !important;
    overflow: hidden !important;
}

/* Caixa do modal */
.nectar_team_member_overlay .inner-wrap {
    background: #fff !important;
    max-width: 1100px !important;
    width: 90vw !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 3px !important;
    box-shadow: 0 24px 64px rgba(0,0,0,0.25) !important;
    position: relative !important;
}

/* Layout interno */
.nectar_team_member_overlay .team_member_details {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Foto */
.nectar_team_member_overlay .team_member_picture {
    position: relative !important;
    width: 330px !important;
    min-width: 330px !important;
    height: auto !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    flex-shrink: 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    margin-right: 24px !important;
}

.nectar_team_member_overlay .team_member_picture_wrap {
    width: 100% !important;
    height: 100% !important;
    min-height: 330px !important;
}

.nectar_team_member_overlay .team_member_picture_wrap .team_member_image {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center top !important;
}

/* Bio: ocupa o espaço restante */
.nectar_team_member_overlay .bio-inner {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    order: 1 !important;
    padding: 36px 36px 36px 40px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Texto do bio */
.nectar_team_member_overlay .bio-inner p {
    font-size: 15px !important;
    line-height: 1.75 !important;
}

.nectar_team_member_overlay .bio-inner h2 {
    font-size: 22px !important;
    margin-top: 4px !important;
}

/* Botão X para fechar a modal de equipe */
.cemin-modal-close {
    position: absolute !important;
    top: 12px !important;
    left: 14px !important;
    z-index: 9999 !important;
    background: none !important;
    border: none !important;
    padding: 4px !important;
    cursor: pointer !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #999 !important;
    transition: color 0.2s ease !important;
}
.cemin-modal-close:hover {
    color: #333 !important;
}

/* Esconde o botão circular de fechar do modal de equipe */
.nectar_team_member_close,
.nectar-close-indicator,
.nectar_team_member_overlay .mobile-close {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

} /* fim @media (min-width: 1000px) */

/* Mobile: esconde o botão X customizado e a scrollbar */
@media (max-width: 999px) {
    .cemin-modal-close {
        display: none !important;
    }

    .nectar_team_member_overlay,
    .nectar_team_member_overlay .inner-wrap,
    .nectar_team_member_overlay .team_member_details {
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE/Edge */
    }

    .nectar_team_member_overlay::-webkit-scrollbar,
    .nectar_team_member_overlay .inner-wrap::-webkit-scrollbar,
    .nectar_team_member_overlay .team_member_details::-webkit-scrollbar {
        display: none !important;
    }
}


/* =============================================
   TÍTULO DO TOGGLE PAI
   ============================================= */

/* Título do toggle pai — mais destacado para estabelecer hierarquia */
body div[data-style="animated_circle"] .toggle > .toggle-title > a.toggle-heading,
body div[data-style="animated_circle"] .toggle > .toggle-title > a {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #676767 !important;
}

/* Sub-accordion — mesmo visual do animated_circle do Salient, identado */
.cemin-sub-toggles {
    margin: 0.5em 0 1em 0;
    padding-left: 2em;
    border-left: 2px solid rgba(0,0,0,0.07);
}

.cemin-sub-toggle {
    border-top: 1px solid rgba(0,0,0,0.08);
}


.cemin-sub-toggle-title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    background: transparent !important;
}

.cemin-sub-toggle-label {
    font-size: 0.88em;
    font-weight: 600;
    color: #676767 !important;
    flex: 1;
}

/* SVG icon — igual ao animated_circle do Salient */
.cemin-sub-toggle-icon {
    width: 20px;
    flex-shrink: 0;
    display: flex;
}

.cemin-sub-toggle-icon svg {
    width: 100%;
    height: auto;
    overflow: visible;
}

.cemin-sub-toggle-icon circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
}

.cemin-sub-toggle-icon .nectar-toggle-icon-circle {
    stroke-dasharray: 115;
    stroke-dashoffset: 0;
    opacity: 0.25;
    transition: stroke-dashoffset 0.85s cubic-bezier(0.645,0.045,0.355,1.000);
}

.cemin-sub-toggle-icon .nectar-toggle-icon-circle-hover {
    stroke-dasharray: 115;
    stroke-dashoffset: 115;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.85s cubic-bezier(0.645,0.045,0.355,1.000);
}

.cemin-sub-toggle.open .cemin-sub-toggle-icon .nectar-toggle-icon-circle-hover {
    stroke-dashoffset: 0;
}

.cemin-sub-toggle-icon .plus-line {
    stroke: currentColor;
    stroke-width: 1;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transition: transform 0.85s cubic-bezier(0.645,0.045,0.355,1.000);
}

.cemin-sub-toggle.open .cemin-sub-toggle-icon .plus-line-vertical {
    transform: rotate(90deg);
}

.cemin-sub-toggle.open .cemin-sub-toggle-icon .plus-line-horizontal {
    transform: rotate(90deg) scaleX(0);
}

/* Conteúdo */
.cemin-sub-toggle-inner {
    padding-bottom: 16px;
    font-size: 0.88em;        /* levemente menor que o conteúdo do pai */
    color: #555555;           /* um pouco mais suave que o pai (#404040) */
    line-height: 1.75;
    font-weight: 400;
}

/* Ícone menor que o pai (pai usa 20px, filho usa 16px) */
.cemin-sub-toggle-icon {
    width: 16px;
}
