/* References share the store's glass surfaces; supplied captures stay intact. */
/* References are a separate view; the catalog keeps its own filters and state. */
html[data-nav-section="referencias"] main > :not(#referencias),
html[data-nav-section="referencias"] body > .announcement,
html[data-nav-section="referencias"] body > .footer,
html[data-nav-section="catalogo"] #referencias { display:none !important; }
.references-section { padding-block:36px 64px; scroll-margin-top:110px; }
#references-title:focus { outline:none; }
.references-heading { align-items:end; gap:24px; margin-bottom:24px; }
.references-heading .eyebrow { margin-bottom:8px; }
.references-intro { color:var(--muted); font-size:1rem; line-height:1.6; max-width:560px; margin:12px 0 0; }
.references-strip { list-style:none; margin:0; padding:8px 4px 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.reference-item { min-width:0; }
.reference-card { display:block; padding:10px; border:1px solid #fff; border-radius:27px; text-decoration:none; color:#233754; background:linear-gradient(145deg,#ffffffeb,#ffffff72 55%,#e4ecfc99); box-shadow:var(--crystal-shadow),0 14px 30px -25px #23375470; -webkit-backdrop-filter:blur(12px) saturate(130%); backdrop-filter:blur(12px) saturate(130%); transition:transform .2s,box-shadow .2s; }
.reference-image { display:flex; align-items:center; justify-content:center; aspect-ratio:3/4; border-radius:19px; overflow:hidden; background:#f1eee8; }
.reference-image img { display:block; width:100%; height:100%; object-fit:contain; }
.reference-caption { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:15px 5px 7px; }
.reference-caption strong { font-size:1rem; font-weight:650; }
.reference-caption>span { display:flex; align-items:center; gap:6px; font-size:.875rem; color:#596b88; }
.reference-caption svg,.references-shortcut svg { width:18px; height:18px; flex:none; }
.references-shortcut { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 12px; border:1px solid #fff; border-radius:14px; background:linear-gradient(130deg,#ffffffc9,#e6edff80); box-shadow:var(--crystal-shadow); font-size:.875rem; color:#3d4c70; text-decoration:none; white-space:nowrap; }
.references-shortcut .shortcut-arrow { width:14px; height:14px; }
.photo-viewer[data-context=references] .photo-viewer-image,.photo-viewer[data-context=references] .photo-gallery-thumbs img { mix-blend-mode:normal; }
.photo-viewer[data-context=references] .photo-viewer-canvas { padding:8px 12px 58px; }
.photo-viewer[data-context=references] .photo-viewer-stage { background:#f4f3f0; }
.photo-viewer[data-context=references] .photo-viewer-title { font-size:1.4rem; }
@media(hover:hover) {
  .reference-card:hover { transform:translateY(-3px); box-shadow:var(--crystal-shadow),0 18px 32px -23px #23375465; }
}
@media(min-width:701px) and (max-width:1120px) {
  .nav-links.liquid-track>a { padding-inline:7px; }
  .nav-links.liquid-track>a[href="#como-comprar"] { display:none; }
  .references-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .references-section { padding-block:28px calc(132px + env(safe-area-inset-bottom)); scroll-margin-top:82px; }
  .references-heading { display:block; margin-bottom:15px; }
  .references-heading h2 { font-size:2rem; }
  .references-strip { grid-template-columns:minmax(0,1fr); gap:20px; }
  .reference-card { padding:8px; border-radius:24px; }
  .reference-image { border-radius:17px; }
  .references-shortcut { margin-left:auto; }
  .photo-viewer[data-context=references] .photo-viewer-canvas { padding:4px 4px 54px; }
  .photo-viewer[data-context=references] .photo-viewer-header { padding:12px 16px; }
  .photo-viewer[data-context=references] .photo-viewer-footer { padding:10px 16px max(14px,env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) {
  .reference-card { transition:none; }
  .reference-card:hover { transform:none; }
}