/*	LOGIN FRAME:START
-------------------------------*/
.login-frame{
	max-width: 450px;
	margin: 2% auto;
   /* ¡Añadimos esto para centrar el contenido! */
    text-align: center; 
}

.login-frame img{
    /* max-width evita que se haga más grande de 300px */
    max-width: 300px; 
    /* ¡Usamos todo el ancho disponible si es menor a 300px! */
    width: 90%; 
    height:auto;
}

.login-loader-frm{
	width: 160px;
	height: 160px;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	display:none;
}
.login-loader{
  border: 14px solid #f3f3f3;
  border-radius: 50%;
  border-top: 14px solid black;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 10% auto;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.acceptFrm{
	margin-top: 45px;
	text-align:center;
}
.acceptFrm label{
	display:none;
}

/*425px - MOBILE L:START
-------------------------------------------------------------*/
@media screen and (max-width: 425px){
    /* Hacemos el logo un poco más pequeño en móviles */
    .login-frame img{
        width: 70%;
        max-width: 250px; /* Podemos reducir el máximo también */
    }
	/* ¡CAMBIO CLAVE! Añadimos padding a los lados para que el contenido no pegue */
    .login-frame {
        padding: 0 1rem; /* 1rem (aprox 16px) a la izquierda y derecha */
        /* Aseguramos que el padding no cambie el cálculo del 100% del ancho */
        box-sizing: border-box; 
    }
}