/* ===== Formularios de acceso (registro y login) — tarjeta glass moderna =====
   Compartido por registro.php y login.php; se apoya en el skin cool (teen.css). */
.regWrap{max-width:560px;margin:12px auto}
.regCard{background:rgba(255,255,255,.78);backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:26px 26px 20px;
  box-shadow:0 18px 50px rgba(49,46,129,.14)}
body.teen.oscuro .regCard{background:rgba(30,33,58,.82);border-color:rgba(255,255,255,.12)}
.regCard h1{margin:0 0 4px;font-size:1.55rem;letter-spacing:-.01em}
.regCard .sub{color:#5a6280;font-size:.92rem;margin:0 0 16px}
body.teen.oscuro .regCard .sub{color:#9aa3c7}
.regRoles{display:flex;gap:10px;margin:6px 0 16px}
.regRol{flex:1;border:2.5px solid #dde2f2;border-radius:14px;background:#fff;cursor:pointer;
  padding:12px 10px;text-align:center;transition:all .15s;position:relative}
.regRol input{position:absolute;opacity:0}
.regRol .rIco{font-size:1.7rem;display:block}
.regRol .rTit{font-weight:800;color:#1e2340;display:block;font-size:.95rem;margin-top:2px}
.regRol .rSub{color:#5a6280;font-size:.74rem;display:block;margin-top:1px}
.regRol.sel{border-color:#6366f1;background:#eef0ff;box-shadow:0 6px 18px rgba(99,102,241,.22)}
.regCampo{margin:12px 0}
.regCampo label{display:block;font-weight:700;font-size:.85rem;color:#37415c;margin-bottom:5px}
body.teen.oscuro .regCampo label{color:#c7cdea}
.regCampo input,.regCampo select{width:100%;box-sizing:border-box;padding:12px 14px;font-family:inherit;
  font-size:1rem;border:2px solid #dde2f2;border-radius:12px;background:#fff;transition:border .15s}
.regCampo input:focus,.regCampo select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
/* campo de contraseña con ojo para ver/ocultar */
.regPass{position:relative}
.regPass input{padding-right:46px}
.regOjo{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;
  cursor:pointer;font-size:1.15rem;line-height:1;padding:8px;border-radius:8px;color:#64748b}
.regOjo:hover{background:#eef0ff}
.regBtn{width:100%;border:none;cursor:pointer;margin-top:6px;padding:14px;border-radius:14px;
  font-family:inherit;font-size:1.08rem;font-weight:800;color:#fff;
  background:linear-gradient(120deg,#6366f1,#a855f7 55%,#06b6d4);
  box-shadow:0 10px 24px rgba(99,102,241,.35);transition:transform .15s}
.regBtn:hover{transform:translateY(-2px)}
.regPie{text-align:center;color:#5a6280;font-size:.85rem;margin-top:12px}
.regSeguro{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px;
  color:#5a6280;font-size:.74rem}