/* <!-- Estilos --> */
    /* Fondo oscuro con patrón de puntos */
    body{
      min-height:100vh;
      display:flex; align-items:center; justify-content:center;
      background-color:#202737; /* base */
      background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px);
      background-size: 18px 18px;
      color:#e5e7eb;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    .login-wrap{
      width:100%; 
      max-width: 450px;
    }
    .brand{
      text-align:center; 
      margin-bottom: 18px;
    }
    .brand img{
      max-height: 170px; width:auto;
      filter: drop-shadow(0 6px 16px rgba(0,0,0,.35));
    }
    .login-card{
      background: #242c3b; /* tarjeta */
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 14px 30px rgba(0,0,0,.35);
      padding: 28px;
    }
    .section-title{
      color:#cbd5e1; font-weight:600; margin-bottom:.4rem;
    }
    .form-control, .input-group-text{
      background: #111827; /* campo */
      border: 1px solid #2b3444;
      color:#e5e7eb;
    }
    .form-control::placeholder{ color:#9aa4b2; }
    .input-group-text{
      color:#9aa4b2;
    }
    .form-control:focus{
      background:#0f1624;
      border-color:#53627a;
      box-shadow: 0 0 0 .2rem rgba(83,98,122,.25);
      color:#fff;
    }
    .meta-row{
      display:flex; align-items:center; justify-content:space-between;
      gap:12px; margin-top:.25rem;
    }
    .meta-row a{
      color:#bdc7d6; text-decoration:none;
    }
    .meta-row a:hover{ color:#fff; text-decoration:underline; }
    .btn-login{
      width:100%; font-weight:600;
      background:#9aa4b2; color:#fff;
      border: none;
    }
    .btn-login:hover{ background:#a8b1bf; color:#fff; }
    .alert{ border-radius:12px; }
    @media (max-width: 480px){
      .login-card{ padding: 20px; }
    }

    /* .title-modulo{
      text-align:center;
      font-family:'Oswald', sans-serif;
      font-weight:700;
      text-transform:uppercase;   quítalo si no quieres mayúsculas
      letter-spacing:.6px;
      color:#e5e7eb;
      margin: 6px 0 16px;
    } */