/* Solo el catálogo bajo la calculadora. Cada tarjeta nueva es un hijo de esta rejilla. */
.productos-pedido{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0 20px}
.producto-pedido{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--v3-line);border-radius:var(--v3-radius-lg);background:var(--v3-paper);color:var(--v3-ink);text-decoration:none;box-shadow:var(--v3-shadow)}
.producto-pedido:only-child{display:grid;grid-template-columns:1fr 1fr}
.producto-pedido>img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 80%}
.producto-pedido>div{padding:28px 32px;align-self:stretch;display:flex;flex-direction:column;flex:1}
.producto-pedido .v3-btn{align-self:flex-start;margin-top:auto}
.producto-pedido h2{font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 14px}
.producto-pedido p{font-size:.92rem;line-height:1.55;margin:0 0 16px}
.producto-pedido .producto-etiqueta{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--v3-magenta)}
.producto-pedido .producto-precio{font-size:1.3rem;font-weight:800}
.producto-pedido .producto-precio small{display:block;font-size:.73rem;font-weight:500;color:var(--v3-muted);margin-top:4px}
.producto-pedido:focus-visible{outline:3px solid var(--v3-magenta);outline-offset:5px}
.producto-pedido:hover h2{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.productos-pedido{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.producto-pedido:only-child{display:flex}.producto-pedido>img{height:240px}.producto-pedido>div{padding:24px}.producto-pedido .v3-btn{font-size:.82rem}}

/* Notas fuera de la calculadora, tras el recuadro de revistas. */
.pedido-notas{margin:28px 0 0;padding:28px 32px;border:1px solid var(--v3-line);border-radius:var(--v3-radius-lg);background:var(--v3-paper);font-size:1rem;line-height:1.65;color:var(--v3-ink)}
.pedido-notas h2{font-size:1.35rem;line-height:1.3;margin:0 0 18px}
.pedido-notas ul{padding-left:1.3em;margin:0 0 20px}
.pedido-notas li+li{margin-top:12px}
.pedido-notas p{font-size:inherit;line-height:inherit;margin:0}
.pedido-notas a{color:var(--v3-magenta);text-underline-offset:3px}
@media(max-width:760px){.pedido-notas{padding:24px 20px}}

@media(min-width:761px){.producto-pedido>img[src*="revista-grapada.jpg"]{object-position:center 76%}}