/* Estilos para el cuerpo de la página (el fondo) */
body {
    background-color: rgb(0, 0, 0); /* Fondo black */
    margin: 0; /* Quita los márgenes por defecto del navegador */
    padding: 0;
    display: flex;           /* Activa el modo flexbox para centrar el contenido */
    justify-content: center; /* Centra horizontalmente */
    align-items: center;     /* Centra verticalmente */
    min-height: 100vh;       /* El cuerpo ocupa al menos el 100% de la altura de la ventana */
    font-family: sans-serif; /* Una fuente genérica y legible */
}

/* Estilos para el contenedor principal */
.contenedor {
    text-align: center; /* Centra el logo y los botones horizontalmente */
    padding: 20px;
}

/* Estilos para el logo */
.logo {
    max-width: 300px;  /* Ajusta este valor al tamaño de tu logo */
    height: auto;      /* Mantiene la proporción */
    margin-bottom: 30px; /* Espacio entre el logo y los botones */
}

/* Estilos para el contenedor de los botones */
.botones-ocultos {
    display: flex;          /* Pone los botones uno al lado del otro */
    justify-content: center; /* Los centra */
    gap: 20px;              /* Espacio entre los botones */
}

/* Estilos base para ambos botones (así se ven cuando son visibles) */
.boton {
    display: inline-block;
    padding: 12px 24px;
    background-color: white; /* Fondo negro para que resalten en black */
    color: rgb(0, 0, 0);            /* Texto black */
    text-decoration: none;   /* Quita el subrayado del enlace */
    font-weight: bold;
    border-radius: 5px;      /* Bordes ligeramente redondeados */
    transition: background-color 0.3s; /* Efecto suave al pasar el ratón */
}

/* Efecto al pasar el ratón por encima (opcional, para darle vidilla) */
.boton:hover {
    background-color: #e0e0e0; /* Un gris más claro */
}

/* --- ESTA ES LA PARTE DE "BOTONES OCULTOS" --- */
/* Por defecto, ambos botones están ocultos */
.boton-1, .boton-2 {
    display: none;
}

/* Si quieres que SOLO UNO sea visible (ej. para pruebas), cambia su 'display' a 'block' */
/* .boton-1 {
    display: inline-block;
} */