.cuenta { max-width: 480px; margin: 48px auto 64px; padding: 0 18px; }
.cuenta h1 { margin-bottom: 12px; }
.cuenta > p { color: #3c4b40; line-height: 1.5; }
.cuenta form { display: flex; flex-direction: column; gap: 10px; margin-top: 25px; }
.cuenta label { margin-top: 8px; font-weight: 600; }
.cuenta input { box-sizing: border-box; width: 100%; min-height: 46px; padding: 10px 12px;
  border: 1px solid #87968a; border-radius: 6px; font: inherit; background: #fff; }
.cuenta input:focus { outline: 2px solid #397248; outline-offset: 2px; }
.cuenta small { color: #58655b; }
.cuenta button { min-height: 46px; margin-top: 14px; border: 0; border-radius: 6px;
  color: #fff; background: #285e39; font: inherit; font-weight: 600; cursor: pointer; }
.cuenta button:hover { background: #1d482b; }
.enlaces-cuenta { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 24px; }
.aviso { padding: 12px; border-radius: 6px; background: #e9f4ea; }
.aviso.error { background: #fae8e5; color: #782d25; }
.datos-cuenta { display: grid; grid-template-columns: 110px 1fr; gap: 9px; }
.datos-cuenta dt { font-weight: 600; }
.datos-cuenta dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 520px) { .cuenta { margin-top: 25px; } }
.salir-form { display: inline; margin: 0; }
.salir-boton { border: 0; padding: 0; background: none; color: inherit;
  font: inherit; text-decoration: underline; cursor: pointer; }