/* Importación de Montserrat (opcional, por si no la tenías enlazada) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
  margin: 0;
  padding: 0;
  background-color: white;
  
  /* Evita seleccionar elementos como si fuera texto de una web (sensación de app) */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  /* Mejora la respuesta táctil y bloquea gestos extraños del navegador */
  touch-action: manipulation;
}

.arvunova {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Mantuve el fondo blanco y el color de texto corporativo */
  background-color: white;
  color: #1e293b;
}

/* Estilo de la imagen por defecto (Pantallas grandes) */
.logo {
  width: 40%;
  max-width: 400px; /* Límite para que no crezca demasiado en monitores gigantes */
  height: auto;
  transition: width 0.3s ease; /* Transición suave al cambiar de tamaño */
}

/* Ajustes para el texto (corregido el nombre de la fuente y tamaños para que sea responsivo) */
h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 5rem; /* Ajustado a un tamaño más manejable como base */
  text-align: center;
}

.arvunova h1 {
  border: 5px solid #1e293b;
  padding: 15px;
  border-radius: 20px;       
}

/* --- RESPONSIVIDAD PARA MÓVILES --- */
@media (max-width: 768px) {
  
  /* La imagen pasa a ocupar el 80% de la pantalla en móviles */
  .logo {
    width: 80%;
  }

  /* Ajuste del h1 para que no se desborde en pantallas pequeñas (en caso de que lo uses) */
  h1, .arvunova h1 {
    font-size: 2.5rem;
    padding: 10px;
  }
}