/* ==========================================================================
   RM Tech · Camada de compatibilidade visual
   --------------------------------------------------------------------------
   Traduz as classes ANTIGAS das páginas (service-hero, benefits-grid,
   related-card, post-card, rv-*, article-body...) para a mesma linguagem
   visual das páginas de serviço e da home nova — sem mexer no HTML.

   Como usar numa página: <body class="svc-legado"> + este arquivo por último
   no <head>. É autossuficiente (traz os próprios tokens), então NÃO depende
   de servico.css.

   Todo seletor começa com .svc-legado para vencer o <style> da própria
   página por especificidade, independente da ordem de carregamento.
   ========================================================================== */

.svc-legado{
  /* Superfícies */
  --ink:#0a1220; --ink-2:#0f1c30;
  --paper:#ffffff; --paper-2:#f4f6fa; --paper-3:#eaeef5;
  --line:#dbe2ec; --line-strong:#c3cddd;
  /* Marca */
  --blue:#0056b3; --blue-deep:#003366; --blue-lit:#4b93f7;
  --amber:#ffc107; --violet:#6a1b9a; --green:#0e9f6e;
  /* Texto */
  --tx:#101b2b; --tx-2:#4b5b70; --tx-inv-2:#a8bdd8;
  /* Ritmo */
  --r-sm:6px; --r:12px; --r-lg:20px;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --display:"Archivo","Poppins",system-ui,sans-serif;
}

/* ---------------------------------------------------------------- TÍTULOS */
.svc-legado .service-hero h1,
.svc-legado .blog-hero h1,
.svc-legado .rv-hero h1,
.svc-legado .service-section h2,
.svc-legado .service-section h3,
.svc-legado .article-body h2,
.svc-legado .article-body h3,
.svc-legado .cta-section h2,
.svc-legado .cta-banner h2,
.svc-legado .rv-cta h2,
.svc-legado .nf-wrap h1,
.svc-legado .obrigado-wrap h1,
.svc-legado .legal-wrap h1{
  font-family:var(--display);letter-spacing:-.02em;line-height:1.14;font-weight:800
}

/* ----------------------------------------------------------- BREADCRUMB */
.svc-legado .breadcrumb{
  background:var(--paper-2);border-bottom:1px solid var(--line);padding:14px 0
}
.svc-legado .breadcrumb-content{
  display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase
}
.svc-legado .breadcrumb-item{color:var(--tx-2);text-decoration:none}
.svc-legado a.breadcrumb-item:hover{color:var(--blue)}
.svc-legado .breadcrumb-content > :last-child .breadcrumb-item,
.svc-legado .breadcrumb-content > :last-child > span:last-child{color:var(--blue);font-weight:700}
.svc-legado .breadcrumb-separator{color:var(--line-strong);padding:0 4px}

/* --------------------------------------------------------------- HERÓIS */
.svc-legado .service-hero,
.svc-legado .blog-hero,
.svc-legado .rv-hero{
  position:relative;background:var(--ink);color:#fff;
  padding:64px 0 68px;overflow:hidden;isolation:isolate;text-align:left
}
/* o herói de avaliações não usa .container: alinhamos o texto com o menu */
.svc-legado .rv-hero{padding-inline:max(24px,calc((100vw - 1160px) / 2))}
/* malha de planta técnica */
.svc-legado .service-hero::before,
.svc-legado .blog-hero::before,
.svc-legado .rv-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:
    linear-gradient(rgba(75,147,247,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,147,247,.10) 1px,transparent 1px),
    linear-gradient(rgba(75,147,247,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,147,247,.05) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px;
  mask-image:radial-gradient(120% 90% at 25% 20%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(120% 90% at 25% 20%,#000 0%,transparent 78%)
}
/* halo azul/violeta */
.svc-legado .service-hero::after,
.svc-legado .blog-hero::after,
.svc-legado .rv-hero::after{
  content:"";position:absolute;z-index:-1;width:900px;height:900px;right:-300px;top:-420px;
  background:radial-gradient(circle,rgba(0,86,179,.55) 0%,rgba(106,27,154,.22) 42%,transparent 70%);
  pointer-events:none
}
.svc-legado .service-hero h1,
.svc-legado .blog-hero h1,
.svc-legado .rv-hero h1{
  color:#fff;font-size:clamp(1.8rem,1.2rem + 2.4vw,2.75rem);margin:0 0 16px;max-width:20ch
}
.svc-legado .blog-hero h1,
.svc-legado .rv-hero h1{max-width:24ch}
.svc-legado .service-hero p,
.svc-legado .blog-hero p,
.svc-legado .rv-hero p{
  color:var(--tx-inv-2);font-size:1.06rem;line-height:1.7;max-width:56ch;margin:0 0 20px
}
.svc-legado .rv-hero p{margin-left:0;margin-right:0}

/* etiqueta e assinatura do artigo */
.svc-legado .article-tag{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);background:none;border:0;padding:0;margin:0 0 14px
}
.svc-legado .article-tag::before{content:"";width:26px;height:2px;background:var(--amber)}
.svc-legado .article-meta{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:#7f9dc4;margin:0
}

/* placar de avaliações dentro do herói */
.svc-legado .rv-score{
  background:rgba(10,18,32,.72);border:1px solid rgba(126,175,255,.22);border-radius:var(--r);
  padding:18px 26px;gap:18px
}
.svc-legado .rv-score .num{font-family:var(--display);font-size:2.4rem}
.svc-legado .rv-score .stars{color:var(--amber)}
.svc-legado .rv-score .meta{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-inv-2)
}
.svc-legado .rv-google{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:#7f9dc4}

/* ------------------------------------------------------------- CONTEÚDO */
.svc-legado .service-content{background:var(--paper);padding:64px 0}
.svc-legado .service-section{margin:0 0 56px}
.svc-legado .service-section:last-of-type{margin-bottom:0}
.svc-legado .service-section h2,
.svc-legado .article-body h2{
  font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);color:var(--tx);margin:0 0 18px
}
.svc-legado .service-section h3,
.svc-legado .article-body h3{font-size:1.12rem;color:var(--tx);margin:0 0 8px}
.svc-legado .service-section p,
.svc-legado .article-body p,
.svc-legado .section-lead{
  color:var(--tx-2)!important;line-height:1.75;font-size:1rem;max-width:70ch
}
.svc-legado .service-section strong,
.svc-legado .article-body strong{color:var(--tx)}
/* links de texto — os botoes ficam de fora, senao herdam o azul */
.svc-legado .service-section a:not([class]),
.svc-legado .article-body a:not([class]){color:var(--blue)}

/* --------------------------------------- LISTA DE BENEFÍCIOS (checklist) */
.svc-legado .benefits-grid{
  display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))
}
.svc-legado .benefits-grid > *{min-width:0}
.svc-legado .benefit-item{
  position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:16px 18px 16px 48px;color:var(--tx);font-size:.95rem;line-height:1.55;
  transition:border-color .2s ease,transform .2s ease
}
.svc-legado .benefit-item:hover{border-color:var(--blue);transform:translateY(-2px)}
.svc-legado .benefit-item::before{ /* tique desenhado em CSS, sem emoji */
  content:"";position:absolute;left:20px;top:20px;width:6px;height:11px;
  border-right:2.5px solid var(--green);border-bottom:2.5px solid var(--green);
  transform:rotate(45deg)
}

/* ------------------------------------------------- CARTÕES RELACIONADOS */
.svc-legado .related-grid,
.svc-legado .related-services{
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))
}
.svc-legado .related-grid > *{min-width:0}
.svc-legado .related-card{
  display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:24px;box-shadow:none;
  transition:border-color .2s ease,transform .2s ease
}
.svc-legado .related-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.svc-legado .related-card-icon{
  width:44px;height:44px;border-radius:10px;background:#eaf1fd;
  display:grid;place-items:center;font-size:1.3rem;margin:0 0 14px
}
.svc-legado .related-card h3{font-size:1.05rem;color:var(--blue);margin:0 0 8px;font-family:var(--display)}
.svc-legado .related-card p{font-size:.88rem;color:var(--tx-2);line-height:1.6;margin:0 0 12px}
.svc-legado .related-card-link{
  font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--blue)
}

/* --------------------------------------------------------------- BOTÕES */
.svc-legado .btn,
.svc-legado .cta-btn,
.svc-legado .rv-btn,
.svc-legado .btn-ghost,
.svc-legado .btn-wa,
.svc-legado .btn-voltar,
.svc-legado .btn-zap,
.svc-legado .project-link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 26px;border-radius:999px;
  font-weight:600;font-size:1rem;text-decoration:none;border:1px solid transparent;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease
}
.svc-legado .btn-primary,
.svc-legado .cta-btn,
.svc-legado .btn-zap,
.svc-legado .btn-wa{
  background:var(--amber);color:#241a00;box-shadow:0 10px 30px -12px rgba(255,193,7,.75)
}
.svc-legado .btn-primary:hover,
.svc-legado .cta-btn:hover,
.svc-legado .btn-zap:hover,
.svc-legado .btn-wa:hover{background:#ffcf3d}
.svc-legado .rv-btn,
.svc-legado .project-link{background:var(--blue);color:#fff}
.svc-legado .rv-btn:hover,
.svc-legado .project-link:hover{background:var(--blue-deep)}
.svc-legado .btn-ghost,
.svc-legado .btn-voltar{
  background:transparent;border-color:var(--line-strong);color:var(--blue)
}
.svc-legado .btn-ghost:hover,
.svc-legado .btn-voltar:hover{border-color:var(--blue);background:#eef4fd}
/* dentro de faixa escura o contorno muda de cor */
.svc-legado .service-hero .btn-ghost,
.svc-legado .cta-section .btn-ghost,
.svc-legado .cta-banner .btn-ghost{border-color:rgba(168,189,216,.45);color:#e8f0fb}
.svc-legado .service-hero .btn-ghost:hover,
.svc-legado .cta-section .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.svc-legado .btn:focus-visible,
.svc-legado .cta-btn:focus-visible,
.svc-legado .rv-btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

.svc-legado .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.svc-legado .hero-rating{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--tx-inv-2);margin-top:18px
}

/* ------------------------------------------------------------ CTA FINAL */
.svc-legado .cta-section,
.svc-legado .cta-banner,
.svc-legado .rv-cta,
.svc-legado .final-cta,
.svc-legado .article-cta{
  position:relative;background:var(--ink);color:#fff;border-radius:var(--r-lg);
  padding:52px 28px;text-align:center;overflow:hidden;isolation:isolate;margin-top:56px
}
@media(min-width:768px){
  .svc-legado .cta-section,
  .svc-legado .cta-banner,
  .svc-legado .rv-cta,
  .svc-legado .final-cta,
  .svc-legado .article-cta{padding:64px 48px}
}
.svc-legado .cta-section::before,
.svc-legado .cta-banner::before,
.svc-legado .rv-cta::before,
.svc-legado .final-cta::before,
.svc-legado .article-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(75,147,247,.10) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(75,147,247,.10) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:radial-gradient(80% 120% at 50% 0%,#000,transparent 75%);
  -webkit-mask-image:radial-gradient(80% 120% at 50% 0%,#000,transparent 75%)
}
.svc-legado .cta-section h2,
.svc-legado .cta-banner h2,
.svc-legado .rv-cta h2,
.svc-legado .final-cta h2,
.svc-legado .article-cta h2{
  color:#fff!important;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);margin:0 0 12px
}
.svc-legado .cta-section p,
.svc-legado .cta-banner p,
.svc-legado .rv-cta p,
.svc-legado .final-cta p,
.svc-legado .article-cta p{
  color:var(--tx-inv-2)!important;margin:0 auto 26px;max-width:56ch;line-height:1.7
}

/* ================================================= ARTIGO DO BLOG ======= */
.svc-legado .article-body{
  background:var(--paper);padding-top:56px;padding-bottom:56px
}
.svc-legado .article-body > p,
.svc-legado .article-body > ul,
.svc-legado .article-body > ol{max-width:70ch}
.svc-legado .article-body li{color:var(--tx-2);line-height:1.75}

/* o CSS global zera os marcadores: devolvemos um ponto na cor da marca */
.svc-legado .article-body ul{list-style:none;margin-left:0;padding-left:0}
.svc-legado .article-body ul li{position:relative;padding-left:26px}
.svc-legado .article-body ul li::before{
  content:"";position:absolute;left:7px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--blue)
}
.svc-legado .article-body ol{margin-left:0;padding-left:24px}
.svc-legado .article-body ol li::marker{color:var(--blue);font-weight:700}

/* título de seção: régua fina com acento âmbar, no lugar da barra azul grossa */
.svc-legado .article-body h2{
  position:relative;border-bottom:1px solid var(--line);padding-bottom:12px;margin:44px 0 18px
}
.svc-legado .article-body h2::after{
  content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;background:var(--amber)
}

/* números em destaque */
.svc-legado .stat-grid{
  display:grid;gap:2px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin:32px 0
}
.svc-legado .stat-card{background:var(--paper);padding:22px 20px;border:0;border-radius:0;box-shadow:none}
.svc-legado .stat-card .number{
  font-family:var(--display);font-size:1.7rem;color:var(--blue);line-height:1.1;
  font-variant-numeric:tabular-nums
}
.svc-legado .stat-card .label{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--tx-2);margin-top:8px;line-height:1.5
}

/* tabelas: rolam dentro da própria caixa em vez de estourar a tela */
.svc-legado .article-body table,
.svc-legado .service-section table{
  display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;
  border-collapse:collapse;font-size:.92rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r);margin:28px 0
}
.svc-legado .article-body th,.svc-legado .article-body td,
.svc-legado .service-section th,.svc-legado .service-section td{
  padding:12px 16px;text-align:left;border-bottom:1px solid var(--paper-3);color:var(--tx-2)
}
.svc-legado .article-body thead th,
.svc-legado .service-section thead th{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--tx-2);font-weight:500;background:var(--paper-2);white-space:nowrap;
  border-bottom:1px solid var(--line)
}
.svc-legado .article-body tbody td:first-child,
.svc-legado .service-section tbody td:first-child{color:var(--tx);font-weight:600}
.svc-legado .article-body tbody tr:last-child td,
.svc-legado .service-section tbody tr:last-child td{border-bottom:0}

/* caixa de atenção */
.svc-legado .highlight-box{
  border:0;border-left:3px solid var(--amber);background:#fffaeb;
  border-radius:0 var(--r-sm) var(--r-sm) 0;padding:16px 20px;margin:28px 0;
  font-size:.95rem;color:#5c4708;line-height:1.7;box-shadow:none
}
.svc-legado .highlight-box strong{color:#3d2f00}

/* perguntas frequentes */
.svc-legado .faq-section{margin-top:48px;border-top:1px solid var(--line);max-width:820px}
.svc-legado .faq-item{
  border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
  padding:22px 0;margin:0;box-shadow:none
}
.svc-legado .faq-item h3{
  font-family:var(--display);font-weight:700;font-size:1.02rem;color:var(--tx);margin:0 0 8px
}
.svc-legado .faq-item p{margin:0;color:var(--tx-2);font-size:.96rem;line-height:1.7}

/* leituras relacionadas */
.svc-legado .related-posts{
  background:var(--paper-2)!important;border:1px solid var(--line);border-radius:var(--r);
  padding:24px 26px!important;margin-top:40px
}
.svc-legado .related-posts h3{
  font-family:var(--mono)!important;font-size:.7rem!important;font-weight:700!important;
  letter-spacing:.16em!important;text-transform:uppercase;color:var(--blue)!important;
  margin:0 0 14px!important
}
.svc-legado .related-posts ul li{border-bottom-color:var(--line)!important;padding:10px 0!important}
/* a lista de leituras nao usa o marcador do corpo do artigo */
.svc-legado .related-posts ul li::before{display:none}
.svc-legado .related-posts ul li a{color:var(--tx)!important;font-weight:600!important;font-size:.94rem!important}
.svc-legado .related-posts ul li a:hover{color:var(--blue)!important}

/* ================================================= ÍNDICE DO BLOG ====== */
.svc-legado .blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.svc-legado .filter-btn{
  font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--paper);border:1px solid var(--line);color:var(--tx-2);
  border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease
}
.svc-legado .filter-btn:hover{border-color:var(--blue);color:var(--blue)}
.svc-legado .filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}

.svc-legado .blog-grid{
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))
}
.svc-legado .blog-grid > *{min-width:0}
.svc-legado .post-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease
}
.svc-legado .post-card:hover{
  border-color:var(--blue);transform:translateY(-4px);box-shadow:0 20px 38px -26px rgba(0,86,179,.55)
}
.svc-legado .post-card-top{
  position:relative;isolation:isolate;padding:26px 22px 20px;
  background:linear-gradient(135deg,#0056b3,#003d80)
}
.svc-legado .post-card-top::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(70% 100% at 50% 0%,#000,transparent 76%);
  -webkit-mask-image:radial-gradient(70% 100% at 50% 0%,#000,transparent 76%)
}
.svc-legado .post-icon{font-size:1.7rem;margin-bottom:10px;line-height:1}
.svc-legado .post-tag{
  font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.13em;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:5px 11px;border-radius:999px
}
.svc-legado .post-card-body{padding:22px}
.svc-legado .post-title{
  font-family:var(--display);font-size:1.02rem;font-weight:700;color:var(--tx);
  line-height:1.4;letter-spacing:-.01em;margin-bottom:10px
}
.svc-legado .post-card:hover .post-title{color:var(--blue)}
.svc-legado .post-desc{font-size:.9rem;color:var(--tx-2);line-height:1.65;margin-bottom:16px}
.svc-legado .post-meta{
  font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-2)
}
.svc-legado .post-read{
  font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--blue)
}

/* ==================================================== AVALIAÇÕES ======= */
.svc-legado .rv-wrap{padding-top:64px;padding-bottom:72px}
.svc-legado .rv-card{
  border:1px solid var(--line);border-radius:var(--r);box-shadow:none;padding:26px 24px 22px;
  transition:border-color .2s ease,transform .2s ease
}
.svc-legado .rv-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.svc-legado .rv-avatar{width:40px;height:40px;font-family:var(--display);font-weight:700}
.svc-legado .rv-name{font-size:.94rem;color:var(--tx);font-weight:600}
.svc-legado .rv-stars{color:var(--amber);letter-spacing:2px}
.svc-legado .rv-text{color:var(--tx-2);font-size:.95rem;line-height:1.75}
.svc-legado .rv-badge-g{
  font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-2)
}

/* ======================================= PROCESSO E PORTFÓLIO ========== */
.svc-legado .process-steps{display:grid;gap:24px}
@media(min-width:900px){.svc-legado .process-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}
.svc-legado .process-step{
  position:relative;background:none;border:0;box-shadow:none;padding:0 0 0 56px
}
.svc-legado .step-number{
  position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;background:var(--blue);color:#fff;
  font-family:var(--mono);font-weight:700;font-size:.9rem
}
.svc-legado .step-content h3{font-family:var(--display);font-size:1.05rem;color:var(--tx);margin:6px 0 6px}
.svc-legado .step-content p{font-size:.92rem;color:var(--tx-2);line-height:1.65;margin:0}

.svc-legado .project-grid{
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))
}
.svc-legado .project-grid > *{min-width:0}
.svc-legado .project-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:none;transition:border-color .2s ease,transform .2s ease
}
.svc-legado .project-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.svc-legado .project-info{padding:20px 22px 22px}
.svc-legado .project-name{font-family:var(--display);font-size:1.05rem;color:var(--tx);font-weight:700}
.svc-legado .project-desc{font-size:.9rem;color:var(--tx-2);line-height:1.6}
.svc-legado .project-tag,
.svc-legado .project-badge{
  font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  background:#eaf1fd;color:var(--blue);border:1px solid #d7e5fb;border-radius:999px;padding:5px 10px
}

/* ============================== PÁGINAS SIMPLES (404, obrigado, legal) = */
.svc-legado .nf-wrap,
.svc-legado .obrigado-wrap,
.svc-legado .legal-wrap{color:var(--tx-2);line-height:1.75}
.svc-legado .nf-wrap h1,
.svc-legado .obrigado-wrap h1,
.svc-legado .legal-wrap h1{color:var(--tx);font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem)}
.svc-legado .legal-wrap h2{font-family:var(--display);color:var(--tx);letter-spacing:-.015em}
.svc-legado .legal-wrap p,
.svc-legado .legal-wrap li{color:var(--tx-2)}
.svc-legado .updated{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-2)
}
.svc-legado .nf-wrap .code{
  font-family:var(--display);color:var(--blue);letter-spacing:-.04em
}
.svc-legado .obrigado-wrap .check{color:var(--green)}
.svc-legado .acoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
/* o 404 usa links sem classe dentro de .acoes */
.svc-legado .acoes a{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:1rem;
  text-decoration:none;border:1px solid transparent;
  transition:background-color .2s ease,box-shadow .2s ease
}
.svc-legado .acoes a:first-of-type{
  background:var(--amber);color:#241a00;box-shadow:0 10px 30px -12px rgba(255,193,7,.75)
}
.svc-legado .acoes a:first-of-type:hover{background:#ffcf3d}
.svc-legado .acoes a.alt{background:#1faa55;color:#fff;box-shadow:none}
.svc-legado .acoes a.alt:hover{background:#178c45}
.svc-legado .acoes a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* ------------------------------------------------------------ TELA PEQUENA */
@media(max-width:640px){
  .svc-legado .service-hero,
  .svc-legado .blog-hero,
  .svc-legado .rv-hero{padding:48px 0 52px}
  .svc-legado .service-content{padding:48px 0}
  .svc-legado .service-section{margin-bottom:44px}
  .svc-legado .cta-section,
  .svc-legado .cta-banner,
  .svc-legado .rv-cta,
  .svc-legado .final-cta,
  .svc-legado .article-cta{padding:40px 20px}
  .svc-legado .btn,
  .svc-legado .cta-btn,
  .svc-legado .rv-btn,
  .svc-legado .btn-ghost,
  .svc-legado .btn-wa{width:100%;padding:0 18px}
  .svc-legado .related-card,
  .svc-legado .rv-card{padding:22px 20px}
  .svc-legado .article-body{padding-top:44px;padding-bottom:44px}
}

@media (prefers-reduced-motion:reduce){
  .svc-legado *,.svc-legado *::before,.svc-legado *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important
  }
}
