/* W.L Energy — site estático de produção */
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#fff;font-family:'Space Grotesk',sans-serif}
img{max-width:100%}
a{color:#ef9600}
a:hover{color:#ffb340}
::selection{background:#ef9600;color:#000}
button{font-family:'Space Grotesk',sans-serif}

/* ---- Botões ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;line-height:1;padding:14px 22px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;text-align:center}
.btn:active{transform:translateY(1px)}
.btn-lg{font-size:16px;padding:18px 28px}
.btn-block{width:100%}
.btn-primary{background:#ef9600;color:#000;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.btn-primary:hover{background:#ffb340;color:#000}
.btn-secondary{background:rgba(0,0,0,.25);color:#fff;border-color:rgba(255,255,255,.4)}
.btn-secondary:hover{border-color:#ef9600;color:#ef9600}
.btn-solid{background:#000;color:#fff;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.btn-solid:hover{background:#262626;color:#fff}
.btn-outline-dark{background:transparent;color:#000;border-color:rgba(0,0,0,.55)}
.btn-outline-dark:hover{border-color:#000;color:#000}

/* ---- Tags ---- */
.tag{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.tag-orange{background:#ef9600;color:#000}
.tag-dark{background:#000;color:#fff}
.tag-om{background:#003DA5;color:#fff}
.tag-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);clip-path:none}

/* ---- Formulários ---- */
.field{display:flex;flex-direction:column;gap:7px}
.field>span{font-size:13px;color:rgba(255,255,255,.72)}
.field input,.field select{width:100%;font-family:'Space Grotesk',sans-serif;font-size:15px;color:#fff;background:#0d0d0d;border:1px solid rgba(255,255,255,.18);padding:13px 14px;outline:none;transition:border-color .15s ease-out;border-radius:0;-webkit-appearance:none;appearance:none}
.field select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ef9600'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.field input:focus,.field select:focus{border-color:#ef9600}
.field input::placeholder{color:rgba(255,255,255,.35)}
.form-success[hidden]{display:none}

/* ---- FAQ ---- */
details.faq{border-bottom:1px solid rgba(255,255,255,.1)}
details.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:15.5px;color:#fff;cursor:pointer;transition:color .15s ease-out}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary:hover{color:#ef9600}
details.faq summary::after{content:"+";color:#ef9600;font-size:18px;flex-shrink:0}
details.faq[open] summary::after{content:"−"}
details.faq p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.65);margin:0;padding:0 24px 18px 0}

/* ---- Avatar ---- */
.avatar{width:44px;height:44px;border-radius:50%;background:#333;color:#ef9600;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;flex-shrink:0;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- Header ---- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.header-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(20px,4vw,40px)}
.brand img{height:32px;width:auto;display:block}
.nav-desktop{display:flex;align-items:center;gap:28px;font-size:15px}
.nav-desktop>a{color:rgba(255,255,255,.82);text-decoration:none;padding:10px 0;transition:color .15s ease-out}
.nav-desktop>a:hover{color:#fff}
.nav-desktop>a.nav-hl{color:#ef9600;font-weight:500}
.nav-desktop>a.nav-hl:hover{color:#ffb340}
.nav-desktop>a.active{border-bottom:2px solid #ef9600;color:#fff}
.drop{position:relative}
.drop-btn{background:none;border:none;color:rgba(255,255,255,.82);font-size:15px;padding:10px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease-out}
.drop-btn:hover{color:#fff}
.drop-btn .caret{font-size:10px;color:#ef9600}
.mega{position:absolute;top:100%;left:-20px;width:min(560px,calc(100vw - 40px));background:#111;border:1px solid rgba(255,255,255,.12);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 24px 60px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s}
.drop:hover .mega,.drop:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:block;padding:12px 14px;text-decoration:none;color:#fff;border:1px solid transparent;transition:border-color .15s ease-out,background .15s ease-out}
.mega a:hover,.mega a.active{border-color:rgba(239,150,0,.5);background:#1a1a1a;color:#fff}
.mega a b{display:block;font-weight:400;font-size:15px;margin-bottom:2px}
.mega a small{display:block;font-size:12.5px;color:rgba(255,255,255,.55)}
.nav-burger{display:none;width:46px;height:46px;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.25);cursor:pointer;flex-shrink:0}
.nav-burger span{display:block;width:20px;height:2px;background:#ef9600;transition:transform .2s ease-out,opacity .15s ease-out}
.site-header.open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.open .nav-burger span:nth-child(2){opacity:0}
.site-header.open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 72px);overflow:auto}
.site-header.open .nav-mobile{display:block}
.nav-mobile a{display:block;padding:15px clamp(20px,4vw,40px);border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:16px}
.nav-mobile a:hover{color:#ef9600}
.nav-mobile .nm-label{padding:16px clamp(20px,4vw,40px) 8px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.nav-mobile a.nm-hl{color:#ef9600;font-weight:500}
.nav-mobile a.nm-cta{background:#ef9600;color:#000;font-weight:500;text-align:center;margin:14px clamp(20px,4vw,40px) 18px;border:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
@media (max-width:920px){
  .nav-desktop{display:none}
  .header-cta{display:none}
  .nav-burger{display:flex}
}

/* ---- Footer ---- */
.site-footer{border-top:1px solid rgba(255,255,255,.1);padding:64px clamp(20px,4vw,40px) 0}
.footer-in{max-width:1180px;margin:0 auto}
.f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:44px;padding-bottom:48px}
.f-grid .f-logo{height:30px;width:auto;display:block;margin-bottom:16px}
.f-grid p.f-desc{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.6);margin:0 0 20px;max-width:280px}
.f-label{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin:0 0 16px}
.f-links{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.f-links a{color:rgba(255,255,255,.75);text-decoration:none}
.f-links a:hover{color:#ef9600}
.f-links a.f-hl{color:#ef9600}
.f-links a.f-hl:hover{color:#ffb340}
.f-contact{font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.75);margin:0}
.f-contact a{color:#ef9600;text-decoration:none}
.f-social{display:flex;gap:14px;align-items:center}
.f-social a{text-decoration:none;font-size:14px}
.f-social a.ig{color:#ef9600;font-weight:500}
.f-social a.li{color:rgba(255,255,255,.6)}
.f-social a.li:hover{color:#fff}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:rgba(255,255,255,.45)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}