/** * LELYS One — primeira dobra da front-page. * * header + banner + faixa de marcas somam 100svh. Header e faixa mantêm a * altura natural (medida em assets/js/viewport-fold.js) e o banner absorve o * restante. Os fallbacks dentro de var() seguram o layout no primeiro paint, * antes de o JS publicar as medidas reais. */ .lellisone-hero { display: flex; flex-direction: column; justify-content: center; /* Fallback para navegadores sem unidades de viewport pequenas (svh). */ min-height: max( 320px, calc( 100vh - var(--lellisone-header-h, 176px) - var(--lellisone-brands-h, 106px) - var(--lellisone-admin-bar, 0px) ) ); min-height: max( 320px, calc( 100svh - var(--lellisone-header-h, 176px) - var(--lellisone-brands-h, 106px) - var(--lellisone-admin-bar, 0px) ) ); } /* A barra do admin desloca o documento com margin-top no , fora do 100svh. */ body.admin-bar { --lellisone-admin-bar: 32px; } @media screen and (max-width: 782px) { body.admin-bar { --lellisone-admin-bar: 46px; } }