/* Archivo: producto.css - Version v1.0 - 2026-11-02 (ficha visual de producto) */
body[data-page="producto"]{background:#fafafa;color:#111}
.producto-main{max-width:1440px;margin:auto;padding:100px 64px 100px;font-family:'RobotoWebBarbar',sans-serif;font-weight:300;line-height:1.55;font-size:.9rem}
.producto-main a{color:inherit}.producto-volver{display:inline-block;text-decoration:none;font-size:.8rem;margin-bottom:32px}
.producto-presentacion{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:64px;align-items:start}.producto-galeria{min-width:0}.producto-principal{display:block;aspect-ratio:1.1;background:#f2f2f2;cursor:zoom-in}.producto-principal img{width:100%;height:100%;object-fit:contain;display:block}.producto-sin-imagen{aspect-ratio:1.1;background:#f2f2f2}
.producto-miniaturas{display:flex;gap:12px;overflow-x:auto;padding:16px 2px}.producto-miniaturas button{background:transparent;border:1px solid transparent;padding:3px;flex:0 0 72px;cursor:pointer}.producto-miniaturas button[aria-pressed="true"]{border-color:#111}.producto-miniaturas img{width:64px;height:64px;object-fit:contain;display:block}
.producto-info{padding-top:24px;position:sticky;top:80px;overflow-wrap:anywhere}.producto-info h1{font-size:clamp(1.5rem,2.7vw,2.6rem);font-weight:400;line-height:1.15;margin:12px 0 24px}.producto-marca{font-size:.8rem;margin:0}.producto-etiquetas{display:flex;gap:12px;font-size:.75rem;text-transform:uppercase}.producto-etiquetas span{border-bottom:1px solid #111}.producto-precio{font-size:1.15rem;font-variant-numeric:tabular-nums}.producto-precio s{font-size:.8rem;color:#666;margin-left:12px}.producto-resumen{margin:24px 0 32px}.producto-comprar button{background:#111;color:#fff;border:1px solid #111;border-radius:0;padding:14px 26px;font:inherit;cursor:pointer}.producto-comprar button:hover{background:#333}.producto-comprar button:disabled{opacity:.5;cursor:wait}.producto-disponibilidad{margin-top:28px;color:#666}
.producto-descripcion{max-width:760px;margin:64px auto}.producto-main h2{font-size:1.1rem;font-weight:400;margin:0 0 20px}.producto-texto{overflow-wrap:anywhere}.producto-bloques{display:grid;gap:56px;margin-top:56px}.producto-bloque-texto,.producto-bloque-caracteristicas{width:100%;max-width:760px;margin:auto}.producto-bloque figure{margin:0}.producto-bloque figure img{display:block;width:100%;height:auto;max-height:1000px;object-fit:contain}.producto-bloque figcaption{font-size:.8rem;margin:16px auto 0;max-width:760px}.producto-bloque dl{margin:0}.producto-bloque dl>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:24px;border-bottom:1px solid #ddd;padding:12px 0;overflow-wrap:anywhere}.producto-bloque dd{margin:0}.producto-bloque dt{font-weight:400}
.producto-zoom{border:0;padding:42px 16px 16px;background:#fafafa;max-width:95vw;max-height:95dvh}.producto-zoom::backdrop{background:rgba(0,0,0,.8)}.producto-zoom img{display:block;max-width:90vw;max-height:82dvh;object-fit:contain}.producto-zoom button{position:absolute;right:10px;top:2px;border:0;background:none;font-size:28px;cursor:pointer;color:#111}.producto-main :is(button,a):focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:800px){.producto-main{padding:85px 24px 72px}.producto-presentacion{grid-template-columns:1fr;gap:24px}.producto-info{position:static;padding:0}.producto-info h1{font-size:1.9rem}.producto-descripcion{margin:40px auto}.producto-bloques{gap:36px;margin-top:40px}.producto-bloque dl>div{gap:16px}.producto-miniaturas button{flex-basis:60px}.producto-miniaturas img{width:52px;height:52px}}