*{
    margin: 0;
    border: 0;
    padding: 0;
}



@media only screen and (min-width: 375px){
    
.mobile-container {
    width: 375px; /* Ancho típico de un iPhone */
    height: 100%; /* Altura típica de un iPhone */
    margin: 0 auto; /* Centra horizontalmente */
    position: relative;
    top: 50%; /* Centra verticalmente */
    transform: translateY(-50%);
    overflow: auto; /* Permite hacer scroll si el contenido es más grande que el contenedor */
}

/* Estilo para asegurarse de que todo el contenido esté contenido dentro de este tamaño */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 450px){
 
.mobile-container {
    width: 375px; /* Ancho típico de un iPhone */
    height: 100%; /* Altura típica de un iPhone */
     border: 1px solid #ccc; /* Para que se vea como un contorno de móvil */
    margin: 0 auto; /* Centra horizontalmente */
    position: relative;
    top: 50%; /* Centra verticalmente */
    transform: translateY(-50%);
    overflow: auto; /* Permite hacer scroll si el contenido es más grande que el contenedor */
}

/* Estilo para asegurarse de que todo el contenido esté contenido dentro de este tamaño */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
}

#centrar-inicio{
    position: fixed; /* ó absolute */
    top: 25%;
    width:100%;
    
    
}

#centrar-token{
    position: fixed; /* ó absolute */
    top: 25%;
    width:100%;
}

#centrar{
    position: fixed; /* ó absolute */
    top: 40%;
    width:100%;
}