/* ───────────────────────────────────────────────────────────────────────────
   settings.css — Rediseño visual de Ajustes (2026-06-22, elegant-horizon)

   Objetivo: uniformidad. TODAS las categorías de Ajustes (Core, WordPress y SEO,
   Marketing/SEM, Avanzado, Sistema y Usuarios) usan EL MISMO molde de tarjeta
   colapsable `.integ-section` (caret + título + cuerpo), cuyo aspecto vive en
   app.css. Antes Sistema tenía un menú horizontal propio (.sistema-subnav) y
   Usuarios una tabla suelta: tres lenguajes visuales. Ahora Sistema = 3 tarjetas
   (Logs/Backups/Plugin) y Usuarios = 1 tarjeta, idénticas a las de integración.

   Este fichero NO redefine el shell de la tarjeta (lo hereda de app.css): solo
   AFINA el contenido que los módulos de Sistema/Usuarios montan dentro de
   `.integ-body`. Esos módulos se escribieron como páginas completas y traen su
   propio padding/cabecera, redundantes dentro de una tarjeta.

   Cargado DESPUÉS de app.css (index.html) para mandar sobre el CSS de página.
   Solo tokens (var(--*)); sin hex → válido en claro y oscuro.
   ─────────────────────────────────────────────────────────────────────────── */

/* El padding de la tarjeta lo da .integ-body (app.css). Los wrappers de página
   internos (.logs-page 32/24/48px, .users-page 32px, .plugin-page) duplicaban
   ese padding y dejaban huecos enormes dentro de la tarjeta → anularlo. */
.section-settings .integ-body .logs-page,
.section-settings .integ-body .plugin-page,
.section-settings .integ-body .users-page {
  padding: 0;
  margin: 0;
}