/* Registro v4 (registro/index.php y registro/verificar.php). Va encima de v4-acceso.css,
   que no se toca: aquí sólo lo que es del alta — ubicación, casilla de términos
   y el panel del render (el captcha B/N está en v4-acceso.css). */

/* El formulario es largo: el render se queda quieto mientras se baja */
.registro .acceso-vis{position:sticky;top:0;height:100svh;align-self:start}
.registro .acceso-vis picture{position:absolute;inset:0;z-index:-2}
.registro .acceso-vis img{object-position:50% 40%}
.reg-vis-txt{display:flex;flex-direction:column;gap:22px}
.reg-vis-txt .cita{max-width:11ch}
.reg-ventajas{list-style:none;margin:6px 0 0;padding:0;max-width:440px;border-top:1px solid rgba(242,242,242,.18)}
.reg-ventajas li{display:flex;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(242,242,242,.18);font-size:14.5px;color:rgba(242,242,242,.86)}
.reg-ventajas li span{font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgba(242,242,242,.5)}

/* Barra de arriba del formulario */
.registro .acceso-form{padding-top:96px;padding-bottom:64px}
.registro .arriba{gap:14px}
.reg-ayuda{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);transition:color .2s}
.reg-ayuda:hover{color:var(--tinta)}
.reg-logo-movil{display:none}

.registro .acceso-caja>.ojo{margin-bottom:-4px}
.registro .acceso-caja .sub b{color:var(--tinta);font-weight:500}
.registro .acceso-caja .sub a,.aviso-form a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.aviso-form.ok{border-color:var(--linea-2);background:var(--fondo-2)}
.aviso-form b{font-weight:500}
.registro .acceso-caja .enlaces{justify-content:flex-start;gap:8px}
.registro .acceso-caja>.btn.lleno,.registro .acceso-caja form>.btn{width:100%;justify-content:space-between;height:52px;margin-top:26px}
.reg-btn-borde{white-space:normal;text-align:left;height:auto!important;min-height:52px;padding-top:10px;padding-bottom:10px}
.reg-btn-txt{min-width:0;overflow-wrap:anywhere}

/* Ubicación: dos tarjetas de 1 px, la elegida con borde de tinta */
fieldset.reg-ubi{border:0;padding:0;margin:18px 0 0;min-width:0}
.reg-ubi legend{padding:0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:9px}
.reg-ubi-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reg-ubi-op{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--linea-2);background:var(--fondo-2);cursor:pointer;transition:border-color .2s,background .2s}
.reg-ubi-op:hover{border-color:var(--tinta-3)}
.reg-ubi-op input{position:absolute;opacity:0;width:0;height:0}
.reg-ubi-cod{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--linea-2);font:500 11.5px/1 var(--mono);letter-spacing:.08em;color:var(--tinta-2);transition:background .2s,color .2s,border-color .2s}
.reg-ubi-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.reg-ubi-txt b{font-weight:500;font-size:15px;line-height:1.1;color:var(--tinta)}
.reg-ubi-txt small{font:400 12px/1.2 var(--disp);color:var(--tinta-3)}
.reg-ubi-ms{grid-column:2;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.reg-ubi-ms b{font-weight:500}
.reg-ubi-op:has(input:checked){border-color:var(--tinta);background:var(--fondo-3)}
.reg-ubi-op input:checked~.reg-ubi-cod{background:var(--inv);color:var(--inv-t);border-color:var(--inv)}
.reg-ubi-op:has(input:focus-visible){outline:2px solid var(--tinta);outline-offset:2px}
.reg-ayuda-campo{display:block;margin-top:9px;font-size:13px;color:var(--tinta-3)}

/* Casilla de términos (mismo marcado de siempre: .consiente-*) */
.consiente{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:22px;cursor:pointer;user-select:none}
.consiente-input{position:absolute;opacity:0;width:0;height:0}
.consiente-box{flex:none;width:18px;height:18px;margin-top:2px;display:grid;place-items:center;border:1px solid var(--linea-2);background:var(--fondo-2);transition:background .18s,border-color .18s}
.consiente-box svg{width:11px;height:11px;stroke:var(--inv-t);opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s}
.consiente:hover .consiente-box{border-color:var(--tinta-3)}
.consiente-input:checked~.consiente-box{background:var(--inv);border-color:var(--inv)}
.consiente-input:checked~.consiente-box svg{opacity:1;transform:none}
.consiente-input:focus-visible~.consiente-box{outline:2px solid var(--tinta);outline-offset:2px}
.consiente-txt{font-size:14px;line-height:1.5;color:var(--tinta-2)}
.consiente-txt a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}

/* El captcha en B/N vive en v4-acceso.css (común); aquí sólo su hueco en el formulario */
.registro .captcha{margin-top:20px}

/* Pie de la caja */
.reg-cifrado{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--linea);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.reg-cifrado svg{width:14px;height:14px}

@media (max-width:900px){
  .registro .acceso-form{padding:20px var(--pad) 48px;justify-content:flex-start}
  .registro .arriba{position:static;justify-content:space-between;margin-bottom:28px}
  .reg-logo-movil{display:inline-flex;margin-right:auto}
}
@media (max-width:420px){
  .registro .campos-2{grid-template-columns:1fr}
  .reg-ubi-op{padding:12px 10px;gap:4px 10px}
  .reg-ayuda{display:none}
}