/* Establecer fondo responsivo */

body {
    margin: 0;
    padding: 0;
}


.main {
    background-image: url(/img/background.webp); /* Cambia a tu ruta de imagen */
    background-size: cover; /* Hace que la imagen cubra toda el área */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita repeticiones */
    height: 100vh; /* Asegura que ocupe el 100% del viewport */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Estilo para el texto */
h1, h5, .info-text {
    font-family: 'Helvetica', sans-serif; /* Cambiar a Helvetica */
    color: #ffffff; /* Color blanco */
    margin: 0;
    text-align: center;
}

/* Estilo para el contenedor */

.marca{
    width: 350px;
}