.gallery-intro{padding-block:clamp(3rem,7vw,6rem);max-width:54rem}.gallery-intro h1{max-width:13ch}.gallery-intro .lead{max-width:45rem}.gallery-note{padding-left:1rem;border-left:2px solid var(--violet);max-width:47rem;font-size:.95rem}.gallery-note a{text-decoration:underline;text-underline-offset:3px}.gallery-heading{margin-bottom:2rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));gap:2rem}.demo-card{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden;background:linear-gradient(140deg,#101f3c,#080f23);min-width:0}.demo-preview{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 50%,#ffdda8 0 42%,transparent 43%),#fff1dc;padding:2rem;min-width:0}.demo-preview img{width:min(100%,26rem);height:auto}.demo-preview span{position:absolute;top:1rem;left:1rem;color:#f4f8ff;background:#253c36;padding:.35rem .8rem;border-radius:2rem;font-size:.8rem;font-weight:700}.demo-content{padding:clamp(1.5rem,3vw,3rem);align-self:center;min-width:0}.demo-content h3{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.demo-content .eyebrow{letter-spacing:.12em}.demo-content>p{max-width:45ch}.demo-features{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;color:var(--accent);font-size:.8rem;margin-block:1.5rem 2rem}.gallery-cta{margin-block:4rem;display:grid;gap:2rem;align-items:center;border-top:1px solid var(--border);padding-top:3rem}.gallery-cta>.button{justify-self:start;min-height:56px}.gallery-cta p{margin-bottom:0}.gallery-intro a:focus-visible,.demo-preview:focus-visible{outline-offset:-5px}@media(min-width:64rem){.demo-card{grid-template-columns:1fr 1fr}.gallery-cta{grid-template-columns:1fr auto}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}}@media(max-width:35.999rem){.header-inner{gap:.25rem}.header-inner .text-link{font-size:.8rem}.demo-preview{padding:2.5rem 1rem 1rem}.demo-content .button,.gallery-cta>.button{width:100%;justify-self:stretch}.gallery-intro h1{font-size:2.6rem}}

/* Catálogo de demos disponibles: capturas reales de las marcas ficticias. */
.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.demo-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border-radius:.5rem}.demo-preview{display:block;padding:0;background:#101b3d}.demo-preview img{width:100%;max-width:none;aspect-ratio:10/7;object-fit:cover;object-position:top}.demo-preview span{top:.65rem;left:.65rem;font-size:.65rem;padding:.35rem .65rem}.demo-content{padding:1.5rem;display:flex;flex-direction:column;height:100%}.demo-content h3{font-size:2rem}.demo-content .eyebrow{font-size:.65rem}.demo-content>p:not(.eyebrow){font-size:.9rem}.demo-features{font-size:.7rem;gap:.35rem .75rem;margin-block:1.25rem}.demo-content>.button{margin-top:auto}.demo-preview:focus-visible{outline-color:#19cfff}@media(max-width:1023px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card:last-child{grid-column:1/-1;max-width:650px;justify-self:center}}@media(max-width:639px){.demo-grid{grid-template-columns:1fr}.demo-card:last-child{grid-column:auto;max-width:none}.demo-content{padding:1.5rem}.gallery-heading h2{font-size:2rem}}
.site-header .brand{min-height:44px}.gallery-note a{display:inline-flex;align-items:center;min-height:44px}

/* Cinco demos: tres piezas arriba y dos muestras amplias abajo. */
@media(min-width:1024px){.demo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.demo-card{grid-column:span 2}.demo-card:nth-last-child(-n+2){grid-column:span 3}}

/* Six available demos: balanced 3×2 / 2×3 / single-column grid. */
@media(min-width:1024px){.demo-card:nth-last-child(-n+2){grid-column:span 2}}
@media(min-width:640px) and (max-width:1023px){.demo-card:last-child{grid-column:auto;max-width:none;justify-self:stretch}}