/* Elimina márgenes rebeldes del navegador que crean bordes blancos */
html, body {
  margin: 0;
  padding: 20px; /* Le da espacio a tu texto para que no toque los bordes */
  min-height: 100vh;
}

body {
  color: white; 
  font-family: Verdana;
  background-color: black; /* Si algo falla, el fondo será negro y no blanco */
}

a {
  color: #00ffcc; 
}

/* Contenedor del mosaico ultra ajustado */
.mosaico-fondo {
  position: fixed;
  top: -5px;     /* Se estira un pixel hacia afuera para tapar fugas */
  left: -5px;
  width: calc(100vw + 10px);
  height: calc(100vh + 10px);
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  
  display: grid;
  /* Controla el tamaño de los cuadros del mosaico (250px cada uno) */
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(250px, 1fr));
  gap: 0; /* Asegura cero espacio entre videos */
}

/* Estiramiento absoluto de cada GIF */
.mosaico-fondo iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1.05); /* Hace un mini zoom para eliminar bordes blancos del iframe */
  margin: 0;
  padding: 0;
  border: none;
}