/* LDS-MUESTRAS v1 · una muestra pequeña por oferta + visor 3D girable (18-oct-2026). Reversible: quitar este archivo,
   muestras.js y el bloque <!-- LDS-MUESTRAS v1 --> de index.html. Paleta LDS: carbón #26221F, marfil #FFF8F2, ámbar #F5AA63, naranja #E8611A. */
.muestras .m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}
.m-card{display:flex;flex-direction:column;border-radius:14px;background:#37302B;border:1px solid rgba(245,170,99,.28);overflow:hidden;color:#FFF8F2;text-decoration:none}
.m-media{position:relative;aspect-ratio:16/10;background:#26221F;overflow:hidden}
.m-media img,.m-media video{width:100%;height:100%;object-fit:cover;display:block}
.m-chip{position:absolute;left:10px;top:10px;font:600 .72rem/1 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:.02em;padding:6px 9px;border-radius:999px;background:rgba(38,34,31,.86);color:#F5AA63;border:1px solid rgba(245,170,99,.45)}
.m-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.m-t{font:700 1.05rem/1.2 "Space Grotesk","IBM Plex Sans",system-ui,sans-serif;color:#F5AA63}
.m-d{font:400 .93rem/1.45 "IBM Plex Sans",system-ui,sans-serif;color:#D8C6B6;margin:0}
.m-ir{margin-top:auto;padding-top:6px;font:600 .9rem/1 "IBM Plex Sans",system-ui,sans-serif;color:#E8611A}
a.m-card:focus-visible{outline:2px solid #F5AA63;outline-offset:3px}
@media (hover:hover) and (pointer:fine){a.m-card:hover{border-color:#F5AA63;transform:translateY(-2px)}a.m-card{transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease}}
.m-nota{margin-top:14px;font:400 .85rem/1.5 "IBM Plex Sans",system-ui,sans-serif;color:#D8C6B6}

/* Visor 3D: una caja con seis caras, girada con transformaciones CSS 3D reales; se arrastra con el dedo o el cursor */
.v3d{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%,#4E433C 0,#26221F 70%);perspective:700px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}
.v3d:focus-visible{box-shadow:inset 0 0 0 2px #F5AA63}
.v3d.arrastrando{cursor:grabbing}
.v3d-escena{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.v3d-caja{position:absolute;transform-style:preserve-3d;--w:110px;--h:150px;--p:70px;width:var(--w);height:var(--h);left:calc(var(--w)/-2);top:calc(var(--h)/-2)}
.v3d-cara{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1px solid rgba(245,170,99,.55);backface-visibility:hidden;-webkit-backface-visibility:hidden;font:700 .72rem/1.15 "Space Grotesk","IBM Plex Sans",system-ui,sans-serif;color:#26221F}
.v3d-f,.v3d-b{width:var(--w);height:var(--h)}
.v3d-l,.v3d-r{width:var(--p);height:var(--h);left:calc((var(--w) - var(--p))/2)}
.v3d-t,.v3d-u{width:var(--w);height:var(--p);top:calc((var(--h) - var(--p))/2)}
.v3d-f{transform:translateZ(calc(var(--p)/2));background:linear-gradient(160deg,#FFF8F2,#F5AA63)}
.v3d-b{transform:rotateY(180deg) translateZ(calc(var(--p)/2));background:linear-gradient(160deg,#F5AA63,#E8611A);color:#FFF8F2}
.v3d-r{transform:rotateY(90deg) translateZ(calc(var(--w)/2));background:#E8611A;color:#FFF8F2}
.v3d-l{transform:rotateY(-90deg) translateZ(calc(var(--w)/2));background:#F5AA63}
.v3d-t{transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:#FFF8F2}
.v3d-u{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#4E433C}
.v3d-marca{font-size:.95rem;letter-spacing:.06em}
.v3d-mini{font:600 .6rem/1.2 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:.04em;padding:0 6px}
.v3d-pista{position:absolute;right:10px;bottom:10px;font:600 .72rem/1 "IBM Plex Sans",system-ui,sans-serif;color:#FFF8F2;opacity:.85}