/* =========================================================
   🧱 Fondo principal blanco de tope a tope
========================================================= */

html, body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;   /* Fondo blanco total */
  color: #111111;        /* Texto negro */
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;     /* Evita scroll horizontal */
}

/* 🔹 Redefinición completa de fondo-principal */
.fondo-principal {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: #FFFFFF;      /* Blanco puro */
  border: none;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
}

/* 🔹 Si dentro colocas una imagen (como en tu ejemplo) */
.fondo-principal img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;        /* Cubre toda el área */
  border: none;
  margin: 0;
  padding: 0;
}

/* 🔹 Contenido interno (si hay texto o secciones) */
.fondo-principal section,
.fondo-principal main,
.fondo-principal div {
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #111111;
}