/* Ventana de pago y página del pedido */
.pg{padding-top:104px;}
.pg h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:10px;}
.pasos{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin-bottom:26px;font-size:.8rem;}
.pasos li{padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--gray);}
.pasos li.hecho{color:var(--green);border-color:rgba(34,197,94,.4);}
.pasos li.actual{color:#04101a;background:var(--cyan);border-color:var(--cyan);font-weight:700;}
.pg-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;}
@media(max-width:960px){.pg-grid{grid-template-columns:1fr;}}
.pg-caja{border:1px solid var(--line);border-radius:16px;padding:22px;background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:18px;min-width:0;}
.pg-caja legend{font:700 1.05rem 'Space Grotesk',sans-serif;padding:0 8px;display:flex;align-items:center;gap:10px;}
.num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,217,255,.14);color:#0077a8;font-size:.85rem;}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:10px;}
@media(max-width:600px){.campos{grid-template-columns:1fr;}}
.campo{display:grid;gap:5px;align-content:start;}
.campo.ancho{grid-column:1/-1;}
.campo label{font-size:.82rem;font-weight:600;}
.op{font-weight:400;color:var(--gray);}
.campo input{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(11,18,32,.14);color:var(--white);font:inherit;width:100%;}
.campo input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(0,217,255,.18);}
.campo input[aria-invalid="true"]{border-color:var(--red);}
.err{color:#475467;font-size:.76rem;min-height:1.15em;}
.pg-nota{font-size:.78rem;color:var(--gray);margin-top:10px;}
.pg-nota a,.acepta a{color:#0077a8;text-decoration:underline;}
.pg-nota.centro{text-align:center;}
.pg-pago{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:#0b1220;margin-top:8px;}
.pg-pago svg{width:26px;height:26px;color:#0077a8;flex-shrink:0;margin-top:2px;}
.pg-resumen{position:sticky;top:90px;}
@media(max-width:960px){.pg-resumen{position:static;}}
.pg-resumen h2{font-size:1.15rem;margin-bottom:12px;}
.lineas{display:grid;gap:10px;margin-bottom:14px;}
.linea{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);}
.linea .ft{width:54px;height:46px;object-fit:contain;background:#fff;border-radius:7px;padding:3px;display:grid;place-items:center;color:#0b1220;font-size:.6rem;font-weight:700;}
.linea .n{font-size:.82rem;font-weight:600;line-height:1.3;}
.linea .d{font-size:.72rem;color:var(--gray);}
.linea .pr{font-size:.84rem;font-weight:700;text-align:right;white-space:nowrap;}
.linea .t-cant{margin-top:4px;}
.fila{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;color:var(--gray);padding:3px 0;}
.fila b{color:var(--white);text-align:right;}
.fila.total{font-size:1.1rem;color:var(--white);font-weight:700;border-top:1px dashed var(--line);padding-top:10px;margin-top:4px;}
.acepta{margin:14px 0 4px;}
.pg-imprimir{display:block;margin:10px auto 0;background:none;border:none;color:var(--gray);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer;}
.pg-imprimir:hover{color:#0077a8;}
.pg-resultado{margin-top:16px;padding:16px;border-radius:12px;border:1px solid rgba(245,176,65,.5);background:rgba(245,176,65,.08);font-size:.86rem;}
.pg-resultado.ok{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08);}
.pg-resultado h3{font-size:1rem;margin-bottom:6px;}
.pg-resultado p+p{margin-top:8px;}
.pg-resultado .btn{margin-top:12px;width:100%;justify-content:center;}
.btn.wa{background:#25d366;color:#04101a;}
.pg-vacio{text-align:center;padding:60px 0;}
.pg-vacio p{color:var(--gray);margin:8px 0 18px;}
.estado-pedido{max-width:640px;}
.estado-pedido .ref{font:700 1.3rem 'Space Grotesk',sans-serif;color:#0077a8;word-break:break-all;}
@media print{
  header,footer,.pasos,.pg-imprimir,.t-pagar,.acepta,.pg-datos fieldset:last-child,.wa-flotante,.saltar{display:none!important;}
  body{background:#fff;color:#000;}
  .pg{padding-top:0;} .pg-grid{display:block;} .pg-caja{border:1px solid #999;background:#fff;backdrop-filter:none;}
  .fila,.fila b,.linea .d,.pg-nota{color:#000;} .campo input{border:none;color:#000;padding:0;} .t-cant button{display:none;}
}
/* Mi cuenta */
.cta-cuenta h2{font-size:1.2rem;margin-bottom:10px;}
.cta-cuenta .btn{margin-top:10px;}
.cta-cuenta .t-beneficios{margin-top:12px;}
.btn.peligro{background:#ef4444;color:#fff;}
.eliminar{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;}
.eliminar summary{cursor:pointer;color:#475467;font-weight:600;}
.eliminar p{margin:8px 0;}