/* --------------------------------------------------------------- el registro
   Una sola columna estrecha y centrada. Aquí no hay nada que explorar: se
   rellenan tres campos y se sale. Todo lo que no sea eso estorba.
   ------------------------------------------------------------------------ */
.dvr{--ancho:min(560px, calc(100vw - 40px))}
.dvr-caja{padding:6px 0 10px}

.dvr-et{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--oro-texto)}
.dvr-t{margin:0 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.08;font-weight:400;letter-spacing:-.01em;color:var(--tinta)}
.dvr-sub{margin:0 0 30px;font-size:16px;line-height:1.6;color:var(--tinta2);max-width:44ch}

.dvr-mal{border-left:3px solid #B3261E;background:#FCF3F2;padding:14px 16px;margin:0 0 24px}
.dvr-mal p{margin:0 0 6px;font-size:14.5px;line-height:1.55;color:#7A1C16}
.dvr-mal p:last-child{margin:0}
.dvr-mal a{color:#7A1C16;text-decoration:underline;text-underline-offset:3px;font-weight:700}

.dvr-campo{margin:0 0 20px;display:block}
.dvr-campo label,.dvr-acepta label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2);margin:0 0 7px}
.dvr-campo input[type=text],
.dvr-campo input[type=email],
.dvr-campo input[type=password]{
 /* El tema corta los campos a 320 px; aquí la caja ya es estrecha de por sí. */
 width:100%;max-width:none;display:block;border:1px solid var(--linea);border-radius:0;background:#fff;
 padding:14px 15px;font-family:inherit;font-size:16px;line-height:1.3;color:var(--tinta);
 transition:border-color .15s,box-shadow .15s}
.dvr-campo input:focus{outline:0;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(210,171,116,.35)}
.dvr-pista{display:block;margin:7px 0 0;font-size:13.5px;line-height:1.5;color:var(--tinta3)}

.dvr-clave{display:flex;align-items:stretch;gap:0}
.dvr-clave input{flex:1;min-width:0}
/* El tema añade «button is-primary» a cualquier botón; por eso se repite
   la clase, para que mande lo de aquí. */
.dvr .dvr-ojo.dvr-ojo{flex:none;border:1px solid var(--linea);border-left:0;background:var(--suave);cursor:pointer;
 padding:0 16px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.dvr .dvr-ojo.dvr-ojo:hover{background:#fff;color:var(--tinta)}

.dvr-acepta{margin:0 0 28px}
.dvr-acepta label{display:flex;align-items:flex-start;gap:11px;text-transform:none;letter-spacing:0;font-weight:400;font-size:15px;line-height:1.5;color:var(--tinta2)}
.dvr-acepta input{flex:none;width:19px;height:19px;margin:1px 0 0;accent-color:var(--tinta)}
.dvr-acepta a{color:var(--tinta);text-underline-offset:3px}

.dvr-enviar{margin:0}
.dvr-enviar .dva-btn{background:var(--negro);color:#fff;border:0;cursor:pointer;font-family:inherit}
.dvr-enviar .dva-btn:hover{background:var(--oro-suave);color:var(--negro)}

.dvr-pie{margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--linea);font-size:15px;color:var(--tinta2)}
.dvr-pie a{color:var(--tinta);font-weight:700}

@media (max-width:560px){
 .dvr-clave{flex-wrap:nowrap}
 .dvr-ojo{padding:0 12px}
}