/* EnergyPass — estilos comuns do site (complementam o <style> de cada página).
   Por que separado: o <style> de cada página veio do design aprovado no Claude Design
   (Site EnergyPass); aqui fica só o que é comportamento do site estático (menu, abas,
   carrossel, banner de cookies, acessibilidade), igual nas três páginas. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:#ffffff;color:#2c2c2c;font-family:Montserrat,system-ui,sans-serif}
img{max-width:100%;height:auto}
/* o atributo hidden precisa vencer os estilos inline herdados do design */
[hidden]{display:none!important}
:focus-visible{outline:2px solid #f79422;outline-offset:2px}
[id],[role="tablist"]{scroll-margin-top:96px}
.ep-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#f79422;color:#fff;padding:12px 16px;font-weight:700;text-decoration:none;border-radius:3px}
.ep-skip:focus{left:16px;top:16px}
/* menu do celular nunca aparece no desktop, mesmo se ficou aberto */
@media (min-width:1024px){#mnav{display:none!important}}

/* Banner de cookies (LGPD) */
.ep-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:900;max-width:720px;margin:0 auto;background:#ffffff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 8px 24px rgba(21,46,99,.12);padding:20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px;line-height:22px;color:#2c2c2c}
.ep-cookie p{margin:0;flex:1 1 320px}
.ep-cookie a{color:#152e63;font-weight:600}
.ep-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.ep-cookie button{font:700 14px Montserrat,sans-serif;height:40px;padding:0 18px;border-radius:3px;cursor:pointer}
.ep-cookie .ep-cookie-ok{background:#f79422;color:#ffffff;border:0}
.ep-cookie .ep-cookie-no{background:#ffffff;color:#152e63;border:1px solid #152e63}