#seccion-principal {
  min-height: 100vh;
  background: 
    linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), /* más claro */
    url('../assets/img/fondo_pantalla.jpg') center center fixed;
  background-size: cover;
  background-repeat: no-repeat;
}



/* Tamaño más pequeño */
#logo3d {
  max-width: 70%;
  transition: transform 4s ease-in-out, filter 0.3s;

  /* Quitar fondo negro */
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;

  /* Sombra suave */
  filter: drop-shadow(0 10px 25px rgba(0,0,0,0.25));
}

/* Animación tipo "flotando" */
.logo-flotante {
  animation: flotar 6s ease-in-out infinite;
}

/* Hover profesional */
#logo3d:hover {
  transform: scale(1.05);
}

/* Keyframes del efecto flotante */
@keyframes flotar {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}