/* * Ajustes que só existem por causa do porte para WordPress. Carrega DEPOIS do * site.css de propósito, porque aqui é o lugar de vencer o design quando o * ambiente do WordPress exige. */ /* ------------------------------------------------------------------ reveal * Rede de segurança. O site.css deixa [data-reveal] em opacity: 0 e conta com o * IntersectionObserver para revelar. Se o site.js não carregar (erro de outro * plugin, cache ruim, 404 do asset), o site inteiro ficaria invisível. * * Um script inline no marca html.cl-js antes da primeira pintura, e o * próprio site.js confirma que rodou. Sem confirmação, a marca cai e o conteúdo * aparece sem animação, que é muito melhor do que página vazia. */ html:not(.cl-js) [data-reveal] { opacity: 1 !important; transform: none !important; } /* ------------------------------------------------------- botão do menu móvel * No React o botão trocava o ícone por remontagem. Aqui os dois ícones existem * e alternam por hidden, então precisam se comportar como o svg que havia antes. */ .menu-toggle > span { display: flex; align-items: center; justify-content: center; } /* --------------------------------------------------------- barra do wp-admin * O header é fixed em top: 14px. Logado, a barra do WordPress ocupa o topo. */ body.admin-bar .site-header { top: calc(14px + 32px); } @media screen and (max-width: 782px) { body.admin-bar .site-header { top: calc(14px + 46px); } } /* ------------------------------------------------------ conteúdo do WordPress * O fallback (index.php) imprime the_content() de páginas que já existem no * banco. O reset zera títulos e listas, então sem isto o conteúdo do cliente * sairia como um bloco de texto sem hierarquia. */ .legal article > h1, .legal article > h2, .legal article > h3, .legal article > h4 { font-family: var(--display, 'Montserrat', sans-serif); font-weight: 700; line-height: 1.2; color: #fff; margin: 30px 0 12px; } .legal article > h1 { font-size: clamp(26px, 3vw, 34px); } .legal article > h2 { font-size: clamp(22px, 2.4vw, 28px); } .legal article > h3 { font-size: 19px; } .legal article > h4 { font-size: 17px; } .legal article > p, .legal article > ul, .legal article > ol { margin: 0 0 16px; line-height: 1.7; color: var(--muted, #b9dbff); } .legal article > ul, .legal article > ol { padding-left: 22px; } .legal article > ul { list-style: disc; } .legal article > ol { list-style: decimal; } .legal article li { margin-bottom: 8px; } .legal article a { color: var(--link-on-dark, #4aa3f7); text-decoration: underline; } .legal article img { border-radius: var(--r-card, 12px); margin: 18px 0; } .legal article strong { color: #fff; }