@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101010;color:#f5f5f5;font-family:Poppins,Arial,sans-serif}header,main,.contenedor-redes{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}a{color:inherit}header a{text-decoration:none}header img{object-fit:contain}main{padding-top:48px}.eyebrow{color:#d1ab65;font-size:.8rem;letter-spacing:.15em}h1{font-size:clamp(2rem,5vw,3rem);margin:8px 0}.intro,.hint{color:#bdbdbd}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:24px}.card{background:#1c1c1c;border:1px solid #393939;border-radius:16px;padding:28px}h2{font-size:1.2rem;margin-top:0}label{display:block;margin:20px 0 8px}input{width:100%;padding:13px;border-radius:8px;border:1px solid #777;background:#121212;color:white;font:inherit}input[readonly]{color:#bdbdbd}.hint{font-size:.8rem}button{padding:13px 20px;background:#e5c58d;color:#171717;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:#f4cbcb;border:1px solid #947575;margin-top:24px}.action{display:block;padding:18px 0;border-bottom:1px solid #444}dt{color:#bdbdbd;font-size:.85rem}dd{margin:4px 0 18px}#status{white-space:pre-line}#status.error{color:#ffb5b5}:focus-visible{outline:3px solid #edc880;outline-offset:4px}.redes{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;list-style:none;padding:0}.logo-redes{width:36px;height:36px;object-fit:contain}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}.card{padding:20px}header,main{padding:20px}}
 .order-card{margin-top:20px;overflow-wrap:anywhere}.order-card p{line-height:1.6}

/* Paleta azul del correo, limitada a Mi perfil. */
.profile-page button{background:#1565c0;color:#ffffff}
.profile-page button:hover:not(:disabled){background:#15345b}
.profile-page .secondary{background:#e3f2fd;color:#15345b;border:1px solid #e3f2fd}
.profile-page .secondary:hover:not(:disabled){background:#c7e5fc;color:#15345b}
.profile-page .eyebrow{color:#90caf9}
.profile-page :focus-visible{outline-color:#90caf9}
.orders-page main{padding-top:24px}
.profile-page #data-title{font-size:1.2rem;margin:0 0 16px}.profile-page #profile-form input{min-width:0}.profile-page #profile-form button{max-width:100%;white-space:normal}
.profile-compact main{padding-top:24px}
.profile-compact main>.eyebrow{margin:0 0 12px}
.profile-compact .grid{margin-top:16px}
.profile-compact #status:empty{display:none}
.order-details{border-top:1px solid #555;margin-top:22px;padding-top:18px}.order-details li{margin:14px 0;line-height:1.6}