.black-acc__wrapper {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}

.black-acc::part(base) {
border: none;
background: transparent;
}

.black-acc::part(header) {
padding: 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 16px;
background: #181818;
color: #FFFCF2 !important;
font-family: Mulish;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 140%; 
letter-spacing: 0.96px;
text-transform: uppercase;
}

.black-acc::part(content) {
padding: 16px;
align-items: center;
color: #181818 !important;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 24px; 
border-radius: 0 0 16px 16px;
background: #FFFCF2;
margin-top; -16px !important
}

sl-details.black-acc::part(summary-icon) {
  transform: rotate(-90deg); /* de derecha → arriba */
  transition: transform .2s ease;
}

/* Apunta ABAJO cuando está abierto */
sl-details.black-acc[open]::part(summary-icon) {
  transform: rotate(0deg); /* arriba → abajo */
}