/* Fitslife | components/layout.css — Cabecalho, navegacao, CTA final e rodape. */

.header__bar{position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px clamp(18px,4vw,56px)}
.header__box{display:flex; align-items:center; gap:14px}
.header__img{height:30px; width:auto; display:block}
.header__box-2{display:flex; flex-direction:column; gap:2px}
.header__label{font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:.24em; color:#ffc53d}
.header__box-3{display:flex; align-items:center; gap:26px}
.header__btn{width:44px; height:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:none; border:1px solid rgba(255,197,61,.4); cursor:pointer}
.header__label-2{width:20px; height:2px; background:#fff; display:block}
.header__nav{display:flex; flex-wrap:wrap; gap:20px; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:14px; letter-spacing:.13em; text-transform:uppercase; color:#b6c0cb}
.header__link{color:#b6c0cb}
.header__link:hover{color:#fff}
.hero__label-8{font-size:1.1em}
.areia__label{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.26em; color:#ffc53d}
.servicos__label{font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:.2em; color:#ffd166}
.header__bar-2{display:flex; align-items:center; gap:12px}
.header__label-3{flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:rgba(255,197,61,.15); color:#ffc53d; font-family:'Oswald',sans-serif; font-weight:700; font-size:18px}
.header__name{font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:18px; letter-spacing:.04em; text-transform:uppercase; color:#e9edf2}
.header__label-4{font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:.18em; color:#6f7d8b}
.depoimento__label{color:#ffc53d}
.cta__section{position:relative; padding:clamp(80px,12vh,150px) clamp(18px,4vw,56px) 0; background:#0c1a33; border-top:1px solid rgba(255,197,61,.16); overflow:hidden}
.cta__box{position:relative; max-width:1100px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:28px}
.cta__title{margin:0; font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(34px,6.4vw,90px); line-height:.94; text-transform:uppercase; color:#eef2f6; text-wrap:balance}
.cta__text{margin:0; max-width:560px; font-size:17px; line-height:1.6; color:#a9b4c0}
.cta__link{display:inline-flex; align-items:center; gap:18px; font-family:'Oswald',sans-serif; font-weight:600; font-size:clamp(16px,2vw,24px); letter-spacing:.1em; text-transform:uppercase; color:#071229; background:#ffc53d; padding:20px 42px; box-shadow:0 0 50px rgba(255,197,61,.45); clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.cta__link:hover{background:#ffe08a}
.footer__box{width:100%; margin-top:clamp(40px,7vh,80px); padding:clamp(28px,4vw,44px) 0 40px; border-top:1px solid rgba(255,197,61,.2); display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:32px; text-align:left}
.footer__box-2{display:flex; flex-direction:column; gap:10px}
.footer__label{font-family:'Barlow',sans-serif; font-size:15px; line-height:1.7; color:#9aa6b3}
.footer__link{font-family:'Oswald',sans-serif; font-size:20px; color:#fff}
.footer__link:hover{color:#ffc53d}
.footer__nav{display:flex; flex-direction:column; gap:6px; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:15px; letter-spacing:.1em; text-transform:uppercase}
.footer__link-2{color:#9aa6b3}
.footer__link-2:hover{color:#ffc53d}
.footer__box-3{display:flex; align-items:center; gap:16px; padding-top:clamp(24px,3vh,36px)}
.footer__link-3{width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,197,61,.35); color:#c3ccd6}
.footer__link-3:hover{border-color:#ffc53d; color:#ffc53d}
.header__bar-3{position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:20px clamp(18px,4vw,56px); border-bottom:1px solid rgba(255,197,61,.18)}
.header__link-2{display:flex; align-items:center; gap:14px; color:inherit}
.header__img-2{height:26px; width:auto; display:block}
.header__label-5{font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:.22em; color:#ffc53d}
.header__box-4{display:flex; align-items:center; gap:22px; flex-wrap:wrap}
.header__nav-2{display:flex; gap:18px; flex-wrap:wrap; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:14px; letter-spacing:.13em; text-transform:uppercase}
.header__link-3{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#071229; background:#ffc53d; padding:11px 18px; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.header__link-3:hover{background:#ffe08a}
.cta__section-2{position:relative; padding:clamp(70px,10vh,130px) clamp(18px,4vw,56px) 0; border-top:1px solid rgba(255,197,61,.16); overflow:hidden}
.cta__box-2{position:relative; max-width:1100px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px}
.cta__title-2{margin:0; font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(30px,5.4vw,74px); line-height:.96; text-transform:uppercase; color:#eef2f6; text-wrap:balance}
.cta__text-2{margin:0; max-width:540px; font-size:17px; line-height:1.6; color:#a9b4c0}
.cta__link-2{display:inline-flex; align-items:center; gap:16px; font-family:'Oswald',sans-serif; font-weight:600; font-size:clamp(16px,1.9vw,23px); letter-spacing:.1em; text-transform:uppercase; color:#071229; background:#ffc53d; padding:20px 40px; box-shadow:0 0 46px rgba(255,197,61,.42); clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.cta__link-2:hover{background:#ffe08a}
.footer__box-4{width:100%; margin-top:clamp(40px,7vh,76px); padding:clamp(26px,4vw,40px) 0 40px; border-top:1px solid rgba(255,197,61,.2); display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; text-align:left}
.footer__label-2{font-size:15px; line-height:1.7; color:#9aa6b3}

/* --- menu mobile: era estado em JS, agora e CSS + uma classe --- */
.nav-toggle{display:none}
@media (max-width:899px){
  .nav-toggle{display:flex}
  #nav-principal{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;
    background:var(--cor-fundo-alt);padding:18px var(--gutter);
    border-top:1px solid rgba(255,197,61,.3);z-index:10}
  #nav-principal.is-open{display:flex}
}

/* --- rodape: extraido da secao de CTA, mantendo o mesmo enquadramento --- */
.site-footer{position:relative;background:var(--cor-fundo-alt);padding:28px var(--gutter) 0;overflow:hidden}
.site-footer__glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 90% at 50% 100%,rgba(255,197,61,.16),transparent 70%)}
.site-footer__inner{position:relative;max-width:1100px;margin:0 auto;display:flex;
  flex-direction:column;align-items:center;text-align:center;gap:28px}