:root{
      --bg: #0b0b0b;
      --bg-2: #111111;
      --text: #ffffff;
      --muted: rgba(255,255,255,.72);

      --yellow: #ffba04;

      --green: #25D366;

      --glass: rgba(10,10,10,.72);
      --max: 1280px;

      --header-h: 66px;
      --brand-h: 46px;
    }

    /* base */
    *{ box-sizing:border-box; }
    html,body{ height:100%; }

    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background:
        radial-gradient(900px 500px at 15% 0%, rgba(255, 200, 60, .10), transparent 60%),
        radial-gradient(800px 520px at 85% 30%, rgba(255, 255, 255, .06), transparent 55%),
        linear-gradient(180deg, #070707 0%, #0b0b0b 60%, #070707 100%);
        background-attachment: fixed;
      color: var(--text);
      padding-top: var(--header-h);
    }

    html, body{
      height: 100%;
    }

    a{ color: inherit; text-decoration:none; }
    img{ max-width:100%; height:auto; display:block; }

    .container{
      max-width: var(--max);
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ===== Header ===== */
    .topbar{
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 9999;
      background: var(--glass);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(255,255,255,.06);
    }

    .nav{
      height: var(--header-h);
      min-height: var(--header-h);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      color:#fff;
    }

    .brand-logo,
    .brand img{
      height: var(--brand-h);
      width:auto;
      filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));
    }

    .navlinks{
      display:flex;
      align-items:center;
      gap:22px;
      list-style:none;
      margin:0;
      padding:0;
    }

    .navlinks a{
      color: rgba(255,255,255,.86);
      font-weight: 600;
      font-size: 14px;
      line-height: 1;
      padding: 10px 6px;
      transition: .2s ease;
    }

    .navlinks a:hover{
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }

    /* ===== Botão topo ===== */
    .topbar .cta-outline,
    .topbar .cta-outline:visited{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 12px;

      background: var(--green);
      color:#ffffff !important;
      padding: 12px 18px;
      border-radius: 999px;       /* pill */
      border: 0;                  /* sem borda */
      font-weight: 500;
      line-height: 1;

      box-shadow: 0 14px 30px rgba(37, 211, 102, .22);
      white-space:nowrap;
    }

    .topbar .cta-outline::after{
      content:"";
      width: 18px;
      height: 18px;
      flex: 0 0 auto;

      /* ÍCONE VERDE dentro da “bolinha branca” (funciona mesmo se seu PNG for branco) */
      background: var(--green);

      -webkit-mask: url("assets/whatsapp.png") center / contain no-repeat;
      mask: url("assets/whatsapp.png") center / contain no-repeat;

      border-radius: 999px;
      box-shadow: 0 0 0 8px #fff; /* cria a bolinha branca ao redor */
    }

    .topbar .cta-outline:hover{
      transform: translateY(-1px);
      filter: brightness(1.02);
    }

    /* Burger / mobile */
    .burger{
      display:none;
      background:transparent;
      border:0;
      padding:10px;
      cursor:pointer;
      color:#fff;
    }

    .mobile{
      display:none;
      padding: 10px 0 18px;
    }

    .mobile a{
      display:block;
      padding: 12px 0;
      color:#fff;
      border-top: 1px solid rgba(255,255,255,.06);
    }

    .mobile a:hover{
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }
    .mobile.open{ display:block; }

    /* ===== Hero ===== */
    .hero{
      position:relative;
      min-height: auto;
      display:flex;
      align-items:stretch;
      overflow:hidden;
      padding-bottom: 0px;
    }

    .hero::after{
      content:"";
      position:absolute;
      inset:0;
      background: radial-gradient(900px 520px at 18% 58%, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.78) 100%);
      pointer-events:none;
    }

    .hero-inner{
      position:relative;
      z-index:2;
      width:100%;
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 40px;
      align-items:center;
      padding: 0px 0;
    }

    /* HERO - logo atrás da pessoa */
    .hero-art{
      display: flex;
      justify-content: flex-start; 
    }

    .hero-art::before{
      content:"";
      position:absolute;
      z-index: 0;
      pointer-events:none;

      width: 900px;   
      height: 900px;

      top: 35%;
      right: -280px;
      transform: translateY(-50%) rotate(17deg);
      transform-origin: center;

      
      background: url("assets/logo-leão.png") no-repeat center;
      background-size: contain;
      opacity: .18;             
      filter: blur(0.6px); 
    }

    /* pessoa na frente */
    .hero-art .people{
      position: relative;
      z-index: 1;
      margin: -80px 0 0; 
      left: -60px;
      top: 0;           
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color: #ffba04;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 0 10px 30px rgba(247, 201, 72, .18);
      font-weight: 900;
      letter-spacing:.2px;
      margin-bottom: 12px;
      text-shadow: 0 8px 26px rgba(0,0,0,.55);
    }

    h1{
      margin: 0 0 14px;
      font-size: clamp(40px, 4.4vw, 72px);
      line-height: 1.02;
      font-weight: 950;
      letter-spacing: -0.6px;
      text-shadow: 0 18px 52px rgba(0,0,0,.55);
    }

    .sub{
      margin: 0 0 26px;
      color: var(--muted);
      font-size: 18px;
      max-width: 620px;
      line-height: 1.45;
      text-shadow: 0 14px 34px rgba(0,0,0,.45);
    }

    .actions{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      align-items:center;
    }

    /* botões do hero */
    .btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      border:0;
      cursor:pointer;
      padding: 14px 18px;
      border-radius: 14px;
      font-weight: 900;
      transition: .2s ease;
      user-select:none; 
      white-space:nowrap;
    }

    .btn-primary{
      background: var(--green);
      color:#ffffff;
      box-shadow: 0 18px 38px rgba(37,211,102,.18);
      font-weight: 700;
    }

    .btn-primary:hover{ transform: translateY(-1px); filter: brightness(1.02); }

    .btn-ghost{
      background: rgba(255,186,4,.08);
      color: var(--yellow);
      border: 1px solid rgba(255,186,4,.35);
    }

    .btn-ghost:hover{ background: rgba(255,186,4,.12); transform: translateY(-1px); }

    /* ===== Seções ===== */
    .section{ padding: 10px 0; }
    .section-last{ padding-bottom: 120px; }

    .section-title{
      margin: 0 0 10px;
      font-size: clamp(26px, 2.6vw, 42px);
      font-weight: 950;
      letter-spacing:-.3px;
    }

    .section-sub{
      margin: 0;
      color: var(--muted);
      max-width: 900px;
      line-height: 1.55;
    }

    /* ===== WhatsApp flutuante ===== */
    .wa-float{
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 1000;
      width: 70px;
      height: 70px;
      border-radius: 999px;
      display:flex;
      align-items:center;
      justify-content:center;
      background: var(--green);
      border: 1px solid rgba(0,0,0,.15);
      box-shadow: 0 18px 44px rgba(37,211,102,.22);
    }

    .wa-float img{
      width: 30px;
      height: 30px;
    }

    /* ===== Responsivo ===== */
    @media (max-width: 900px){
      .navlinks, .cta-outline{ display:none; }
      .burger{ display:inline-flex; }
    }

    @media (max-width: 480px){
      :root{
        --header-h: 60px;
        --brand-h: 42px;
      }
    }

    /* ===== Stats (círculos maiores e mais bonitos)   ===== */
    .stats-band{
      padding: 28px 0 28px;
      background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(234, 234, 119, 0.17) 100%);
    }

    .stats{
      display:flex;
      align-items:center; 
      justify-content:center;
      gap: 98px; /* mais respiro */
    }

    .stat-circle{
      width: 190px;
      height: 190px;
      border-radius: 999px;

      background:
        radial-gradient(120px 120px at 35% 30%, rgba(129, 95, 1, 0.11), transparent 65%),
        rgba(0,0,0,.92);

      border: 2px solid rgba(255,255,255,.16);
      box-shadow:
        0 22px 60px rgba(0,0,0,.42),
        inset 0 0 0 1px rgba(255,255,255,.06);

      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;

      padding: 18px;
    }

    .stat-number{
      /* dourado com brilho */
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18);
      font-weight: 950;
      font-size: 42px;
      line-height: 1;
      letter-spacing: .2px;
      margin-bottom: 10px;
      text-shadow: 0 10px 26px rgba(0,0,0,.35);
    }

    .stat-text{
      color: rgba(255,255,255,.92);
      font-weight: 800;
      font-size: 16px;
      line-height: 1.15;
    }

    /* Tablet */
    @media (max-width: 900px){
      .stats{ gap: 34px; }
      .stat-circle{ width: 168px; height: 168px; }
      .stat-number{ font-size: 38px; }
    }

    /* Celular */
    @media (max-width: 520px){
      .stats{ flex-wrap: wrap; gap: 18px; }
      .stat-circle{ width: 156px; height: 156px; }
      .stat-number{ font-size: 36px; }
      .stat-text{ font-size: 15px; }
    }

    /* ===== botão do topo ===== */
    .cta-outline,   
    .cta-outline:visited{
      padding: 8px 10px !important;
      border-radius: 999px !important;        
      border: 0 !important;                       
      background: var(--green) !important;
      color: #ffffff !important;
      font-weight: 500 !important;

      gap: 12px !important;
      box-shadow: 0 14px 30px rgba(37, 211, 102, .22) !important;
    }

    /* bolinha branca com ícone verde */
    .cta-outline::after{
      content: "" !important;
      width: 34px !important;
      height: 34px !important;
      border-radius: 999px !important;

      background-color: #fff !important;
      background-image: url("assets/whatsapp.png") !important; 
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: 18px 18px !important;

      box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
      opacity: 1 !important;
    }

    .cta-outline:hover{
      transform: translateY(-1px) !important;
      filter: brightness(1.02) !important;
    }

    /* SECTION - Solidez desde 2017 */
    .solidez {
      position: relative;
      overflow: hidden;
    }
    
    #solidez .solidez-copy{
      margin-top: -120px !important;
    }

    /* Título */
    #solidez .solidez-title{
      font-size: 55px; /* ajuste: 38 / 42 / 48 */
      line-height: 1.05;
    }

    /* Texto (parágrafo) */
    #solidez .solidez-text{
      font-size: 20px;
      line-height: 1.6;
    }

    /* só o 2017 */
    #solidez .year{
      position: relative;
      display: inline-block;
      font-weight: 950;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
      padding-right: 22px; 
    }

    #solidez .year::after{
      content: "";
      position: absolute;

      width: 30px;        
      height: 30px;

      right: 5px;        
      top: -24px;         

      background: url("assets/coroa.png") no-repeat center;
      background-size: contain;

      transform: rotate(18deg);
      opacity: 1;
      pointer-events: none;
    }

    /* Coroa do 2017 - mobile */
    @media (max-width: 520px) {
      #solidez .year {
        position: relative;
        display: inline-block;
        padding-right: 30px;
        padding-top: 32px;
      }

      #solidez .year::after {
        position: absolute;
        content: "";
        width: 26px;
        height: 26px;
        top: 15px;
        right: 13px;
        background: url(assets/coroa.png) no-repeat center;
        background-size: contain;
        transform: rotate(18deg);
        opacity: 1;
        pointer-events: none;
      }
    }


    .solidez::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(900px 540px at 18% 40%, rgba(255,186,4,.10), transparent 60%),
        radial-gradient(900px 540px at 86% 10%, rgba(255,255,255,.06), transparent 62%);
      pointer-events: none;
    }

    .solidez-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center;
    }

    /* Foto */
    .solidez-photo{
      position: relative;  
      right: auto;
      justify-self: end;

      border-radius: 26px;
      overflow: hidden;
      min-height: 520px;
      background: rgba(103, 96, 50, 0.633);
      border: 1px solid rgba(104, 93, 14, 0.495);
      box-shadow: 0 26px 70px rgba(195, 157, 9, 0.214);

      display: flex;
      align-items: center;
      justify-content: center;
    }

    .solidez-photo img{
      width: 100%;
      height: 80%;
      object-fit: cover;
      object-position: center; /* garante o recorte central */
      display: block;
      transform: scale(1.02);
      filter: contrast(1.02) saturate(1.02);
    }

    /* Vinheta para deixar o texto/etiquetas */
    .solidez-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,.62) 100%);
      pointer-events: none;
    }
    .solidez .solidez-copy {
      position: relative;
      top: 123px; 
    }
    /* Etiquetas */
    .solidez-tags { position: absolute; inset: 0; z-index: 2; pointer-events: none; }

    /* Posições (ajuste fino se necessário conforme a foto) */
    .solidez-tag.t1{ top: 65%; right: 10%; }
    .solidez-tag.t2{ top: 55%; left: 25%; }
    .solidez-tag.t3{ bottom: 20%; left: 25%; transform: translateX(-50%); }
    .solidez-tag.t4{ top: 83%; right: 20%; }

    /* Texto */
    .solidez-title {
      margin: 0 0 12px;
      font-size: clamp(28px, 3vw, 44px);
      line-height: 1.06;
      font-weight: 950;
      letter-spacing: -0.4px;
      text-shadow: 0 18px 52px rgba(0,0,0,.40);
    }

    .solidez-text {
      margin: 0 0 22px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.55;
      max-width: 680px;
    }

    /* Responsivo */
    @media (max-width: 1000px) {
      .solidez-grid { grid-template-columns: 1fr; }
      .solidez-photo { min-height: 360px; }
    }

    /* Tags amarelas em formato BALÃO */
    .solidez{
      --tag-py: 12px;      /* altura do balão (padding vertical) */
      --tag-px: 16px;      /* largura do balão (padding horizontal) */
      --tag-font: 14px;    /* tamanho da palavra */
      --tag-icon: 24px;    /* bolinha do check */
      --tag-check: 13px;   /* tamanho do ✓ */
      --tag-tail: 13px;    /* tamanho do “biquinho” */
    }

    .solidez-tag{
      position: absolute;               /* ✅ mantém t1/t2/t3/t4 funcionando */
      display: inline-flex;
      align-items: center;
      gap: 10px;

      padding: var(--tag-py) var(--tag-px);
      border-radius: 18px;              /* ✅ cara de balão (não pílula) */
      background: var(--yellow);
      color: #0b0b0b;

      font-weight: 900;
      font-size: var(--tag-font);
      line-height: 1;

      box-shadow: 0 18px 42px rgba(0,0,0,.38);
      border: 1px solid rgba(0,0,0,.10);
    }

    .solidez-tag::before{
      content: "✓";
      width: var(--tag-icon);
      height: var(--tag-icon);
      border-radius: 999px;

      display: inline-flex;
      align-items: center;
      justify-content: center;

      background: rgba(0,0,0,.12);
      font-weight: 950;
      font-size: var(--tag-check);
    }

    /* biquinho do balão (padrão: embaixo) */
    .solidez-tag::after{
      content: "";
      position: absolute;
      width: var(--tag-tail);
      height: var(--tag-tail);

      background: var(--yellow);
      border-left: 1px solid rgba(0,0,0,.10);
      border-bottom: 1px solid rgba(0,0,0,.10);

      left: 22px;
      bottom: calc(var(--tag-tail) / -2);
      transform: rotate(45deg);
      border-radius: 2px;
    }

    /* “biquinho” do balão (padrão: embaixo, apontando levemente à esquerda) */
    .solidez-tag::after{
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;

      background: var(--yellow);
      border-left: 1px solid rgba(0,0,0,.10);
      border-bottom: 1px solid rgba(0,0,0,.10);

      left: 18px;
      bottom: -6px;
      transform: rotate(45deg);
      border-radius: 2px;
    }

    /* variações de direção do “biquinho” */
    .solidez-tag.tail-up::after{
      top: -6px;
      bottom: auto;
      transform: rotate(225deg);
    }

    .solidez-tag.tail-right::after{
      left: auto;
      right: -6px;
      bottom: 14px;
      transform: rotate(315deg);
    }

    .solidez-tag.tail-left::after{
      left: -6px;
      bottom: 14px;
      transform: rotate(135deg);
    }

    .diff{
      padding: 48px 0;
      margin-top: 0px;
      background: #141414;
      color: #fff;
    }

    .diff-head{
      text-align: center;
      margin-bottom: 22px;
    }

    .diff-kicker{
      opacity: .85;
      margin: 0 0 6px;
      font-size: 18px
    }

    .diff-title{
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }

    .diff-carousel{
      position: relative;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 56px; /* espaço pros botões */
    }

    .diff-track{
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 24px) / 2); /* 2 cards por “tela” */
      gap: 24px;

      overflow-x: auto;
      scroll-snap-type: x mandatory; 
      scroll-behavior: smooth;

      padding: 12px 6px;
      scrollbar-width: none; 
    }
    .diff-track::-webkit-scrollbar{ display:none; }

    .diff-card{
      scroll-snap-align: start; 
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 22px;
      padding: 26px 22px;
      min-height: 210px;

      text-align: center;
    }

    .diff-card h3{
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }

    .diff-card p{
      margin: 0;
      opacity: .9;
      line-height: 1.35;
    }

    .diff-nav{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(0,0,0,.35);
      color: #c9a54a;
      cursor: pointer;
    }
    .diff-prev{ left: 8px; }
    .diff-next{ right: 8px; }

    /* Mobile: 1 card por tela */
    @media (max-width: 780px){
      .diff-carousel{ padding: 0 44px; }
      .diff-track{ grid-auto-columns: 100%; }
    }


    /* diminui a imagem dentro */
    .diff-icon img{
      width: 55px;
      height: 55px;
      object-fit: contain;
      display: block;
    }
    /* centraliza certinho o ícone dentro da bolinha */
    .diff-icon{
      display: grid;           /* você já usa isso, mas reforça */
      place-items: center;
    }

    .diff-icon img{
      display: block;          /* evita “pular”/ficar desalinhado */
      margin: 0 auto;
    }

    /* se você quer o card inteiro (vertical) mais no centro também */
    .diff-card{
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* ===== CARDS DE SERVIÇOS (6) - POLAROID (LIMPO) ===== */
    .servicos-cards{
      padding: 42px 0 70px;
    }

    /* Título da seção Serviços (Conheça Nossos Serviços:) */
    .servicos-cards h2{
      font-size: clamp(20px, 3vw, 42px);
      font-weight: 750;
      letter-spacing: .4px;
      margin: 0 0 18px;

      /* dourado com brilho */
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }

    @media (max-width: 520px){
      .servicos-cards h2{
        text-align: center;
      }
    }

    .servicos-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
    }

    /* ===== CARD POLAROID ===== */
    .servico-card{
      position: relative;
      border-radius: 18px;
      overflow: hidden;

      /* Polaroid: moldura */
      background: #000000;
      border: 1px solid rgba(124, 102, 52, 0.596);

      /* espaço extra no rodapé (moldura polaroid) + botão */
      padding-bottom: 76px;

      /* sombra polaroid */
      box-shadow: 0 18px 45px rgba(121, 88, 17, 0.45);

      transition: transform .18s ease, box-shadow .18s ease;
    }

    .servico-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 22px 55px rgba(65, 52, 9, 0.55);
    }

    /* topo */
    .cc-top{
      position: relative;
    }

    /* área da “foto” dentro da moldura */
    .cc-img{
      position: relative;
      height: 210px;
      margin: 12px 12px 0;  /* borda branca da polaroid */
      border-radius: 14px;
      overflow: hidden;
      background: #111;
    }

    .cc-img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1.02);
      filter: contrast(1.05) saturate(1.08);
    }

    /* overlay sutil (pra dar cara de foto, sem escurecer demais) */
    .cc-img::after{
      content:"";
      position:absolute;
      inset: 0;
      pointer-events:none;
      background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 100%);
    }

    /* badge como “etiqueta” */
    .cc-badge{
      position: absolute;
      z-index: 2;
      top: 18px;
      left: 18px;

      padding: 8px 12px;
      border-radius: 999px;

      background: rgba(97, 83, 4, 0.201);
      border: 1px solid rgba(240, 218, 18, 0.2);
      color: #ffbc04e6;

      font-weight: 900;
      font-size: 12px;
      letter-spacing: .2px;
      backdrop-filter: blur(8px);
    }

    /* área de texto (parte de baixo da polaroid) */
    .cc-body{
      padding: 16px 18px 16px;
    }

    /* título e texto em tom “polaroid” (escuro) */
    .cc-body h3{
      margin: 2px 0 10px;
      font-size: 24px;
      line-height: 1.05;
      font-weight: 950;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
      letter-spacing: -0.2px;
    }

    .cc-body p{
      margin: 0 0 0px;
      color: rgb(255, 255, 255);
      line-height: 1.55;
      font-size: 17px;
    }

    /* tags estilo label */
    .cc-tags{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .cc-tag{
      font-size: 14px;
      font-weight: 800;
      padding: 9px 10px;
      border-radius: 999px;

      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.78);
    }

    /* ===== BOTÃO "SAIBA MAIS" PADRONIZADO NO MESMO CANTO ===== */
    .cc-cta{
      position: absolute;
      right: 16px;
      bottom: 20px;
      z-index: 5;

      display: inline-flex;
      align-items: center;
      gap: 6px;

      padding: 10px 13px;
      border-radius: 999px;
      text-decoration: none;

      font-weight: 900;
      font-size: 15px;
      letter-spacing: .2px;

      color: #0a7a2a;
      background: rgba(10, 122, 42, 0.185);
      border: 1px solid rgba(10, 122, 42, 0.445);

      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }

    .cc-cta:hover{
      transform: translateY(-1px);
      background: rgba(10,122,42,.14);
      border-color: rgba(10,122,42,.40);
    }

    /* ================================
      AVALIAÇÕES
      ================================ */

    .reviews{
      position: relative;
      padding: 40px 0;
      overflow: hidden;
    }

    /* brilho/fundo suave atrás da seção */
    .reviews::before{
      content:"";
      position:absolute;
      inset:-2px;
      pointer-events:none;
      background:
        radial-gradient(900px 320px at 10% 0%, rgba(255, 200, 60, .10), transparent 60%),
        radial-gradient(900px 320px at 90% 100%, rgba(255, 255, 255, .06), transparent 55%);
      opacity: .95;
    }

    .reviews .container{
      position: relative;
      z-index: 1;
    }

    .reviews-head{
      text-align: center;
      margin-bottom: 26px;
    }

    .reviews-kicker{
      margin: 0;
      font-size: clamp(5px, 4.2vw, 25px);
      font-weight: 650;
      letter-spacing: .2px;

      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18);
      
    }

    .reviews-title{
    margin: 0 0 8px;
      color: rgba(255,255,255,.78);
      font-size: 50px;
      letter-spacing: .2px;
    }

    .reviews-sub{
      max-width: 820px;
      margin: 10px auto 0;
      color: rgba(255,255,255,.78);
      line-height: 1.5;
      font-size: 19px
    }

    /* GRID dos cards */
    .reviews-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 26px;
    }

    /* CARD (glass) */
    .review-card{
      border-radius: 22px;
      padding: 18px 18px 20px;

      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 18px 46px rgba(0,0,0,.40);

      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);

      transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease;
    }

    .review-link{
      display: block;
      text-decoration: none;
      color: inherit;
    }

    .review-link:hover{
      transform: translateY(-4px);
    }

    .review-card:hover{
      transform: translateY(-4px);
      border-color: rgba(247, 201, 72, .18);
      box-shadow: 0 22px 56px rgba(0,0,0,.46);
    }

    /* topo do card */
    .review-top{
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }

    .review-avatar{
      width: 44px;
      height: 44px;
      border-radius: 999px;
      object-fit: cover;
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: 0 10px 26px rgba(0,0,0,.35);
    }

    .review-meta{
      min-width: 0;
    }

    .review-name{
      font-weight: 850;
      color: #fff;
      line-height: 1.1;
      font-size: 16px;
    }

    .review-source{
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 4px;
      font-size: 13px;
      color: rgba(255,255,255,.70);
      white-space: nowrap;
    }

    .stars{
      color: #ffba04;
      letter-spacing: 1px;
    }

    .source{
      opacity: .95;
    }

    /* texto */
    .review-text{
      margin: 0;
      color: rgba(255,255,255,.86);
      line-height: 1.55;
      font-size: 16px;
    }

    /* CTA */
    .reviews-cta{
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 22px;
    }

    /* =======================
      RESPONSIVO
      ======================= */
    @media (max-width: 980px){
      .reviews-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 620px){
      .reviews{
        padding: 56px 0;
      }

      .reviews-grid{
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .review-card{
        padding: 16px;
      }

      .reviews-kicker{
        font-size: 14px;
      }

      .reviews-sub{
        font-size: 15px;
      }

    @media (max-width: 620px){
      .reviews-title-star{
        width: 14px;
        height: 14px;
      }
    }
    }

    /* ícone/bolinha do botão */
    .cc-cta span{
      display: inline-flex;
      align-items: center;
      justify-content: center;

      width: 18px;
      height: 18px;
      border-radius: 999px;

      background: rgba(10,122,42,.12);
      border: 1px solid rgba(10,122,42,.25);

      font-size: 11px;
      line-height: 1;
    }

    /* ===== CARROSSEL REELS ===== */
    .ig-carousel{
      width: 100%;
      margin: 28px 0;
    }

    .ig-carousel__header{
      display:flex;
      flex-direction: column;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-bottom: 14px;
      text-align:center;
    }

    /* Título do carrossel (Conheça nosso Instagram / Veja nossos vídeos) */
      .ig-carousel__header h2{
        font-size: clamp(20px, 3vw, 42px);
        font-weight: 750;
        letter-spacing: .4px;
        margin: 0;

      /* dourado com brilho */
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); /* glow sutil */
    }

    .ig-carousel__cta{
      display:inline-flex;
      align-items:center;
      gap:10px;
      text-decoration:none;
      font-weight:700;
      padding:10px 14px;
      border-radius: 999px;
      border:1px solid rgba(225, 195, 23, 0.16);
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(10px);
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }
    .ig-carousel__cta:hover{
      transform: translateY(-1px);
      background: rgba(230, 227, 11, 0.1);
      border-color: rgba(202, 186, 11, 0.24);
    }

    /* “Vitrine” do carrossel */
    .ig-marquee{
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      padding: 16px 0;
      border: 1px solid rgba(238, 229, 47, 0.1);
      background:
        radial-gradient(900px 260px at 10% 0%, rgba(255, 200, 60, .10), transparent 60%),
        radial-gradient(700px 240px at 90% 100%, rgba(255, 255, 255, 0.07), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    }

    /* Fade nas bordas */
    .ig-marquee::before,
    .ig-marquee::after{
      content:"";
      position:absolute;
      top:0; bottom:0;
      width: 110px;
      z-index: 3;
      pointer-events:none;
    }
    .ig-marquee::before{
      left:0;
      background: linear-gradient(90deg, rgba(0,0,0,.65), transparent);
    }
    .ig-marquee::after{
      right:0;
      background: linear-gradient(270deg, rgba(0,0,0,.65), transparent);
    }

    /* Track: NUNCA PODE WRAPAR */
    .ig-track{
      display:flex;
      flex-wrap: nowrap;              /* <- impede segunda linha */
      gap:16px;
      width: max-content;
      padding: 0 18px;
      align-items: stretch;
      will-change: transform;
      transform: translate3d(0,0,0);
      animation: igScroll var(--ig-speed, 28s) linear infinite;
    }

    /* pausa no hover (opcional, pode tirar) */
    .ig-marquee:hover .ig-track{
      animation-play-state: paused;
    }

    /* O infinito perfeito acontece com duplicação dos itens.
      Aqui a animação vai metade do comprimento total */
    @keyframes igScroll{
      from { transform: translate3d(0,0,0); }
      to   { transform: translate3d(calc(-1 * var(--ig-shift, 0px)),0,0); }
    }

    /* Card */
    .ig-card{
      position: relative;
      display:block;
      width: 230px;
      aspect-ratio: 9/16;
      border-radius: 18px;
      overflow: hidden;
      text-decoration:none;

      border: 1px solid rgba(224, 206, 42, 0.286);
      background: rgba(178, 173, 11, 0.03);
      box-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);

      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
      flex: 0 0 auto;
    }

    .ig-card:hover{
      transform: translateY(-6px);
      border-color: rgba(255, 247, 0, 0.28);
      box-shadow: 0 18px 42px rgba(0,0,0,.45);
    }

    .ig-card img{
      width:100%;
      height:100%;
      object-fit: cover;
      display:block;
      transform: scale(1.02);
      filter: contrast(1.02) saturate(1.05);
      transition: transform .28s ease, filter .28s ease;
    }
    .ig-card:hover img{
      transform: scale(1.07);
      filter: contrast(1.06) saturate(1.10);
    }

    /* Overlay elegante */
    .ig-overlay{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      padding: 12px;
      background:
        linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,.72) 100%);
    }

    .ig-badge{
      align-self:flex-start;
      font-size: 12px;
      font-weight:800;
      letter-spacing:.2px;
      padding: 6px 10px;
      border-radius: 999px;
      border:1px solid rgba(201, 183, 21, 0.18);
      background: rgba(0,0,0,.35);
    }

    .ig-play{
      width: 52px;
      height: 52px;
      border-radius: 999px;
      display:grid;
      place-items:center;
      align-self:center;
      font-size: 16px;
      border:1px solid rgba(204, 198, 18, 0.22);
      background: rgba(0,0,0,.35);
      box-shadow: 0 12px 26px rgba(0,0,0,.35);
      transition: transform .22s ease, background .22s ease, border-color .22s ease;
    }
    .ig-card:hover .ig-play{
      transform: scale(1.08);
      background: rgba(0,0,0,.52);
      border-color: rgba(255, 234, 0, 0.3);
    }

    .ig-text{
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .ig-text strong{
      font-size: 14px;
      line-height: 1.2;
      color: rgba(255, 255, 255, 0.95);
    }
    .ig-text span{
      font-size: 12px;
      color: rgba(255,255,255,.70);
    }

    /* Mobile */
    @media (max-width: 520px){
      .ig-card{ width: 175px; border-radius: 16px; }
      .ig-marquee::before, .ig-marquee::after{ width: 56px; }
    }


    /* =========================
      FAQ (Página exclusiva)
      ========================= */

    /* Topo da página FAQ */
    .faq-topbar{
      position: fixed;   /* fica sempre fixo */
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;

      background: rgba(0,0,0,.78);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .faq-topbar-inner{
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 12px;
      padding: 10px 0; 
    }

    /* Botão voltar */
    .faq-topbar-back{
      justify-self: start;
      display: inline-flex;
      align-items: center;

      padding: 8px 12px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 900;
      color: rgba(255,255,255,.9);
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255, 213, 0, 0.674);
    }

    .faq-topbar-brand{
      justify-self: center; 
      display: inline-flex;
      align-items: center;
      text-decoration: none;
    }

    .faq-logo{
      width: 300px;     /* aumenta um pouco se quiser */
      height: 50px;
      object-fit: contain;
      display: block;
    }

    .faq-brand-text{
      display: flex;
      flex-direction: column;
      line-height: 1.05;
    }

    .faq-brand-text strong{
      color: #ffba04;
      font-weight: 950;
      letter-spacing: -0.2px;
      font-size: 14px;
    }

    .faq-brand-text small{
      color: rgba(255,255,255,.70);
      font-size: 12px;
      font-weight: 800;
    }

    /* CTA WhatsApp */
    .faq-topbar-cta{
      justify-self: end;
      display: inline-flex;
      align-items: center;
      justify-content: center;

      padding: 9px 14px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 950;

      color: #ffffff;
      background: #1f1d1d80;
      border: 1px solid rgb(12, 255, 4);

      transition: transform .18s ease, filter .18s ease;
    }

    .faq-topbar-cta:hover{
      transform: translateY(-1px);
      filter: brightness(1.05);
    }

    /* Mobile */
    @media (max-width: 820px){
      .faq-topbar-inner{
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 10px 0;
      }
      .faq-topbar-back,
      .faq-topbar-cta{
        justify-self: center;
        width: 100%;
        max-width: 420px;
      }
    }

    @media (max-width: 520px){
      .faq-hero{
        padding-top: 24px !important;
      }
    }
    @media (max-width: 520px){
      body.page-faq{
        padding-top: 170px; 
      }
    }

      .faq-back{
        color: rgba(255,255,255,.85);
        text-decoration: none;
        font-weight: 800;
        border: 1px solid rgba(255,255,255,.12);
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255,255,255,.03);
      }

    .faq-whats{
      color: #ffffff;
      text-decoration: none;
      font-weight: 950;
      padding: 8px 12px;
      border-radius: 999px;
      background: #4bff04;
      border: 1px solid rgba(58, 255, 4, 0.45);
    }

    /* Hero da FAQ */
    .faq-hero{
      padding: 40px 0 10px;
      text-align: center;
      overflow: visible;
    }

    .faq-hero h1{
      margin: 0 0 10px;
      font-weight: 950;
      letter-spacing: -0.2px;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      line-height: 1.05;      
      padding-bottom: 10px;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18); 
    }

    .faq-hero p{
      margin: 0 auto;
      max-width: 820px;
      opacity: .85;
    }

    /* Seção FAQ (lista) */
    .faq{
      padding: 40px 0 70px;
    }

    .faq-head{
      text-align: center;
      margin-bottom: 22px;
    }

    .faq-head h2{
      margin: 0 0 10px;
      font-weight: 950;
      letter-spacing: -0.2px;
    }

    .faq-head p{
      margin: 0;
      opacity: .85;
    }

    .faq-list{
      max-width: 980px;
      margin: 0 auto;
      display: grid;
      gap: 12px;
    }

    .faq-item{
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      box-shadow: 0 18px 45px rgba(0,0,0,.25);
    }

    .faq-item summary{
      cursor: pointer;
      list-style: none;
      padding: 16px 18px;
      font-weight: 900;
      color: rgba(255, 255, 255, 0.92);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .faq-item summary::-webkit-details-marker{
      display: none;
    }

    .faq-item summary::after{
      content: "+";
      flex: 0 0 auto;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 950;
      color: #ffba04;
      border: 1px solid rgba(255,186,4,.35);
      background: rgba(255,186,4,.10);
    }

    .faq-item[open] summary::after{
      content: "–";
    }

    .faq-content{
      padding: 0 18px 16px;
      color:  rgba(255, 255, 255, 0.86);
      line-height: 1.6;
    }

    .faq-content p{
      margin: 0;
    }

    /* CTA final */
    .faq-cta{
      max-width: 980px;
      margin: 18px auto 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 16px;
      border-radius: 18px;
      border: 1px solid rgba(255,186,4,.20);
      background: rgba(255,186,4,.06);
    }

    .faq-cta p{
      margin: 0;
      font-weight: 800;
      color: rgba(255,255,255,.9);
    }

    .faq-btn{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 950;
      color: #ffffff;
      background: #1f1d1d80;
      border: 1px solid rgb(12, 255, 4);
      transition: transform .18s ease, filter .18s ease;
    }

    .faq-btn:hover{
      transform: translateY(-1px);
      filter: brightness(1.05);
    }

    /* Responsivo */
    @media (max-width: 620px){
      .faq-top-inner{
        flex-direction: column;
        align-items: stretch;
      }
      .faq-back,
      .faq-whats{
        text-align: center;
      }
      .faq-brand{
        text-align: center;
      }

      .faq-cta{
        flex-direction: column;
        align-items: stretch;
      }
      .faq-btn{
        justify-content: center;
      }
    }

    /* ===== Parcerias (imagem única) ===== */
    .partners-img{
      position: relative;
      padding: 35px 0;
    }

    .partners-img .container{
      position: relative;
    }

    .partners-head{
      text-align: center;
      margin-bottom: 18px;
    }

    .partners-title{
      margin: 0;
      font-size: clamp(26px, 3.5vw, 48px);
      font-weight: 900;

      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, 0.18);
    }

    .partners-sub{
      margin: 10px auto 0;
      max-width: 760px;
      color: rgba(255,255,255,.78);
      line-height: 1.45;
      font-size: 19px;
    }

    /* A IMAGEM: só moldura */
    .partners-image{
      width: 100%;
      height: auto;
      display: block;
      margin: 22px auto 0;
      max-width: 1100px;

      border-radius: 22px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      box-shadow: 0 18px 46px rgba(0, 0, 0, 0.45);
    }

    @media (max-width: 620px){
      .partners-img{ padding: 54px 0; }
      .partners-image{ border-radius: 18px; }
    }

    /* ===== CTA: Tem Dúvidas? ===== */
    .duvidas{
      padding: 80px 0 30px;
      background: transparent !important;
    }
    .duvidas-box{
      border-radius: 22px;  
      border: 1px solid rgba(255,186,4,.20);

      background:
        radial-gradient(900px 320px at 20% 50%, rgba(255,186,4,.14), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%),
        rgba(0,0,0,.35);

      box-shadow: 0 18px 45px rgba(0,0,0,.30);
      padding: 22px;

      /* garante alinhamento perfeito com a página */
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      margin-top: -68px;
      box-sizing: border-box;

      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 16px;
      align-items: center;
      overflow: hidden;
    }

    .duvidas-text h2{
      margin: 0 0 8px;
      font-weight: 950;
      letter-spacing: -0.2px;
    }

    .duvidas-text p{
      margin: 0 0 14px;
      opacity: .88;
      font-size: 17px
    }

    .duvidas-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 16px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 950;
      color: #ffffff;
      background: rgba(87, 74, 34, 0.097);
      border: 1px solid rgba(255,186,4,.45);
      transition: transform .18s ease, filter .18s ease;
    }

    .duvidas-btn:hover{
      transform: translateY(-1px);
      filter: brightness(1.05);
    }
    .duvidas-icon{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 9px 12px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 900;
      font-size: 13px;
      gap: 8px;

      color: rgba(255,255,255,.92);
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.12);
      transition: transform .18s ease, border-color .18s ease;
    }

    .duvidas-ico{
      width: 18px;
      height: 18px;
      display: inline-block;
      object-fit: contain;
      flex: 0 0 18px;
    }

    .duvidas-icon:hover{
      transform: translateY(-1px);
      border-color: rgba(255,186,4,.35);
    }

    .duvidas-actions{
      display: grid;
      grid-template-columns: repeat(5, max-content); 
      justify-content: end;                          
      align-items: start  ;
      gap: 10px;
    }

    /* garante que cada botão não quebre */
    .duvidas-icon{
      white-space: nowrap;
    }

    /* responsivo: em telas menores, vira 2 linhas automaticamente */
    @media (max-width: 980px){
      .duvidas-actions{
        grid-template-columns: repeat(3, max-content);
        justify-content: start;
      }
    }
    @media (max-width: 620px){
      .duvidas-actions{
        grid-template-columns: repeat(2, max-content);
        justify-content: start;
      }
    }

    /* ===== FOOTER ===== */
    .site-footer{
      padding: 26px 0 50px;
    }

    .footer-top{
      display: grid;
      grid-template-columns: 320px 1fr;
      gap: 18px;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.08);
    }

    .footer-col h3{
      margin: 0 0 12px;
      font-weight: 950;
      color: rgba(255,255,255,.95);
    }

    .footer-link{
      display: inline-flex;
      margin-bottom: 10px;
      font-weight: 950;
      text-decoration: none;
      color: #ffba04;
    }

    .footer-line{
      margin: 0 0 10px;
      opacity: .9;
    }

    .footer-small{
      margin: 0 0 12px;
      opacity: .78;
      line-height: 1.6;
      font-size: 13px;
    }

    .footer-bottom{
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid rgba(255,255,255,.08);
    }

    .footer-cnpj{
      margin: 0 0 10px;
      opacity: .85;
      font-size: 13px;
      line-height: 1.6;
    }

    .footer-copy,
    .footer-made{
      margin: 0;
      opacity: .75;
      font-size: 13px;
    }

    .footer-made a{
      color: rgba(255,255,255,.9);
      text-decoration: none;
      border-bottom: 1px solid rgba(255,255,255,.18);
    }

    .footer-made a:hover{
      border-bottom-color: rgba(255,186,4,.45);
    }

    .footer-label{
      margin: 0 0 6px;
      font-weight: 900;
      color: #ffba04;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18);
    }

    .footer-phone{
      display: inline-block;
      margin: 0 0 12px;
      font-weight: 950;
      text-decoration: none;
      color: rgba(255,255,255,.92);
    }
    .footer-phone:hover{
      color: #ffba04;
      background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;

      text-shadow: 0 10px 30px rgba(247, 201, 72, .18);
    }

    /* Responsivo */
    @media (max-width: 900px){
      .duvidas-box{ grid-template-columns: 1fr; }
      .duvidas-actions{ justify-content: flex-start; }
      .footer-top{ grid-template-columns: 1fr; }
    } 


    /* ================================
      RESPONSIVO — OPÇÃO A (Tablet 1 coluna)
      Cole no FINAL do style.css
      ================================ */

    /* TABLET: 1 coluna (texto em cima, imagem embaixo) */
    @media (max-width: 1000px){

      .hero-inner{
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 36px 0 !important;
        text-align: center;
      }

      .hero-copy{
        text-align: center !important;
      }

      .actions{
        justify-content: center !important;
        flex-wrap: wrap;
        gap: 12px;
      }

      .hero-art{
        justify-content: center !important;
        min-height: 340px;
      }

      /* Logo de fundo centralizada e menor (pra não cortar) */
      .hero-art::before{
        width: 560px !important;
        height: 560px !important;
        left: 50% !important;
        right: auto !important;
        top: 55% !important;
        transform: translate(-50%, -50%) rotate(15deg) !important;
        opacity: .14 !important;
      }

      /* Pessoa centralizada (sem cortar) */
      .hero-art .people{
        left: 0 !important;
        margin: -40px auto 0 !important;
        max-width: 420px;
        height: auto;
        display: block;
      }
    }

    /* MOBILE: ajustes finos */
    @media (max-width: 520px){

      .hero-inner{
        padding: 28px 0 !important;
      }

      .hero-art{
        min-height: 300px;
      }

      .hero-art::before{
        width: 460px !important;
        height: 460px !important;
        top: 58% !important;
        opacity: .12 !important;
      }

      .hero-art .people{
        max-width: 340px;
        margin: -28px auto 0 !important;
      }

      /* botões empilhados no mobile */
      .btn{
        width: 100%;
        justify-content: center;
      }
    }

    @media (max-width: 520px){
      .servicos-grid{
        display: grid;
        grid-template-columns: 1fr !important; /* 1 card por linha */
        gap: 18px;
      }

      /* opcional: evita o card ficar “estreito” */
      .servico-card, 
      .cc-card{
        width: 100%;
      }
    }

    @media (max-width: 520px){

      /* mais respiro entre texto e imagem */
      #solidez .solidez-copy{
        margin-bottom: 18px !important;
      }

      #solidez .solidez-text{
        margin-bottom: 16px !important;
        line-height: 1.45;
      }

      #solidez .solidez-photo{
        margin-top: 10px !important;
      }
    }

    @media (max-width: 520px){

      /* deixa a foto como base */
      .solidez-photo{
        position: relative;
        overflow: hidden;
      }

      /* container dos balões: vira uma “faixa” organizada */
      .solidez-tags{
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 14px;

        display: grid !important;
        grid-template-columns: 1fr 1fr;  /* 2 colunas */
        gap: 10px;

        z-index: 5;
      }

      /* cada balão */
      .solidez-tag{
        width: auto !important;
        max-width: none !important;
        padding: 8px 12px !important;
        border-radius: 16px !important;

        font-size: 11px !important;
        line-height: 1.15;

        /* opcional: tira sombras exageradas se tiver */
        box-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
      }

      /* o último balão ocupa a linha inteira (fica mais bonito) */
      .solidez-tag:last-child{
        grid-column: 1 / -1;
      }
    } 

    .brand img, 
    .logo img{
      width: auto !important;
      height: 46px !important;    
      max-height: 46px !important;
      max-width: none !important;
      object-fit: contain;
    }

    /* Mobile: menor */
    @media (max-width: 520px){
      .brand img, 
      .logo img{
        height: 34px !important;
        max-height: 34px !important;
      }
    }

