/* Tema oscuro aplicado a contenedores de auth */
:root {
  --plx-gold: #c9a44f;
  --plx-card: #161616;
  --plx-text: #f2f2f2;
  --plx-muted: #b5b5b5;
  --radius: 14px;
}
body{
  background: var(--plx-bg);
  color: var(--plx-text);
}
#loginSection, #registerSection, .plx-auth-container{
  max-width: 520px;
  margin: 64px auto;
  padding: 28px 30px;
  background: var(--plx-card);
  color: var(--plx-text);
  border-radius: var(--radius);
  box-shadow: 0 16px 44px rgba(0,0,0,.45);
}
.plx-auth-title{
  margin: 0 0 18px;
  font-size: 30px;
  color: #fafafa;
  opacity: 0.95;
  font-weight: 800;
}
.plx-field{ margin: 14px 0; }
.plx-field label{ display:block; color: #d0d0d0; margin-bottom: 6px; font-size: 14px; }
.plx-input{
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  border: 1px solid #2a2a2a;
  background: #0d0d0d;
  color: #f1f1f1;
  border-radius: 10px;
  font-size: 15px;
}
.plx-input:focus{ outline:none; border-color:#7a6126; box-shadow:0 0 0 3px rgba(201,164,79,.2); }

.plx-password-row{ display:flex; align-items:center; gap:10px; }
.plx-toggle{ cursor: pointer; user-select: none; font-size: 20px; line-height: 1; }

.plx-btn{
  width: 100%;
  background: var(--plx-gold);
  color: #1b1b1b;
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 800;
  cursor: pointer;
}
.plx-btn:hover{ filter: brightness(0.93); }

.plx-inline{ text-align:center; color: var(--plx-muted); margin-top: 14px; }
.plx-inline a{ color: var(--plx-text); text-decoration: underline; }

.error-text{ color:#ff6b6b; margin-top:8px; }

.hidden{ display: none !important; }
/* Ajustes UX de inputs y header */
.header .container { display:flex; justify-content:flex-start; }
.plx-input { background:#ffffff; color:#222; border:1px solid #ddd; }
.plx-input:focus { border-color:#b68d3a; box-shadow:0 0 0 3px rgba(201,164,79,.2); }