/* ============================================================
   ABC DEL K-BEAUTY (26/10/2026) — se suma a legal.css (cabecera, pie, tipografía base).
   Formato tomado de Skinko: título centrado, índice por rangos de letras y una lista
   de ingredientes en acordeón con "+" a la derecha y una línea fina entre filas.
   ============================================================ */
.abc-doc h1{text-align:center}
.abc-sub{text-align:center;font-size:1.02rem;opacity:.75;margin:.8rem 0 0}

/* Rango de letras (A, C-E, G-P, Q-V) */
.legal-doc .abc-letter{
  font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.2em;color:var(--gold-text);
  margin:2.8rem 0 .2rem;padding:0;border:0;
}

.abc-item{border-bottom:1px solid rgba(31,45,58,.2)}
.abc-letter + .abc-item{border-top:1px solid rgba(31,45,58,.2)}
.abc-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 0;font-size:1.04rem;font-weight:600;line-height:1.4;
}
.abc-item summary::-webkit-details-marker{display:none}
.abc-item summary:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}
@media(hover:hover){.abc-item summary:hover{color:var(--gold-text)}}

/* "+" que pasa a "−" al abrir: dos barras, la vertical gira hasta alinearse con la horizontal */
.abc-plus{position:relative;width:14px;height:14px;flex-shrink:0}
.abc-plus::before,.abc-plus::after{
  content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor;
  transition:transform .2s ease;
}
.abc-plus::after{transform:rotate(90deg)}
.abc-item[open] .abc-plus::after{transform:rotate(0)}

.abc-body{padding:0 0 1.3rem}
.abc-body p{margin:0 0 .7rem}
.abc-donde{font-size:.86rem;opacity:.85}

.abc-nota{font-size:.82rem;opacity:.65;margin:3rem 0 1.2rem}
.abc-cta{text-align:center;margin:0}
.abc-cta a{font-weight:600;font-size:1rem}

@media(prefers-reduced-motion:reduce){.abc-plus::before,.abc-plus::after{transition:none}}