/* =========================
   PÁGINA POLÍTICA / TERMOS
========================= */

.legal-hero{
    padding-top: 150px;
    padding-bottom: 30px;
    text-align: center;
}

.legal-hero h1{
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 950;
    line-height: 1.05;
    margin-bottom: 14px;

    background: linear-gradient(
        180deg,
        #FFE9A6 0%,
        #F7C948 45%,
        #B8860B 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    text-shadow: 0 10px 30px rgba(247,201,72,.18);
}

.legal-hero p{
    max-width: 780px;
    margin: 0 auto;
    color: rgba(255,255,255,.78);
    line-height: 1.6;
    font-size: 18px;
}

.legal-page{
    padding-bottom: 80px;
}

.legal-box{
    max-width: 1050px;
    margin: 0 auto;
    padding: 36px;
    border-radius: 24px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 46px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
}

.legal-box h2{
    margin-bottom: 24px;
    font-size: 38px;
    font-weight: 950;

    background: linear-gradient(
        180deg,
        #FFE9A6 0%,
        #F7C948 45%,
        #B8860B 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.legal-box p{
    color: rgba(255,255,255,.84);
    line-height: 1.9;
    font-size: 16px;
    margin-bottom: 18px;
}

.legal-box hr{
    margin: 60px 0;
    border: none;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,186,4,.45),
        transparent
    );
}

