/* Conteúdo Liberado — Start Capilar
   CSS puro (substitui Elementor + Hello theme + WP Rocket). Breakpoints iguais ao original:
   widescreen ≥2400 · desktop >1366 · laptop ≤1366 · tablet ≤1024 · mobile ≤767 */

/* ---------- Fontes (auto-hospedadas, arquivos variáveis) ---------- */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/inter.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(../assets/fonts/inter-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(../assets/fonts/space-grotesk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Base ---------- */
*,::before,::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
@media (hover:hover) and (pointer:fine){html{cursor:url(../assets/img/the-cursor.svg),auto}}
body{margin:0;background-color:#001510;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-size:1rem;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body{width:100%;overflow-x:hidden;-webkit-user-select:none;user-select:none}
body::-webkit-scrollbar{display:none}
/* textura de ruído sobre a página inteira (igual ao CSS customizado do tema) */
html::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(at 20% 80%,#fff 1px,transparent 0);background-size:3px 3px;pointer-events:none;z-index:999;opacity:.2;mix-blend-mode:overlay}
img{border:0;height:auto;max-width:100%}
a{background-color:transparent;color:inherit;text-decoration:none}
p{margin:0}
figure{margin:0}
.degrade{background:linear-gradient(to right,#00cd64,#00a378);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.branco{color:#fff;font-weight:600;font-style:italic}

/* ---------- Hero (container d220a91) ---------- */
.hero{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding:100px 0 150px;background-color:#001510;background-image:url(../assets/img/fundo-desktop.webp);background-position:bottom center;background-repeat:no-repeat;background-size:cover}
.hero__inner{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-items:center;gap:20px 20px;width:100%;max-width:1120px;margin:0 auto}

/* bloco de texto + botão (container 58fd56c) */
.hero__content{display:flex;flex-direction:row;flex-wrap:wrap;gap:35px 0;align-self:flex-start;width:550px;max-width:100%}

/* image box (widget eea818b) */
.imagebox{width:100%;text-align:start}
.imagebox__img{display:inline-block;width:200px;margin:0 0 15px}
.imagebox__img img{display:block;transition-duration:.3s}
.imagebox__title{margin:.5rem 0 25px;font-family:Inter,sans-serif;font-size:40px;font-weight:600;line-height:48px;letter-spacing:-.2px;color:#fff}
.imagebox__desc{margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.5px;color:#b8b8b8}

/* ---------- Botões (#btn do original) ---------- */
.btn-wrap{display:block;max-width:100%}
.btn{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;overflow:hidden;padding:20px 60px;border-radius:100px;background:linear-gradient(to right,#00cd64,#00a378);box-shadow:0 1px 0 1px rgba(255,255,255,.25) inset;color:#fff;fill:#fff;font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:700;line-height:25px;text-align:center;text-transform:uppercase;transition:all .5s ease-in-out}
.btn:hover,.btn:focus,.btn:visited{color:#fff}
.btn:hover{transform:scale(1.05)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn__text{display:inline-block}
.btn__icon{display:flex;align-items:center;font-size:15px}
.btn__icon svg{width:1em;height:auto}
/* brilho que atravessa o botão (sh02) */
.btn::before{content:"";display:block;position:absolute;inset:0;width:100px;height:100%;left:0;opacity:0;background:#fff;box-shadow:0 0 50px 20px #fff;transform:skewX(-20deg);animation:2s infinite sh02}
.btn:hover::before{animation:1s linear sh02}
.btn:hover .btn__icon{animation:1s ease-in-out infinite setinha}
@keyframes sh02{from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}
@keyframes setinha{0%{transform:translateX(0)}50%{transform:translateX(6px)}100%{transform:translateX(0)}}

/* ---------- Créditos (container fc6ef3e, absoluto no rodapé do hero) ---------- */
.credits{position:absolute;left:0;right:0;bottom:50px;width:100%;margin-top:10px;opacity:.25}
.credits__inner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0 10px;width:100%;max-width:1120px;margin:0 auto}
.credits__copy{flex:1 0 auto;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:14px;color:#fff}
.credits__by{text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:14px;color:#fff}
.credits__logo{display:inline-flex;text-align:center}
.credits__logo img{display:block;width:125px}

/* ---------- Popup (Elementor popup 2177) ---------- */
.popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px);-webkit-user-select:auto;user-select:auto}
.popup[hidden]{display:none}
.popup__box{display:flex;width:640px;max-width:100vw;max-height:100vh;overflow:auto;padding:0}
.popup__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px 0;width:100%}
.video{width:100%;overflow:hidden;border-radius:40px;transform:translateZ(0)}
.video__frame{aspect-ratio:1.77777;background-color:#000}
.video__frame iframe{display:flex;width:100%;height:100%;border:0;background-color:#000}
.popup .btn{padding:20px 40px;line-height:30px}
.popup__close{position:fixed;top:50px;right:50px;z-index:9999;display:flex;margin:0;padding:0;border:0;background:none;font-size:40px;line-height:1;color:#fff;cursor:pointer;opacity:1;pointer-events:all}
.popup__close svg{width:1em;height:1em;fill:#fff}
.popup__close:focus-visible{outline:2px solid #fff;outline-offset:4px}
.is-popup-open,.is-popup-open body{overflow:hidden}

/* ---------- Responsivo ---------- */
@media (min-width:2400px){
  .imagebox__img{margin-bottom:25px}
}
@media (max-width:1366px){
  .hero{padding:6em 5em}
  .imagebox__title{font-size:34px;line-height:42px}
  .imagebox__img{width:180px}
  .imagebox__desc{font-size:18px;line-height:24px}
  .hero__content{width:460px}
  .btn{font-size:22px;line-height:22px}
  .credits{margin-top:5px;padding:0 5em}
  .credits__logo img{width:120px}
  .popup .btn{font-size:22px;line-height:30px}
  .popup__close{top:40px;right:40px;font-size:35px}
}
@media (max-width:1024px){
  .hero{padding:6em 4em}
  .hero__content{gap:25px 0;width:400px;max-width:470px}
  .imagebox__img{width:160px;margin-bottom:10px}
  .imagebox__title{margin-bottom:20px;font-size:28px;line-height:34px}
  .imagebox__desc{font-size:16px;line-height:22px}
  .btn{padding:18px 30px;font-size:20px;line-height:20px}
  .credits{padding:0 4em}
  .credits__copy,.credits__by{font-size:12px;line-height:12px}
  .credits__logo img{width:100px}
  .popup .btn{padding:18px 30px;font-size:20px;line-height:25px}
  .popup__close{top:30px;right:30px;font-size:30px}
}
@media (max-width:767px){
  .hero{justify-content:flex-end;padding:0 1.5em 4em;background-image:url(../assets/img/fundo-mobile.webp);background-position:top center}
  .hero__inner{justify-content:flex-end}
  .hero__content{flex-direction:column;align-items:flex-start;gap:20px 0;width:100%;max-width:380px}
  .imagebox{width:100%;max-width:325px}
  .imagebox__img{width:140px;margin-bottom:10px}
  .imagebox__title{margin-bottom:20px;font-size:24px;line-height:30px}
  .imagebox__desc{font-size:16px;line-height:22px}
  .btn{padding:20px 30px;font-size:18px;line-height:15px}
  .btn__icon{font-size:12px}
  .credits{position:static;margin-top:20px;padding:0 1.5em}
  .credits__inner{flex-wrap:wrap;gap:10px}
  .credits__copy{text-align:center;font-size:10px;line-height:10px}
  .credits__by{font-size:10px;line-height:10px}
  .video{border-radius:20px}
  .popup__box{padding:1.5em}
  .popup .btn{padding:20px 30px;font-size:18px;line-height:20px}
  .popup__close{top:25px;right:25px;font-size:25px}
}

/* ---------- Acessibilidade ---------- */
@media (prefers-reduced-motion:reduce){
  .btn,.btn::before,.btn__icon,.imagebox__img img{animation:none!important;transition:none!important}
  .btn:hover{transform:none}
}