/* Private account workspace, using the existing editorial identity. */
body main.account{max-width:1040px;margin:auto;padding:40px 24px 64px}
.account:has(form[action="/cuenta/codigo"]){max-width:600px}
.account .account-shortcuts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 32px;padding-bottom:16px;border-bottom:1px solid var(--editorial-line)}
.account .account-shortcuts a{min-height:44px;display:inline-flex;align-items:center}
.account .account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.account .account-grid .card{margin:0;padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.account .account-grid .card>p{flex:1}
.account .account-section{margin-top:40px;scroll-margin-top:24px}
.account .account-secondary{margin-top:18px}
body main.account .orders{list-style:none;padding:0}
.account .orders .card{padding:24px}
.account #mi-perfil{border-top:1px solid var(--editorial-line);padding-top:24px}
.account #mi-perfil form{max-width:480px;margin:16px 0}
.account #mi-perfil details{margin-top:24px}
.account .button{white-space:normal;text-align:center;max-width:100%}
@media(max-width:640px){body main.account{padding:28px 16px 40px}.account .account-grid{grid-template-columns:1fr}.account .account-grid .card,.account .orders .card{padding:20px}.account .account-shortcuts{gap:6px 18px}.account p{overflow-wrap:anywhere}}
