.carrito{padding:clamp(40px, 6vw, 88px) var(--margen) 0}.carrito-cabecera{align-items:end;gap:var(--hueco);margin-bottom:var(--hueco);grid-template-columns:minmax(0,1fr) minmax(260px,420px);display:grid}.carrito-cabecera>div:first-child{gap:12px;padding-bottom:24px;display:grid}.carrito-cabecera h1{font-size:var(--step-display)}.carrito-cabecera p{font-size:var(--step-lead);color:var(--muted)}.carrito-cargando{min-height:40svh;color:var(--muted)}.carrito-vacio>div{justify-items:start;gap:20px;padding:24px 0;display:grid}.carrito-vacio h2{font-size:var(--step-head)}.carrito-contenido{gap:var(--hueco);grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);align-items:start;display:grid}.carrito-lineas{gap:var(--hueco);display:grid}.carrito-lineas ul{gap:2px;display:grid}.linea{background:var(--surface);grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"dibujo nombre subtotal""dibujo controles controles";gap:12px 20px;padding:16px;display:grid}.linea-dibujo{background:var(--field-ice);grid-area:dibujo;place-items:center;height:120px;display:grid;overflow:hidden}.linea-dibujo img{object-fit:cover;width:100%;height:100%}.linea-nombre{grid-area:nombre;min-width:0}.linea-nombre a{font-size:var(--step-lead);overflow-wrap:anywhere;font-weight:600;line-height:1.15;text-decoration:none}.linea-nombre p{color:var(--muted);font-size:var(--step-small);margin-top:4px}.linea-subtotal{text-align:right;font-variant-numeric:tabular-nums;grid-area:subtotal;font-weight:600}.linea-controles{flex-wrap:wrap;grid-area:controles;justify-content:space-between;align-items:center;gap:12px;display:flex}.linea-quitar{min-height:44px;color:var(--muted);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:6px 4px;text-decoration:underline}.linea-quitar:hover{color:var(--ink)}.carrito-resumen{top:var(--hueco);background:var(--paper);color:var(--paper-ink);gap:24px;padding:clamp(20px,3vw,36px);display:grid;position:sticky}.carrito-dibujo{background:var(--field-ice);justify-items:center;padding:4px 12% 8px;display:grid;position:relative;overflow:hidden}.carrito-dibujo [data-hielera-dibujo]{width:100%}.carrito-dibujo .boton-tapa{position:absolute;bottom:16px;left:16px}.carrito-resumen h2{font-size:var(--step-lead)}.cuentas{gap:8px;display:grid}.cuentas div{justify-content:space-between;gap:16px;display:flex}.cuentas dd{text-align:right}.cuentas-total{font-size:var(--step-lead);margin-top:12px;font-weight:600}.vaca{background:var(--paper-2);gap:8px;padding:16px;display:grid}.vaca label{font-weight:600}.vaca-fila{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.vaca .cantidad{background:var(--paper)}.vaca .cantidad button:hover{background:var(--paper-2)}.vaca-fila p{font-variant-numeric:tabular-nums}.pedido{gap:14px;display:grid}.pedido h3{font-size:var(--step-lead)}.campo{gap:6px;display:grid}.campo label{font-size:var(--step-small);color:var(--paper-muted)}.campo input,.campo textarea{background:var(--paper-2);width:100%;min-height:50px;color:var(--paper-ink);resize:vertical;border:0;border-radius:0;padding:12px 14px}.campo input::placeholder,.campo textarea::placeholder{color:#6b7c86}.campo input:focus-visible,.campo textarea:focus-visible,.casilla input:focus-visible{outline-color:var(--azul)}.casilla{cursor:pointer;font-size:var(--step-small);align-items:flex-start;gap:12px;display:flex}.casilla input{width:22px;height:22px;accent-color:var(--azul);flex:none;margin-top:2px}.error{color:#9a2b22;font-weight:600}.error:empty{display:none}.pedido .boton{background:var(--paper-ink);color:var(--paper);min-height:60px}.pedido .boton:hover{background:var(--azul)}.respaldo a{font-weight:600}.letra{font-size:var(--step-small);color:var(--paper-muted)}.nota-alerta{color:#f2d48f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=960px){.carrito-contenido,.carrito-cabecera{grid-template-columns:1fr}.carrito-dibujo{padding:0 22% 4px}.carrito-resumen{position:static}}@media (width<=520px){.linea{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"dibujo nombre""dibujo subtotal""controles controles";padding:12px}.linea-dibujo{height:96px}.linea-subtotal{text-align:left}}
