/* 11-responsive — estados derivados dos breakpoints matchMedia do bundle (decisão D13: o gatilho segue sendo JS — landing-core.js espelha isMobile (≤1080px) e isPhone (≤640px) em atributos do ; este arquivo traduz cada propriedade derivada de renderVals()). */ /* isMobile (≤1080px): nav some, burger aparece */ body[data-jg-mobile] .jg-nav { display: none; } body[data-jg-mobile] .jg-burger { display: flex; } body:not([data-jg-mobile]) .jg-menu { display: none; } /* isPhone (≤640px) — header */ body[data-jg-phone] .jg-brand__name { font-size: 17px; } body[data-jg-phone] .jg-brand__num { font-size: 15px; } body[data-jg-phone] .jg-header__cta-group { display: none; } body[data-jg-phone] .jg-menu__cta-group { display: flex; } /* isPhone — hero */ body[data-jg-phone] .jg-hero__inner { padding: 36px 20px 70px; grid-template-columns: 1fr; } body[data-jg-phone] .jg-hero__btns { grid-row: 3; } body[data-jg-phone] .jg-hero__photo-col { grid-column: 1; grid-row: 2; margin-top: 48px; } body[data-jg-phone] .jg-hero__num-balloon { left: 0; } /* isPhone — flutuante 11122 e urna */ body[data-jg-phone] .jg-float-num__text { display: none; } body[data-jg-phone] .jg-urna__keypad-col { display: none; }