/** * Welcome — galería desktop (≥769px) con body.iblod-density-scope. * Cargar al final del . Alturas por --how-gallery-h; mobile ≤768 en welcome-how.css. */ @media only screen and (min-width: 769px) { body.iblod-density-scope .welcome-how { --how-gallery-h: clamp(370px, 45vh, 520px); max-width: min(1040px, 96vw) !important; margin: 2.15rem auto 1.85rem !important; padding: 1.85rem 2.1rem 1.25rem !important; } body.iblod-density-scope .how-section-header { margin-bottom: 0.75rem !important; } body.iblod-density-scope .how-title { font-size: 2.1rem !important; line-height: 1.2 !important; } body.iblod-density-scope .how-features-lead { margin-top: 0.5rem !important; font-size: 1rem !important; } body.iblod-density-scope .welcome-how .how-subtitle { margin-top: 1rem !important; max-width: 40rem !important; font-size: 1rem !important; line-height: 1.5 !important; } body.iblod-density-scope .how-gallery-frame { --how-gallery-viewport-block: var(--how-gallery-h) !important; block-size: var(--how-gallery-viewport-block) !important; height: var(--how-gallery-viewport-block) !important; max-height: var(--how-gallery-viewport-block) !important; min-height: 0 !important; } body.iblod-density-scope .iblod-gallery-body { height: 100% !important; max-height: var(--how-gallery-viewport-block) !important; font: 12px/1.25 Saira, sans-serif !important; } body.iblod-density-scope .iblod-gallery-scene { height: 100% !important; max-height: var(--how-gallery-viewport-block) !important; overflow: hidden !important; perspective: 32em !important; padding: 0.25rem 0.75rem 0.4rem !important; } body.iblod-density-scope .iblod-gallery-assembly { --w-cap: calc((var(--how-gallery-viewport-block) - 1rem) * 0.625) !important; --w-free: var(--w-cap) !important; --w: var(--w-cap) !important; } body.iblod-density-scope .iblod-gallery-item-header-top { min-height: 1.75em !important; } body.iblod-density-scope .iblod-gallery-item .iblod-gallery-item-icon { inline-size: 1.75em !important; block-size: 1.75em !important; font-size: 0.8em !important; } body.iblod-density-scope .iblod-gallery-figma-root--0 .sc-solicitar-viewport { font-size: clamp(9px, 2.5cqmin, 12px) !important; } body.iblod-density-scope .iblod-gallery-figma-root--1 .budget-ai-figma { font-size: clamp(10px, 4cqmin, 13px) !important; } body.iblod-density-scope .how-gallery-nav { width: 2.5rem !important; height: 2.5rem !important; font-size: 0.9rem !important; } } @media only screen and (min-width: 769px) and (max-width: 1080px) { body.iblod-density-scope .welcome-how { --how-gallery-h: clamp(400px, 50vh, 560px); max-width: min(1000px, 98vw) !important; } } @media only screen and (min-width: 1081px) and (max-width: 1280px) { body.iblod-density-scope .welcome-how { --how-gallery-h: clamp(430px, 51vh, 600px); } body.iblod-density-scope .iblod-gallery-body { font: 12.5px/1.25 Saira, sans-serif !important; } } @media only screen and (min-width: 1281px) { body.iblod-density-scope .welcome-how { --how-gallery-h: clamp(450px, 53vh, 640px); max-width: min(1100px, 95vw) !important; padding: 2.1rem 2.4rem 1.35rem !important; } body.iblod-density-scope .iblod-gallery-body { font: 12.5px/1.25 Saira, sans-serif !important; } } @media only screen and (min-width: 1921px) { body.iblod-density-scope .welcome-how { --how-gallery-h: clamp(470px, 55vh, 670px); } }