.sanfona-transp-container {
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: visible;
    position: relative;
}

.sanfona-transp-header {
    cursor: pointer;
    position: relative;
    display: block;
}

.sanfona-transp-header > div {
    width: 100%;
}

/* Seta sobreposta, sem ocupar espaço */
.sanfona-transp-toggle-icon {
    position: absolute;
    right: 24px;
    top: 50%;
    z-index: 20;

    width: 36px;
    height: 36px;
    padding: 0;

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

    color: #7203dd;
    transform: translateY(-50%);
    transition: background-color 0.2s ease;
}

/* Esconde o ícone padrão do Elementor */
.sanfona-transp-toggle-icon i {
    display: none;
}

/* Cria a seta via CSS */
.sanfona-transp-toggle-icon::before {
    content: "";
    width: 23px;
    height: 23px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
}

/* Estado aberto: seta para cima */
.sanfona-transp-container.is-active .sanfona-transp-toggle-icon {
    transform: translateY(-50%);
}

.sanfona-transp-container.is-active .sanfona-transp-toggle-icon::before {
    transform: rotate(225deg);
}

/* Remove arredondamento inferior do nível 1 quando aberto */
.sanfona-transp-container.is-active 
.sanfona-transp-header 
.container-global-projeto-transparencia {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Mantém transição suave no card do nível 1 */
.sanfona-transp-header .container-global-projeto-transparencia {
    transition: border-radius 0.25s ease;
}