/* tracking.html: login del tracking (página sin header ni footer) */

.tk-body{
  min-height:100vh;min-height:100dvh;margin:0;
  background-color:#161d24;
  background-image:linear-gradient(180deg,#2a313a 0%,#161d24 55%,#0e1216 100%);
  background-attachment:fixed;
}

.tk{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,4vw,2rem);box-sizing:border-box}

/* Tarjeta de acceso */
.tk-card{width:min(576px,100%);border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.tk-logo{background:#fff;display:flex;justify-content:center;align-items:center;padding:.15rem 1rem}
.tk-logo img{display:block;height:76px;width:auto;max-width:100%;object-fit:contain}

.tk-cuerpo{
  background:rgba(40,46,54,.55);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:#fff;text-align:center;padding:1.25rem clamp(1.25rem,4vw,1.25rem) 1.5rem;
}
.tk-cuerpo h1{font-family:var(--font-body);font-weight:400;font-size:clamp(1.6rem,3.5vw,1.9rem);letter-spacing:0;color:#fff;margin:0 0 .75rem}
.tk-icono{display:block;width:132px;height:132px;margin:0 auto 1.25rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}

/* Formulario */
.tk-form{display:grid;gap:.4rem;text-align:left}
.tk-form label{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.75)}
.tk-form input{background:#fff;color:#161d24;border:1px solid #cfd4da;border-radius:4px;padding:.45rem .8rem;font-size:.95rem;margin-bottom:.9rem}
.tk-form input::placeholder{color:#6b7280}
.tk-form input:focus{outline:2px solid var(--brand-red);outline-offset:1px}
.tk-form .btn{justify-self:center;margin-top:.1rem;padding:.6rem 1.1rem;border-radius:4px;font-weight:500}
.tk-status{margin:.6rem 0 0;font-size:.9rem;text-align:center;color:#fff;max-width:none}
.tk-status:empty{display:none}

@media (max-width:420px){
  .tk-logo img{height:60px}
  .tk-icono{width:108px;height:108px}
}