/* =========================================================
   🏦 Fondo Blanco Total — sin márgenes ni bordes
   - Cubre toda la pantalla
   - Sin sombras, sin gradientes
   - Ideal para diseño tipo "banco" limpio y minimalista
========================================================= */

:root {
  --white: #ffffff;
  --text: #000000; /* texto negro sobre fondo blanco */
}

/* =============================
   ⚙️ Base general
============================= */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: var(--white);
  color: var(--text);
  font-family: 'Inter', system-ui, Arial, sans-serif;
  overflow-x: hidden;
}

/* =============================
   🏦 Fondo principal blanco
============================= */
.fondo-principal {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--white);
  color: var(--text);
  position: relative;
  overflow: hidden;
}