/**
 * Vecttore SpA — Section Alternating Backgrounds
 * Archivo: assets/css/section-bg.css
 * v12 — Reemplaza selectores [style*="background:..."] por clases CSS
 *
 * Clases: .sec-bg-a (fondo A) / .sec-bg-b (fondo B)
 * Asignadas dinámicamente por site-visibility.js
 */

/* ══════════════════════════════════════════
   LIGHT THEME — Section backgrounds
   ══════════════════════════════════════════ */
.section.sec-bg-a { background: white !important; }
.section.sec-bg-b { background: #f5f5f7 !important; }

/* Gradients (fade edges between sections) */
.section.sec-bg-a::before { background: linear-gradient(to bottom, white, transparent) !important; }
.section.sec-bg-a::after  { background: linear-gradient(to top, white, transparent) !important; }
.section.sec-bg-b::before { background: linear-gradient(to bottom, #f5f5f7, transparent) !important; }
.section.sec-bg-b::after  { background: linear-gradient(to top, #f5f5f7, transparent) !important; }

/* Cards inside sections — alternate with parent */
.section.sec-bg-a .card,
.section.sec-bg-a .met-card,
.section.sec-bg-a .met-toggle,
.section.sec-bg-a .ig-card,
.section.sec-bg-a .showcase-card { background: #fcfcfc; }

.section.sec-bg-b .card,
.section.sec-bg-b .met-card,
.section.sec-bg-b .met-toggle,
.section.sec-bg-b .ig-card,
.section.sec-bg-b .showcase-card { background: white; }

/* Table inside white section */
.sec-bg-a > div > table { background: white; }

/* ══════════════════════════════════════════
   DARK THEME — Section backgrounds
   ══════════════════════════════════════════ */
body.dark-theme .section.sec-bg-a { background: #1c1c1e !important; }
body.dark-theme .section.sec-bg-b { background: #121214 !important; }

/* Gradients dark */
body.dark-theme .section.sec-bg-a::before { background: linear-gradient(to bottom, #1c1c1e, transparent) !important; }
body.dark-theme .section.sec-bg-a::after  { background: linear-gradient(to top, #1c1c1e, transparent) !important; }
body.dark-theme .section.sec-bg-b::before { background: linear-gradient(to bottom, #121214, transparent) !important; }
body.dark-theme .section.sec-bg-b::after  { background: linear-gradient(to top, #121214, transparent) !important; }

/* Cards dark */
body.dark-theme .section.sec-bg-a .card,
body.dark-theme .section.sec-bg-a .met-card,
body.dark-theme .section.sec-bg-a .met-toggle,
body.dark-theme .section.sec-bg-a .ig-card,
body.dark-theme .section.sec-bg-a .showcase-card { background: #2c2c2e; }

body.dark-theme .section.sec-bg-b .card,
body.dark-theme .section.sec-bg-b .met-card,
body.dark-theme .section.sec-bg-b .met-toggle,
body.dark-theme .section.sec-bg-b .ig-card,
body.dark-theme .section.sec-bg-b .showcase-card { background: #1c1c1e; }

/* Table dark */
body.dark-theme .sec-bg-a > div > table { background: #1c1c1e; }