/* Fitslife | components/cards.css — Cards, listas e cabecalhos de secao reutilizados entre paginas. */

.site__box{width:100%; overflow-x:hidden; background:#071229}
.areia__box-3{display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:16px}
.areia__text-2{margin:0; font-size:15px; line-height:1.6; color:#9aa6b3; text-wrap:pretty}
.metodo__img{width:100%; height:100%; object-fit:cover; display:block}
.metodo__box-4{display:flex; flex-direction:column}
.metodo__box-5{display:flex; gap:22px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.08)}
.metodo__box-6{display:flex; flex-direction:column; gap:7px}
.metodo__box-7{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
.metodo__label-2{font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:.18em; color:#ffd166}
.faq__box-2{display:flex; flex-direction:column; gap:12px}
.faq__box-3{display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.1)}
.faq__item{border-bottom:1px solid rgba(255,255,255,.1)}
.hero__section-2{padding:clamp(48px,8vh,96px) clamp(18px,4vw,56px)}
.hero__box-14{max-width:1240px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:clamp(30px,4vw,60px); align-items:center}
.hero__box-15{display:flex; flex-direction:column; gap:22px}
.hero__label-9{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.24em; color:#ffc53d}
.hero__title-2{margin:0; font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(32px,5vw,68px); line-height:.98; text-transform:uppercase; color:#eef2f6; text-wrap:balance}
.hero__text-4{margin:0; font-size:17px; line-height:1.6; color:#a9b4c0; max-width:560px; text-wrap:pretty}
.hero__text-5{margin:0; font-size:17px; line-height:1.6; color:#a9b4c0; max-width:560px}
.hero__box-16{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
.hero__link-2{display:inline-flex; align-items:center; gap:14px; font-family:'Oswald',sans-serif; font-weight:600; font-size:clamp(15px,1.6vw,20px); letter-spacing:.1em; text-transform:uppercase; color:#071229; background:#ffc53d; padding:18px 34px; box-shadow:0 0 40px rgba(255,197,61,.35); clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.hero__link-2:hover{background:#ffe08a}
.hero__label-10{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.18em; color:#6f7d8b}
.hero__box-17{position:relative; width:100%; aspect-ratio:4/5; border:1px solid rgba(255,197,61,.25)}
.beneficios__section{padding:clamp(64px,9vh,120px) clamp(18px,4vw,56px); border-top:1px solid rgba(255,197,61,.16)}
.beneficios__box{max-width:1240px; margin:0 auto; display:flex; flex-direction:column; gap:clamp(30px,5vh,52px)}
.beneficios__box-2{display:flex; flex-direction:column; gap:12px; max-width:720px}
.beneficios__title{margin:0; font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(28px,4vw,52px); line-height:1; text-transform:uppercase; color:#eef2f6}
.beneficios__card{padding:26px 24px 28px; background:linear-gradient(160deg, rgba(255,197,61,.07), rgba(255,255,255,.02)); border:1px solid rgba(255,197,61,.22); display:flex; flex-direction:column; gap:11px; clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.beneficios__card:hover{border-color:rgba(255,197,61,.6)}
.beneficios__subtitle{margin:0; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:23px; letter-spacing:.05em; text-transform:uppercase; color:#fff}
.etapas__section{padding:clamp(64px,9vh,120px) clamp(18px,4vw,56px); background:#0c1a33; border-top:1px solid rgba(255,197,61,.16)}
.etapas__box{max-width:1000px; margin:0 auto; display:flex; flex-direction:column; gap:clamp(26px,4vh,44px)}
.etapas__label{flex:0 0 auto; font-family:'Oswald',sans-serif; font-weight:700; font-size:19px; color:#ffc53d; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,197,61,.45); clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.depoimento__section-2{padding:clamp(60px,8vh,110px) clamp(18px,4vw,56px); border-top:1px solid rgba(255,197,61,.16)}
.depoimento__box-5{max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:22px; align-items:center; text-align:center}
.depoimento__quote-2{margin:0; font-family:'Oswald',sans-serif; font-weight:400; font-size:clamp(20px,2.8vw,36px); line-height:1.26; color:#eef2f6; text-wrap:pretty}
.depoimento__label-3{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.18em; color:#7d8b99}
.faq__box-4{max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:clamp(24px,4vh,40px)}