/* ============================================================
   AF Tecnologia — páginas de solução
   ============================================================ */
.service-page{max-width:1144px;margin:0 auto;padding:40px 28px 105px}
.service-back{display:inline-block;color:var(--blue);font-size:14px;font-weight:700;text-decoration:none}
.service-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:60px 0 80px}
.service-hero h1{font:800 clamp(38px,4.8vw,64px)/1.08 var(--font-head);letter-spacing:-2.4px;margin:0;max-width:700px}
.service-hero h1 em{color:var(--blue);font-style:normal}
.service-lead{max-width:670px;color:#627089;font-size:18px;line-height:1.65;margin:24px 0 30px}
.service-actions{display:flex;gap:12px;flex-wrap:wrap}
.service-badge{background:linear-gradient(145deg,#061739,#0b65e5);border-radius:18px;min-height:300px;padding:35px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:15px 22px 0 #d8f0ff}
.service-badge strong{font:800 60px/1 var(--font-head);color:#28d9f5;letter-spacing:-2px}
.service-badge span{margin-top:12px;font:600 15px var(--font-head);letter-spacing:1px;line-height:1.4}

.audience{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:0 0 10px;font-size:13px;color:var(--muted)}
.audience b{font-weight:700;color:#3b4861;margin-right:4px}
.audience span{padding:7px 13px;border-radius:999px;background:var(--pale);border:1px solid var(--line);font-weight:600;color:#3b4861}

.service-block{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:1fr 1.65fr;gap:70px}
.service-block h2{font:800 30px/1.2 var(--font-head);letter-spacing:-1.4px}
.service-block h2 small{display:block;margin-top:12px;font:600 14px/1.5 var(--font-body);color:var(--muted);letter-spacing:0}
.service-block p{color:#5c6981;line-height:1.75;margin:0 0 18px}
.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.benefits div{border:1px solid var(--line);border-radius:10px;padding:22px}
.benefits b{display:block;font:700 16px var(--font-head);margin-bottom:8px}
.benefits p{font-size:14px;margin:0}

.deliverables{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.deliverables li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:10px;background:var(--pale);font-size:14.5px;line-height:1.5;color:#2f3d57}
.deliverables li::before{content:"✓";flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e6f9ed;color:var(--green-dark);font-weight:800;font-size:12px;margin-top:1px}
.deliverables b{display:block;color:var(--ink)}

.service-steps{counter-reset:step;display:grid;gap:14px}
.service-steps div{counter-increment:step;display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start}
.service-steps div:before{content:"0" counter(step);font:700 18px var(--font-head);color:var(--blue)}
.service-steps b{font:700 16px var(--font-head)}
.service-steps p{font-size:14px;margin:5px 0 0}

.tech-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.tech-tags span{padding:8px 13px;border-radius:8px;border:1px solid var(--line);font-size:13px;font-weight:600;color:#3b4861;background:#fff}

.service-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.service-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font:700 16px var(--font-head)}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary::after{content:"+";font-size:22px;color:var(--blue);font-weight:400;flex-shrink:0;transition:transform .2s}
.service-faq details[open] summary::after{transform:rotate(45deg)}
.service-faq p{font-size:14.5px;margin:0 0 16px}

.service-cta{background:var(--ink);color:#fff;border-radius:16px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px}
.service-cta div{max-width:600px}
.service-cta h2{font:800 clamp(26px,3vw,38px)/1.15 var(--font-head);letter-spacing:-1.5px;margin:0}
.service-cta p{color:#b1c0da;margin:14px 0 0;font-size:15px;line-height:1.6}
.service-cta .button{flex-shrink:0}

.related{border-top:1px solid var(--line);padding:50px 0 0}
.related h2{font:800 24px var(--font-head);letter-spacing:-1px;margin-bottom:22px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.related-grid a{display:block;border:1px solid var(--line);border-radius:10px;padding:20px;text-decoration:none;color:var(--ink);transition:.2s}
.related-grid a:hover{border-color:#79c3ff;transform:translateY(-3px)}
.related-grid b{display:block;font:700 15px var(--font-head);margin-bottom:5px}
.related-grid p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}

@media(max-width:760px){
  .service-hero,.service-block{grid-template-columns:1fr;gap:35px}
  .service-hero{padding-block:40px 60px}
  .service-badge{min-height:190px}
  .benefits,.deliverables{grid-template-columns:1fr}
  .service-cta{padding:32px;display:grid}
  .service-cta .button{justify-self:start}
  .related-grid{grid-template-columns:1fr}
}

/* ---------- Página de produto (AutoF) ---------- */
.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.module{border:1px solid var(--line);border-radius:10px;padding:22px}
.module b{display:block;font:700 17px var(--font-head);margin-bottom:6px}
.module-promise{color:var(--blue)!important;font-weight:600;font-size:14px;margin-bottom:8px!important}
.module p{font-size:14px;margin:0}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan{position:relative;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column}
.plan--rec{border-color:var(--blue);box-shadow:0 14px 30px #0968fa1f}
.plan-tag{position:absolute;top:-11px;left:20px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:999px}
.plan b{font:800 20px var(--font-head);letter-spacing:-.4px}
.plan small{color:var(--muted);font-size:13px;margin:4px 0 14px}
.plan-price{font-size:13px;color:var(--muted);margin-bottom:12px}
.plan-price strong{font:800 26px var(--font-head);color:var(--ink);margin-right:2px;letter-spacing:-.8px}
.plan>p{font-size:14px;margin:0 0 14px}
.plan ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:7px;font-size:13.5px;color:#3b4861}
.plan li::before{content:"✓";color:var(--green-dark);font-weight:700;margin-right:8px}
.plan .button{margin-top:auto;justify-content:center}
@media(max-width:1000px){.plans{grid-template-columns:1fr}}
@media(max-width:760px){.modules{grid-template-columns:1fr}}