/* ===== NITVIBES Registro — CSS Fix v1.0.1 (solo /registro/) ===== */

:root { --nv-reg-max: 920px; }

/* 1) Centrado del contenido del artículo en la página de registro */
.entry-content > *:not(.alignfull):not(.alignwide) {
  max-width: var(--nv-reg-max);
  margin-left: auto;
  margin-right: auto;
}

/* 2) Tarjeta/contendor del formulario: look & feel consistente */
.entry-content form,
.entry-content .registration-card,
.entry-content .nv-register-card,
.entry-content .wp-block-group:has(form) {
  background: #0f0f13;
  border: 1px solid #1f1f22;
  border-radius: 16px;
  padding: 18px;
  color: #fff;
  box-sizing: border-box;
}

/* 3) Tipografías y labels */
.entry-content form h1,
.entry-content form h2 { margin-top: 0; margin-bottom: 10px; font-weight: 900; }
.entry-content form label { display:block; font-weight:700; color:#ddd; margin-bottom:6px; }

/* 4) Campos */
.entry-content form input,
.entry-content form select,
.entry-content form textarea {
  width: 100%;
  background:#111;
  border:1px solid #2a2a2a;
  color:#fff;
  border-radius:10px;
  padding:10px 12px;
  box-sizing:border-box;
}
.entry-content form textarea { min-height:84px; resize:vertical; }

/* 5) Grid: si hay dos columnas, respétalas; si no, no forzamos. */
.entry-content .wp-block-columns { gap: 12px; }
.entry-content .wp-block-column > * { width: 100%; }
@media (min-width: 781px){
  .entry-content .wp-block-columns { align-items: start; }
}
@media (max-width: 780px){
  .entry-content .wp-block-columns { display: grid; grid-template-columns: 1fr; }
}

/* 6) Acciones (botonera) alineadas a la derecha */
.entry-content .form-actions,
.entry-content .nv-actions {
  display:flex; gap:10px; justify-content:flex-end; margin-top:12px;
}

.entry-content button[type="submit"] {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #f2b300;
  background: #f2b300;
  color: #111;
  font-weight: 900;
}

/* 7) Evitar desplazamiento hacia la derecha por paddings del tema */
.entry-content { padding-left: clamp(8px, 2vw, 16px); padding-right: clamp(8px, 2vw, 16px); }
@media (min-width: 1024px){
  .entry-content { padding-left: 0; padding-right: 0; }
}

/* 8) Alinear check de términos */
.entry-content .terms { display:flex; align-items:center; gap:10px; color:#ccc; font-size:14px; }

/* 9) Seguridad: que el contenedor nunca se desborde en móvil */
@media (max-width: 420px){
  .entry-content form,
  .entry-content .registration-card,
  .entry-content .nv-register-card { padding:14px; border-radius:14px; }
}