@media (max-width: 820px){
    .legal-hero{
        padding-top: 220px;
    }
}

@media (max-width: 520px){
    .legal-box{
        padding: 24px;
        border-radius: 18px;
    }

    .legal-box h2{
        font-size: 30px;
    }

    .legal-box p{
        font-size: 15px;
        line-height: 1.8;
    }
}

/* ===== AJUSTE FINAL PÁGINA POLÍTICA ===== */

body.page-legal{
  padding-top: 90px !important;
}

.legal-page{
  padding: 40px 0 90px !important;
}

.legal-box{
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 42px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.45) !important;
}

.legal-box h2{
  margin: 0 0 28px !important;
  font-size: 38px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  background: linear-gradient(180deg, #FFE9A6 0%, #F7C948 45%, #B8860B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.legal-box p{
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: rgba(255,255,255,.86) !important;
  margin: 0 0 20px !important;
}

.legal-box hr{
  margin: 64px 0 !important;
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,186,4,.55), transparent) !important;
}

@media(max-width: 520px){
  body.page-legal{
    padding-top: 170px !important;
  }

  .legal-box{
    padding: 24px !important;
    border-radius: 18px !important;
  }

  .legal-box h2{
    font-size: 30px !important;
  }

  .legal-box p{
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}

.footer-links-legais{
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 12px;

    flex-wrap: wrap;
}

.footer-links-legais a{
    color: #fff;

    text-decoration: none;

    font-weight: 700;

    transition: .2s ease;
}

.footer-links-legais a:hover{
    color: #ffba04;
}

.footer-links-legais span{
    color: rgba(255,255,255,.35);
}

#servicos-cards,
#politica,
#termos{
    scroll-margin-top: 100px;
}

.anchor{
    position: relative;
    top: -140px;
}