/* === LOGIN (solo responsive / sin romper tu login.css) === */
.container{
  width:100% !important;
  max-width: 420px;        /* ancho máximo en desktop */
  margin: 6% auto !important;
  padding: 20px;
  box-sizing: border-box;
}
.container table{
  width:100% !important;   /* sobreescribe el width="60%" inline */
  max-width:100%;
  border-spacing:0;
}
.input-text,
.login-btn,
.btn{
  width:100% !important;   /* inputs y botón a todo el ancho */
  box-sizing:border-box;
}

.header-text{ text-align:center; font-size:24px; }
.sub-text{    text-align:center; font-size:14px; }

/* Móviles */
@media (max-width:768px){
  body{ margin:0 !important; }
  .container{ max-width:92%; margin:10% auto !important; padding:16px; }
  .header-text{ font-size:22px; }
  .sub-text{ font-size:13px; }
}