/* Static Pages behavior around the recovered Sites v16 design. */
html { scroll-behavior: smooth; }
.skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-160%); z-index: 100; background: white; color: #151b25; padding: 12px; border-radius: 8px; }
.skip-link:focus { transform: translateY(0); }
[hidden] { display: none !important; }
#idea > div > *, .r3d-form, .r3d-form > *, .r3d-form input, .r3d-form textarea { min-width: 0; max-width: 100%; }
.r3d-form input, .r3d-form textarea { width: 100%; }
.catalog-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.product-card { overflow: hidden; border-radius: 24px; background: #191b21; color: white; }
.product-image { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.product-body { padding: 20px; }
.product-body h3 { font-size: 1.25rem; font-weight: 700; margin: 4px 0 12px; }
.product-body p { font-size: 14px; line-height: 1.7; opacity: .8; }
.product-category { color: #22c5d5; font-size: 12px; }
.product-link { display: inline-block; margin-top: 20px; color: #26d6f2; }
.filter-btn { border-radius: 999px; border: 1px solid #edc6a2; background: #fffaf5; padding: 8px 16px; font-size: 14px; }
.filter-btn[aria-pressed="true"] { color: white; background: #d94f05; }
@media (max-width: 767px) {
  #navegacion.open { display: grid; position: absolute; left: 0; right: 0; top: 100%; gap: 0; padding: 0 20px 12px; background: #151b25; border-bottom: 1px solid #ffffff1a; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }