/* Páginas de serviço — hero, SEO, formulário diagnóstico, cross-sell */
body { background: var(--bg); color: #F0EEF5; font-family: 'DM Sans', sans-serif; }
body::before {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 60% 60% at 15% 30%, rgba(88,12,138,.18) 0%, transparent 65%),
    radial-gradient(ellipse 50% 50% at 80% 70%, rgba(112,8,56,.13) 0%, transparent 65%);
}
.cc-hero { padding:140px 80px 50px; position:relative; z-index:1; }
.cc-hero-inner { text-align:center; max-width:900px; margin:0 auto; }
.cc-eyebrow { font-family:'Sora',sans-serif; font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(244,121,32,.65); margin-bottom:24px; display:block; }
.cc-h1 { font-family:'Sora',sans-serif; font-size:clamp(56px,9vw,130px); font-weight:800; line-height:.92; letter-spacing:-.05em; color:#F0EEF5; margin-bottom:24px; }
.cc-h1 em { font-style:normal; background:linear-gradient(90deg,#F47920,#E91E72); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cc-desc { font-size:clamp(16px,1.5vw,20px); font-weight:300; color:rgba(240,238,245,.48); line-height:1.7; max-width:540px; margin:0 auto; }
.cc-icon-anim { width:80px; height:80px; margin:0 auto 36px; position:relative; }
.cc-icon-anim svg { width:100%; height:100%; color:rgba(244,121,32,.82); }
.cc-seo { position:relative; z-index:1; padding:0 80px 80px; columns:2; column-gap:60px; font-size:clamp(14px,1.2vw,16px); font-weight:300; color:rgba(240,238,245,.52); line-height:1.95; }
.cc-seo strong { color:rgba(240,238,245,.78); font-weight:500; }
.cc-seo h3 { font-family:'Sora',sans-serif; font-size:16px; font-weight:700; color:#F0EEF5; margin-top:32px; margin-bottom:12px; break-after:avoid; }
.cc-block { break-inside: avoid; }
.crosssell { position:relative; z-index:1; background:linear-gradient(135deg,#F47920,#E91E72); padding:60px 80px; color:#fff; }
.crosssell-inner { max-width:none; }
.crosssell h3 { font-family:'Sora',sans-serif; font-size:clamp(20px,2.5vw,32px); font-weight:800; letter-spacing:-.02em; margin-bottom:24px; }
.crosssell ul { list-style:none; display:flex; flex-wrap:wrap; gap:12px; }
.crosssell ul li { flex:1; min-width:130px; }
.crosssell ul li a { font-family:'Sora',sans-serif; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; padding:9px 20px; border:1.5px solid rgba(255,255,255,.5); border-radius:2px; color:#fff; display:block; text-align:center; transition:background .22s; }
.crosssell ul li a:hover { background:rgba(255,255,255,.15); border-color:#fff; }
@media (max-width:900px) {
  .cc-hero { padding:100px 40px 40px; }
  .cc-seo { columns:1; padding:0 40px 60px; }
  .crosssell { padding:40px 40px; }
}
@media (max-width:600px) {
  .cc-hero { padding:80px 20px 32px; }
  .cc-seo { padding:0 20px 48px; }
  .crosssell { padding:40px 20px; width:100%; box-sizing:border-box; }
  .crosssell-inner { width:100%; }
  .crosssell ul { display:block; width:100%; }
  .crosssell ul li { display:block; margin-bottom:8px; }
  .crosssell ul li:last-child { margin-bottom:0; }
  .crosssell ul li a { display:block; padding:12px 16px; text-align:left; width:100%; }
}