/* Registro público: lo propio de esta página. El diseño general (colores, tarjetas, formularios) viene de medsys-tema.css, igual que el aplicativo. */

.registro-caja{ width:100%; max-width:760px; margin:0 auto; padding:24px 16px; }
/* AdminLTE centra la pagina con una altura fija (100vh): un formulario mas alto que la ventana se corta por arriba y no se puede subir a verlo.
   Aqui la pagina crece con su contenido y empieza arriba. */
.login-page{ height:auto; min-height:100vh; justify-content:flex-start; align-items:center; }
.registro-logo{ max-height:90px; width:auto; max-width:100%; }
.registro-pie{ color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.5); }

.registro-etiqueta{ display:block; font-weight:700; font-size:.95rem; margin:.4rem 0 .6rem; color:var(--ms-fg); }
.registro-trampa{ position:absolute; left:-5000px; width:1px; height:1px; overflow:hidden; }

/* ===== PLANES ===== */
.registro-plan-radio{ position:absolute; opacity:0; pointer-events:none; }
.registro-plan{
  display:flex; flex-direction:column; height:100%; margin:0; padding:14px 16px; cursor:pointer;
  background:var(--ms-card, #fff); border:2px solid var(--ms-border); border-radius:10px; font-weight:400;
  transition:border-color .15s, box-shadow .15s;
}
.registro-plan:hover{ border-color:var(--ms-primary); }
.registro-plan-radio:checked + .registro-plan{ border-color:var(--ms-primary); box-shadow:0 0 0 3px rgba(11,94,215,.18); }
.registro-plan-radio:focus-visible + .registro-plan{ outline:2px solid var(--ms-primary); outline-offset:2px; }
.registro-plan-nombre{ font-weight:700; text-transform:uppercase; letter-spacing:.4px; font-size:.85rem; color:var(--ms-muted-fg, #6b7684); }
.registro-plan-precio{ font-size:1.6rem; font-weight:700; line-height:1.15; color:var(--ms-primary); font-variant-numeric:tabular-nums; }
.registro-plan-periodo{ font-size:.8rem; color:var(--ms-muted-fg, #6b7684); margin-bottom:.5rem; }
.registro-plan-lista{ list-style:none; margin:0; padding:0; font-size:.82rem; }
.registro-plan-lista li{ padding:2px 0; }

/* ===== AVANCE ===== */
.registro-estado{ padding:6px 0 4px; }
.registro-icono{ font-size:3.2rem; line-height:1; margin-bottom:.6rem; }

@media (max-width:575.98px){
  .registro-caja{ padding:12px 16px; }
}