:root{--oro:#d4af37;--texto:#f5f1e8;--suave:rgba(255,255,255,.62);--borde:rgba(212,175,55,.2)}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100vh;font-family:"Montserrat",sans-serif;color:var(--texto);background:radial-gradient(circle at 10% 0,rgba(212,175,55,.14),transparent 32%),#090909}
button,input{font:inherit}button{cursor:pointer}
.cuenta-header{width:min(1120px,calc(100% - 28px));height:76px;margin:14px auto 0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--borde);border-radius:20px;background:rgba(10,10,10,.88)}
.cuenta-header>a:first-child{width:112px;height:76px}.cuenta-header img{width:112px;height:106px;object-fit:contain}.cuenta-header>a:last-child{color:var(--oro);font-size:.82rem;font-weight:800;text-decoration:none}
.cuenta-main{width:min(1060px,calc(100% - 28px));margin:0 auto;padding:55px 0 80px}
.cuenta-intro{text-align:center;margin-bottom:30px}.cuenta-intro p,.cuenta-panel-cabecera p,.pedidos-titulo p{margin:0;color:var(--oro);font-size:.66rem;font-weight:800;letter-spacing:.24em}.cuenta-intro h1,.cuenta-panel-cabecera h1{margin:8px 0 10px;font:700 clamp(2.2rem,5vw,4rem) "Cinzel",serif}.cuenta-intro span{color:var(--suave)}
.cuenta-formularios{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.cuenta-card{padding:28px;border:1px solid var(--borde);border-radius:24px;background:rgba(255,255,255,.04);box-shadow:0 30px 75px rgba(0,0,0,.25)}
form.cuenta-card{display:flex;flex-direction:column;gap:9px}.cuenta-card h2,.pedidos-titulo h2{margin:0 0 14px;font:700 1.45rem "Cinzel",serif}.cuenta-card label{font-size:.76rem;font-weight:700;color:rgba(255,255,255,.78)}.cuenta-card input{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;outline:none;color:#fff;background:#090909}.cuenta-card input:focus{border-color:var(--oro);box-shadow:0 0 0 3px rgba(212,175,55,.12)}.cuenta-card button,.cuenta-panel-cabecera button{min-height:46px;margin-top:10px;border:0;border-radius:11px;color:#111;background:var(--oro);font-weight:900}
.cuenta-estado{min-height:25px;text-align:center;color:#ff9b9b;font-size:.8rem}
.cuenta-panel-cabecera{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.cuenta-panel-cabecera h1{font-size:clamp(2rem,4vw,3.2rem)}.cuenta-panel-cabecera span{color:var(--suave)}.cuenta-panel-cabecera button{padding:0 16px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.14)}
.cuenta-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.cuenta-resumen article{padding:20px;border:1px solid var(--borde);border-radius:18px;background:rgba(255,255,255,.04)}.cuenta-resumen span{display:block;margin-bottom:8px;color:var(--suave);font-size:.73rem}.cuenta-resumen strong{color:var(--oro);font:700 1.55rem "Cinzel",serif}
.pedidos-titulo{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.pedidos-titulo h2{margin-top:5px}.pedidos-titulo a{padding:9px 12px;border-radius:10px;color:#111;background:var(--oro);font-size:.75rem;font-weight:900;text-decoration:none}
.cliente-pedido{margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0d0d0d}.cliente-pedido-cabecera{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.cliente-pedido h3{margin:0;font-size:.9rem}.cliente-pedido strong{color:var(--oro)}.cliente-pedido .estado{padding:5px 8px;border-radius:999px;background:rgba(212,175,55,.13);color:#e8c85e;font-size:.68rem;font-weight:800}.cliente-pedido small{display:block;margin-top:7px;color:var(--suave)}.cliente-items{margin:12px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none}.cliente-items li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;color:rgba(255,255,255,.68);font-size:.74rem}.cuenta-vacio{padding:35px;text-align:center;color:var(--suave)}
.cuenta-mensaje{position:fixed;right:18px;bottom:18px;max-width:340px;padding:14px 18px;border:1px solid var(--borde);border-radius:12px;background:#171717;box-shadow:0 20px 50px rgba(0,0,0,.45);font-size:.8rem}
@media(max-width:720px){.cuenta-formularios{grid-template-columns:1fr}.cuenta-resumen{grid-template-columns:1fr}.cuenta-panel-cabecera{align-items:flex-start;flex-direction:column}.cliente-pedido-cabecera{grid-template-columns:1fr auto}.cliente-pedido-cabecera strong{grid-column:1/-1}.cuenta-card{padding:20px 14px}}
@media(max-width:480px){.cuenta-header{height:64px;padding:0 12px}.cuenta-header>a:first-child,.cuenta-header img{width:88px}.cuenta-header img{height:84px}.cuenta-header>a:last-child{font-size:.7rem}.cuenta-main{width:calc(100% - 20px);padding-top:38px}.pedidos-titulo{align-items:flex-start;flex-direction:column}}