/* Tarjeta de ingreso con la tipografia Hermes. Requiere: <body class="bienvenida"> y tipografia-hermes.css.
   Se aplica sobre la estructura EXISTENTE (no cambia el HTML): .card > marca, h1/h2, label, input, button, p/small, a */
.bienvenida .card{
  width:min(384px,92vw);box-sizing:border-box;padding:28px 26px 24px;
  background:rgba(8,8,48,.60);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(242,242,255,.16);border-radius:var(--bv-radius);
  box-shadow:0 24px 70px rgba(0,0,70,.55);color:var(--bv-text);
}
/* marca: Compressed, mayusculas */
.bienvenida .card .brand,.bienvenida .card .logo-text{
  font-family:var(--bv-font-compressed);font-weight:var(--bv-brand-weight);text-transform:uppercase;font-size:26px;letter-spacing:.02em;line-height:1;
}
/* titulo: Display ligero, tracking negativo (como el h1 del sitio) */
.bienvenida .card h1,.bienvenida .card h2{
  font-family:var(--bv-font-display);font-weight:300;font-size:46px;line-height:1;letter-spacing:var(--bv-h1-ls);
  margin:22px 0 20px;color:var(--bv-text);
}
/* etiquetas: mono 11px mayusculas */
.bienvenida .card label{
  display:block;font-family:var(--bv-font-mono);font-size:var(--bv-label-size);font-weight:400;text-transform:uppercase;
  color:var(--bv-text-soft);margin:0 0 6px;
}
/* campos */
.bienvenida .card input{
  width:100%;box-sizing:border-box;height:44px;padding:0 12px;margin:0 0 16px;
  font-family:var(--bv-font-mono);font-size:14px;color:var(--bv-text);
  background:rgba(0,0,40,.55);border:1px solid rgba(242,242,255,.22);border-radius:var(--bv-radius);outline:none;
  transition:border-color .2s,background .2s;
}
.bienvenida .card input:focus{border-color:var(--bv-paper);background:rgba(0,0,60,.7);}
/* boton primario: papel claro + texto azul Hermes, mayusculas */
.bienvenida .card button[type=submit],.bienvenida .card .btn-primary{
  width:100%;height:44px;padding:7px 12px;border:0;border-radius:var(--bv-radius);cursor:pointer;
  font-family:var(--bv-font-ui);font-size:var(--bv-btn-size);font-weight:var(--bv-btn-weight);letter-spacing:var(--bv-btn-ls);text-transform:uppercase;
  background:var(--bv-paper);color:var(--bv-primary);transition:background .2s,color .2s;
}
.bienvenida .card button[type=submit]:hover,.bienvenida .card .btn-primary:hover{background:#fff;}
.bienvenida .card button[type=submit]:active{background:#dcdcff;}
/* textos menores y enlaces */
.bienvenida .card p,.bienvenida .card small{font-family:var(--bv-font-mono);font-size:11px;line-height:1.6;color:var(--bv-text-soft);margin:14px 0 0;}
.bienvenida .card a{color:var(--bv-text);text-decoration:underline;text-underline-offset:2px;}
/* botones secundarios (p. ej. icono de tema): estilo fantasma del sitio */
.bienvenida .btn-ghost{font-family:var(--bv-font-ui);font-size:14px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;
  background:transparent;color:var(--bv-text);border:1px solid transparent;border-radius:1.75px;padding:10px 12px;cursor:pointer;}
.bienvenida .btn-ghost:hover{border-color:rgba(242,242,255,.3);}