/* Configuración global y de fondo */
html, body {
    height: 100%;            /* Asegura que la página ocupe toda la altura */
    margin: 0;               /* Quita márgenes por defecto */
    padding: 0;              /* Quita rellenos por defecto */
    background-color: #f6f1dc; /* Fondo blanco, como solicitaste */
    /* Usamos una fuente limpia para el texto "Soon.." */
    font-family: 'Montserrat', sans-serif;
}

/* Contenedor principal que centrará todo */
.main-container {
    display: flex;
    flex-direction: column;  /* Apila los elementos (logo arriba, texto abajo) */
    
    /* ¡Aquí ocurre la magia del centrado! */
    align-items: center;     /* Centra horizontalmente */
    justify-content: center; /* Centra verticalmente */
    
    height: 100%;            /* Ocupa toda la altura del body */
    text-align: center;
}

/* Estilos para tu logo */
.logo {
    max-width: 280px;        /* Define un tamaño máximo para el logo */
    width: 100%;
    margin-bottom: 20px;     /* Espacio entre el logo y el texto "Soon.." */
}

/* Estilos para el texto "Soon.." */
.subtext {
    font-size: 1.5rem;       /* Tamaño de fuente grande (40px) */
    font-weight: 400;        /* Un peso de fuente ligero y elegante */
    color: #4a4a4a;          /* Un color gris oscuro, no negro puro */
    letter-spacing: 2px;     /* Un ligero espaciado entre letras */
}