/* Variável global para centralizar o radius de todos os blocos */
:root {
    --su-global-radius: 8px; /* Altera o valor aqui para mudar tudo no site */
}

/* ==========================================
   SU_NOTE
   ========================================== */
.su-note {
    border-radius: var(--su-global-radius) !important;
    overflow: hidden; /* Evita que o fundo transborde os cantos arredondados */
}

.su-note-inner {
    border-radius: calc(var(--su-global-radius) - 1px) !important;
}

/* ==========================================
   SU_BOX
   ========================================== */
.su-box {
    border-radius: var(--su-global-radius) !important;
    overflow: hidden; /* Garante que o header e o conteúdo respeitam a curva */
}

/* Ajusta o cabeçalho/título da caixa */
.su-box-title {
    border-top-left-radius: var(--su-global-radius) !important;
    border-top-right-radius: var(--su-global-radius) !important;
}

/* Ajusta a área de conteúdo da caixa */
.su-box-content {
    border-bottom-left-radius: var(--su-global-radius) !important;
    border-bottom-right-radius: var(--su-global-radius) !important;
}