/** * Landing básica — variables móvil para galerías hex medium. * Layout panal medium móvil: assets/css/jkhive-hex-gallery-medium-mobile.css (framework 2-1-2). * Cargar ANTES de jklp-landing-basic-mobile.css (ese archivo va al final del ). */ @media (max-width: 768px) { body.jkfw-landing-basic-body { --jkfw-lb-sidebar: 101px; --jkfw-lb-pad-x: 0.5rem; --jkfw-lb-section-pad-x: clamp(0.95rem, 2vw, 1.35rem); --jkfw-lb-content-w: calc(100vw - var(--jkfw-lb-sidebar) - 2 * var(--jkfw-lb-pad-x) - 2 * var(--jkfw-lb-section-pad-x)); --jkfw-lb-mob-hex-med: min( calc((var(--jkfw-lb-content-w) - 4px) / 2), max(80px, calc(((var(--jkfw-lb-content-w) - 6px) / 3) * 1.15)) ); --jkfw-lb-mob-hex-h: calc(var(--jkfw-lb-mob-hex-med) * 1.1547); --jkfw-lb-mob-hex-v-step: calc(var(--jkfw-lb-mob-hex-h) * 0.25); --jkfw-lb-mob-hex-stagger: calc((var(--jkfw-lb-mob-hex-med) + 3px) / 2); } }