/* AZ Resultados — CSS gerado a partir do canvas. Não editar à mão. */

    .az-op{
      /* Roboto no texto corrido (brandbook); Montserrat só nos títulos — regra abaixo. */
      font-family: var(--az-font-body);
      color: var(--az-ink);
      background: var(--az-paper);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    }
    /* Cada seção pega 100% da largura da artboard; conteúdo
       interno cabe em max-width 1180 com padding 64 cada lado.
       (Vou repetir esse padrão em todas as seções.) */
    .az-op__wrap{ max-width:1180px; margin:0 auto; padding:0 64px; }

    /* ─── HEADER ─────────────────────────────────────── */
    .az-op__header{
      position: relative;
      padding: 24px 0;
      border-bottom: 1px solid var(--az-line);
      background: var(--az-paper);
    }
    .az-op__header-inner{
      display:flex; align-items:center; justify-content:space-between;
      gap: 32px;
    }
    /* SVGs recortados ao lockup (razão ~7.6:1) — dimensionar por altura já dá largura correta. */
    .az-op__logo{ height: 26px; width:auto; }
    .az-op__nav{
      display:flex; gap: 32px; align-items:center;
      font-size: 15px; font-weight: 500; color: var(--az-ink-2);
    }
    .az-op__nav a:hover{ color: var(--az-blue); }
    /* Botão WhatsApp — cor e tipografia da marca WhatsApp (Nunito aproxima o wordmark) */
    a.az-op__header-cta{
      display:inline-flex; align-items:center; gap: 8px;
      background: var(--az-wa); color:#fff;
      padding: 12px 18px; border-radius: 999px;
      font-family: var(--az-font-wa); font-weight: 700; font-size: 15px; letter-spacing: -0.01em;
      transition: transform .12s, background .12s;
    }
    .az-op__header-cta:hover{ background: var(--az-wa-dark); transform: translateY(-1px); }

    /* ─── HEADER da landing ML — faixa amarelo Mercado Livre ── */
    .az-op__header--ml{
      background: var(--az-ml-yellow);
      border-bottom: 1px solid rgba(0,0,0,.12);
    }
    .az-op__header--ml .az-op__nav{ color: var(--az-ml-blue); }
    .az-op__header--ml .az-op__nav a:hover{ color: var(--az-ink); }
    .az-op__header--ml .az-op__header-back{ color: var(--az-ml-blue); opacity: .8; }
    .az-op__header--ml .az-op__header-back:hover{ color: var(--az-ink); opacity: 1; }
    .az-op__header--ml a.az-op__header-cta{
      background: var(--az-wa); color: #fff;
      box-shadow: 0 0 0 2px rgba(0,0,0,.12);
    }
    .az-op__header--ml a.az-op__header-cta:hover{ background: var(--az-wa-dark); }

    /* ─── HERO ───────────────────────────────────────────
       Layout split: 6 col texto + 6 col mock dashboard.
       Em telas pequenas (mobile) viraria 1 coluna, mas
       aqui estamos desenhando direto para desktop 1280.
       Quando você pedir mobile, eu adapto. */
    .az-op__hero{ padding: 96px 0 120px; position: relative; overflow: hidden; }
    .az-op__hero::before{
      /* Fundo decorativo — um gradiente bem sutil
         no canto superior direito. Dá profundidade sem
         apelar pra "gradiente colorido", que envelhece. */
      content:""; position:absolute; inset: 0;
      background: radial-gradient(800px 500px at 90% -10%,
                  rgba(150,204,212,0.18), transparent 60%);
      pointer-events:none;
    }
    .az-op__hero-inner{
      position: relative;
      display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px;
      align-items: center;
    }
    .az-op__eyebrow{
      display:inline-flex; align-items:center; gap:10px;
      font-size: 12px; font-weight: 700; letter-spacing: .12em;
      color: var(--az-magenta);
      text-transform: uppercase;
      padding: 8px 14px; border-radius: 999px;
      background: rgba(166,74,139,.08);
      margin-bottom: 28px;
    }
    .az-op__pulse{
      width: 8px; height: 8px; border-radius: 50%;
      background: var(--az-magenta);
      box-shadow: 0 0 0 4px rgba(166,74,139,.18);
    }
    .az-op__hero-h{
      font-size: 64px; line-height: 1.04;
      font-weight: 800; letter-spacing: -0.025em;
      color: var(--az-ink);
      margin-bottom: 28px;
      text-wrap: balance;
    }
    .az-op__hero-h em{
      /* Itálico estilizado pra dar um beat editorial.
         A frase "Lucro é muito mais que faturamento"
         é o mantra da marca — destacar "faturamento"
         vira insight visual: olha o gancho. */
      font-style: italic; font-weight: 700;
      color: var(--az-blue);
      position: relative; white-space: nowrap;
    }
    .az-op__hero-h em::after{
      content:""; position:absolute; left:0; right:0; bottom: 4px;
      height: 12px; background: var(--az-cream);
      z-index: -1; border-radius: 2px;
    }
    .az-op__hero-sub{
      font-size: 20px; line-height: 1.55;
      color: var(--az-ink-2);
      max-width: 540px;
      margin-bottom: 40px;
    }
    /* Títulos, números e rótulos curtos em Montserrat */
    .az-op h1, .az-op h2, .az-op h3, .az-op h4, .az-op h5,
    .az-op__eyebrow, .az-op__section-eyebrow, .az-op__stat-num,
    .az-op__btn, .az-op__form-submit,
    .az-op__pilar-num, .az-op__dif-num, .az-op__nav{
      font-family: var(--az-font-display);
    }
    .az-op__hero-ctas{ display:flex; gap: 12px; align-items:center; flex-wrap: wrap; margin-bottom: 40px; }
    .az-op__btn{ white-space: nowrap; }
    .az-op__btn{
      display: inline-flex; align-items:center; gap: 10px;
      padding: 16px 20px;
      font-size: 16px; font-weight: 600;
      border-radius: 999px;
      transition: transform .15s, box-shadow .15s, background .15s;
    }
    .az-op__btn--primary{
      background: var(--az-orange); color: var(--az-ink);
      box-shadow: 0 8px 24px rgba(235,138,92,.35);
    }
    .az-op__btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 12px 32px rgba(235,138,92,.45); }
    .az-op__btn--ghost{
      background: transparent; color: var(--az-ink);
      border: 1.5px solid var(--az-line);
    }
    .az-op__btn--ghost:hover{ border-color: var(--az-blue); color: var(--az-blue); }
    .az-op__trust{
      display: flex; gap: 12px; align-items:center;
      font-size: 13px; color: var(--az-ink-3);
      padding-top: 24px; border-top: 1px solid var(--az-line);
      max-width: 480px;
    }
    .az-op__trust strong{ color: var(--az-blue); font-weight: 700; }

    /* ─── DASHBOARD MOCK (lado direito do hero) ───────── */
    .az-op__mock{
      background: #fff;
      border: 1px solid var(--az-line);
      border-radius: var(--az-radius-lg);
      box-shadow: var(--az-shadow-lg);
      overflow: hidden;
      position: relative;
      transform: rotate(-1.2deg);
    }
    .az-op__mock-head{
      display:flex; justify-content:space-between; align-items:center;
      padding: 20px 24px; border-bottom: 1px solid var(--az-line);
      background: linear-gradient(180deg, #fbfaf6, #fff);
    }
    .az-op__mock-title{ font-size: 14px; font-weight: 700; color: var(--az-ink); }
    .az-op__mock-sub{ font-size: 12px; color: var(--az-ink-3); }
    .az-op__mock-dot{
      width: 8px; height: 8px; border-radius: 50%; background: var(--az-orange);
      display: inline-block; margin-right: 6px;
      animation: pulse 2.4s ease-in-out infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: .5; transform: scale(.85); }
    }
    .az-op__mock-body{ padding: 8px 24px 20px; }
    .az-op__mock-row{
      display:grid; grid-template-columns: 1fr 90px 50px;
      align-items:center; gap: 12px;
      padding: 14px 0; border-bottom: 1px dashed var(--az-line);
      font-size: 14px;
    }
    .az-op__mock-row:last-child{ border-bottom: 0; }
    .az-op__mock-row--total{
      margin-top: 8px; padding-top: 18px;
      border-top: 2px solid var(--az-ink); border-bottom: 0;
      font-weight: 700; color: var(--az-blue);
    }
    .az-op__mock-bar{
      display:flex; align-items:center; gap: 4px;
    }
    .az-op__mock-bar span{
      display:block; height: 10px; border-radius: 2px;
      background: var(--az-blue);
    }
    .az-op__mock-pct{
      font-variant-numeric: tabular-nums;
      font-weight: 700; color: var(--az-ink-3); font-size: 13px;
      text-align: right;
    }
    .az-op__mock-pct--pos{ color: var(--az-blue); }
    .az-op__mock-value{
      font-variant-numeric: tabular-nums;
      text-align: right; color: var(--az-ink);
    }
    .az-op__mock-label{ color: var(--az-ink-2); }

    /* "Sticker" cima/direita do mock — gancho de venda */
    .az-op__mock-sticker{
      position: absolute; top: -22px; right: -22px;
      background: var(--az-magenta); color: white;
      padding: 16px 18px; border-radius: 999px;
      font-size: 12px; font-weight: 700; letter-spacing: .04em;
      box-shadow: var(--az-shadow);
      transform: rotate(8deg);
      text-align: center; line-height: 1.2;
      max-width: 140px;
    }
    .az-op__mock-sticker strong{ display:block; font-size: 22px; }

    /* ─── STATS BAR ─────────────────────────────────────
       Faixa horizontal com 4 números chave.
       Vem logo depois do hero pra dar prova social
       quantitativa antes do "lero-lero" do sobre. */
    .az-op__stats{
      background: var(--az-blue); color: white;
      padding: 56px 0;
    }
    .az-op__stats-inner{
      display: grid; grid-template-columns: repeat(4, 1fr);
      gap: 32px;
    }
    .az-op__stat-num{
      font-size: 44px; font-weight: 800; letter-spacing: -0.02em;
      color: white; line-height: 1.05;
      margin-bottom: 8px;
    }
    .az-op__stat-num em{
      color: var(--az-teal); font-style: normal; font-weight: 700;
    }
    .az-op__stat-label{
      font-size: 14px; color: var(--az-teal); line-height: 1.4;
      opacity: 0.85;
    }

    /* ─── SOBRE ──────────────────────────────────────── */
    .az-op__sobre{ padding: 120px 0; }
    .az-op__sobre-inner{
      display: grid; grid-template-columns: 1fr 1fr; gap: 80px;
      align-items: start;
    }
    .az-op__section-eyebrow{
      font-size: 12px; font-weight: 700; letter-spacing: .14em;
      color: var(--az-magenta);
      text-transform: uppercase;
      margin-bottom: 20px;
      display: flex; align-items: center; gap: 12px;
    }
    .az-op__section-eyebrow::before{
      content:""; width: 32px; height: 2px; background: var(--az-magenta);
    }
    .az-op__h2{
      font-size: 44px; font-weight: 800; letter-spacing: -0.02em;
      line-height: 1.08;
      color: var(--az-ink);
      margin-bottom: 28px;
      text-wrap: balance;
    }
    .az-op__p{
      font-size: 17px; line-height: 1.6;
      color: var(--az-ink-2);
      margin-bottom: 20px;
    }
    /* Método AZ Lucro — callout no lado direito do Sobre */
    .az-op__method{
      background: var(--az-ink); color: white;
      border-radius: var(--az-radius-lg);
      padding: 40px;
      position: relative; overflow: hidden;
    }
    .az-op__method-bars{
      /* Reaproveita o motivo de barras do logo, como ornamento de fundo */
      position: absolute; top: 0; right: 0; bottom: 0;
      width: 120px; opacity: 0.18;
      background-image:
        repeating-linear-gradient(90deg,
          var(--az-teal) 0 6px, transparent 6px 18px);
    }
    .az-op__method-tag{
      display: inline-block;
      padding: 6px 12px; border-radius: 999px;
      background: rgba(150,204,212,0.18); color: var(--az-teal);
      font-size: 11px; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }
    .az-op__method h3{
      font-size: 28px; font-weight: 800; letter-spacing: -0.01em;
      margin-bottom: 18px;
    }
    .az-op__method p{ font-size: 15px; line-height: 1.55; opacity: 0.85; margin-bottom: 24px; }
    .az-op__method-list{ display: grid; gap: 10px; }
    .az-op__method-list li{
      display: flex; gap: 12px; align-items: flex-start;
      font-size: 14px; line-height: 1.5;
    }
    .az-op__method-list li::before{
      content: ""; width: 4px; height: 16px; background: var(--az-orange);
      flex-shrink: 0; margin-top: 4px; border-radius: 1px;
    }

    /* ─── PILARES (4 cards) ─────────────────────────── */
    .az-op__pilares{ padding: 120px 0; background: var(--az-mist); }
    .az-op__pilares-grid{
      display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px;
      margin-top: 48px;
    }
    .az-op__pilar{
      background: white; border-radius: var(--az-radius);
      padding: 32px 28px;
      border: 1px solid var(--az-line);
      transition: transform .2s, box-shadow .2s;
      position: relative; overflow: hidden;
    }
    .az-op__pilar:hover{ transform: translateY(-4px); box-shadow: var(--az-shadow); }
    .az-op__pilar-num{
      font-size: 12px; font-weight: 700; color: var(--az-magenta);
      letter-spacing: .12em; margin-bottom: 24px;
      font-variant-numeric: tabular-nums;
    }
    .az-op__pilar-icon{
      /* Mini-ícone tipo barras (do logo) — reusing the visual DNA */
      display: flex; gap: 4px; align-items: end; height: 36px;
      margin-bottom: 24px;
    }
    .az-op__pilar-icon span{
      width: 6px; border-radius: 1px; background: var(--az-blue);
    }
    .az-op__pilar-icon span:nth-child(1){ height: 18px; }
    .az-op__pilar-icon span:nth-child(2){ height: 28px; background: var(--az-magenta); }
    .az-op__pilar-icon span:nth-child(3){ height: 22px; }
    .az-op__pilar-icon span:nth-child(4){ height: 36px; }
    .az-op__pilar-icon span:nth-child(5){ height: 14px; background: var(--az-magenta); }
    .az-op__pilar h3{
      font-size: 19px; font-weight: 700; color: var(--az-ink);
      margin-bottom: 12px; letter-spacing: -0.01em;
    }
    .az-op__pilar p{ font-size: 14px; line-height: 1.55; color: var(--az-ink-2); }

    /* ─── SERVIÇOS (6 cards em grid 3×2) ─────────────── */
    .az-op__servicos{ padding: 120px 0; }
    .az-op__servicos-head{
      display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
      align-items: end; margin-bottom: 64px;
    }
    /* 4 serviços — 2×2 (com 3 colunas sobrava célula vazia) */
    .az-op__servicos-grid{
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
    }
    .az-op__servico{
      background: white; border: 1px solid var(--az-line);
      border-radius: var(--az-radius);
      padding: 36px 32px 32px;
      position: relative;
      transition: border-color .2s, transform .2s;
    }
    .az-op__servico:hover{ border-color: var(--az-blue); transform: translateY(-2px); }
    .az-op__servico-tag{
      position: absolute; top: 24px; right: 24px;
      background: var(--az-orange); color: var(--az-ink);
      padding: 4px 10px; border-radius: 999px;
      font-size: 10px; font-weight: 700; letter-spacing: .08em;
      text-transform: uppercase;
    }
    .az-op__servico h3{
      font-size: 22px; font-weight: 700; color: var(--az-blue);
      margin-bottom: 12px; letter-spacing: -0.01em;
    }
    .az-op__servico p{ font-size: 14.5px; line-height: 1.6; color: var(--az-ink-2); margin-bottom: 24px; }
    .az-op__servico-link{
      font-size: 13px; font-weight: 700; color: var(--az-ink);
      display: inline-flex; align-items: center; gap: 6px;
      border-bottom: 1.5px solid var(--az-ink);
      padding-bottom: 2px;
    }

    /* ─── DIFERENCIAIS — lista numerada com linhas ─────
       Layout linha por linha (não cards) — dá um ar
       de "manifesto". Cada diferencial tem um número
       grande e uma descrição. */
    .az-op__dif{ padding: 120px 0; background: var(--az-ink); color: white; }
    .az-op__dif .az-op__h2{ color: white; }
    .az-op__dif-list{ margin-top: 56px; }
    .az-op__dif-row{
      display: grid; grid-template-columns: 80px 1fr 1fr; gap: 40px;
      padding: 32px 0;
      border-top: 1px solid rgba(255,255,255,0.1);
      align-items: start;
      transition: padding .2s;
    }
    .az-op__dif-row:hover{ padding-left: 12px; }
    .az-op__dif-row:last-child{ border-bottom: 1px solid rgba(255,255,255,0.1); }
    .az-op__dif-num{
      font-size: 14px; font-weight: 700; letter-spacing: .12em;
      color: var(--az-orange);
    }
    .az-op__dif-title{
      font-size: 28px; font-weight: 700; letter-spacing: -0.01em;
      color: white; line-height: 1.15;
    }
    .az-op__dif-desc{
      font-size: 16px; line-height: 1.55; color: rgba(255,255,255,0.7);
      padding-top: 6px;
    }

    /* ─── BLOG ──────────────────────────────────────── */
    .az-op__blog{ padding: 120px 0; }
    .az-op__blog-grid{
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
      margin-top: 48px;
    }
    .az-op__post{
      background: white; border-radius: var(--az-radius);
      overflow: hidden;
      border: 1px solid var(--az-line);
      transition: transform .2s, box-shadow .2s;
      cursor: pointer;
    }
    .az-op__post:hover{ transform: translateY(-4px); box-shadow: var(--az-shadow); }
    .az-op__post-img{
      height: 200px;
      /* SVG inline pattern para placeholder — quando você
         tiver capa de artigo, troca isso por <img src=...> */
      background:
        repeating-linear-gradient(135deg,
          rgba(23,81,121,0.05) 0 8px, transparent 8px 16px),
        linear-gradient(135deg, var(--az-cream), var(--az-teal));
      position: relative;
    }
    .az-op__post-img--2{ background:
        repeating-linear-gradient(135deg,
          rgba(166,74,139,0.06) 0 8px, transparent 8px 16px),
        linear-gradient(135deg, var(--az-mint), var(--az-cream)); }
    .az-op__post-img--3{ background:
        repeating-linear-gradient(135deg,
          rgba(235,138,92,0.06) 0 8px, transparent 8px 16px),
        linear-gradient(135deg, var(--az-teal), var(--az-mint)); }
    .az-op__post-body{ padding: 24px; }
    .az-op__post-meta{
      display: flex; gap: 12px; align-items: center;
      font-size: 11px; font-weight: 700; letter-spacing: .1em;
      color: var(--az-magenta);
      margin-bottom: 14px; text-transform: uppercase;
    }
    .az-op__post-meta-dot{ width: 3px; height: 3px; background: var(--az-ink-3); border-radius: 50%; }
    .az-op__post-meta-date{ color: var(--az-ink-3); font-weight: 500; letter-spacing: .05em; text-transform: none; }
    .az-op__post h3{
      font-size: 19px; font-weight: 700; line-height: 1.3;
      color: var(--az-ink); margin-bottom: 16px;
      letter-spacing: -0.01em;
    }
    .az-op__post-read{ font-size: 13px; color: var(--az-ink-3); }

    /* ─── CONTATO ───────────────────────────────────── */
    .az-op__contato{ padding: 120px 0; background: var(--az-mist); }
    .az-op__contato-grid{
      display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px;
      align-items: stretch;
    }
    .az-op__form{
      background: white; border-radius: var(--az-radius-lg);
      padding: 48px;
      border: 1px solid var(--az-line);
    }
    .az-op__form-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
    .az-op__form-field{ display: flex; flex-direction: column; gap: 6px; }
    .az-op__form-field label{
      font-size: 12px; font-weight: 700; color: var(--az-ink-2);
      letter-spacing: .04em;
    }
    .az-op__form-field input,
    .az-op__form-field textarea,
    .az-op__form-field select{
      border: 1.5px solid var(--az-line); border-radius: var(--az-radius-sm);
      padding: 12px 14px; font-size: 15px;
      background: var(--az-paper); color: var(--az-ink);
      transition: border-color .15s;
    }
    .az-op__form-field input:focus,
    .az-op__form-field textarea:focus,
    .az-op__form-field select:focus{
      outline: none; border-color: var(--az-blue); background: white;
    }
    .az-op__form-field textarea{ resize: vertical; min-height: 100px; font-family: inherit; }
    .az-op__form-submit{
      width: 100%; padding: 16px; margin-top: 8px;
      background: var(--az-blue); color: white;
      border-radius: 999px; font-weight: 600; font-size: 15px;
      transition: background .15s;
    }
    .az-op__form-submit:hover{ background: var(--az-ink); }
    .az-op__contato-side{
      display: flex; flex-direction: column; gap: 16px;
    }
    .az-op__contato-card{
      background: white; border-radius: var(--az-radius);
      padding: 32px; border: 1px solid var(--az-line);
      flex: 1; display: flex; flex-direction: column; justify-content: space-between;
    }
    .az-op__contato-card--whatsapp{
      background: linear-gradient(135deg, var(--az-blue), #0e3a58);
      color: white; border: 0;
    }
    .az-op__contato-card h4{
      font-size: 14px; font-weight: 700; letter-spacing: .08em;
      text-transform: uppercase; color: inherit;
      opacity: .7; margin-bottom: 12px;
    }
    .az-op__contato-card-value{
      font-size: 24px; font-weight: 700; letter-spacing: -0.01em;
      color: inherit; margin-bottom: 12px;
    }
    .az-op__contato-card--whatsapp .az-op__contato-card h4{ opacity: .8; }
    .az-op__contato-card-foot{
      font-size: 13px; opacity: .8; margin-top: 16px;
    }
    .az-op__contato-card a{
      display:inline-flex; align-items:center; gap: 6px;
      font-weight: 600; font-size: 14px;
    }

    /* ─── FOOTER ────────────────────────────────────── */
    .az-op__footer{
      background: var(--az-ink); color: white;
      padding: 80px 0 32px;
    }
    .az-op__footer-grid{
      display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 56px;
      margin-bottom: 56px;
    }
    .az-op__footer-logo{ height: 24px; margin-bottom: 24px; filter: brightness(0) invert(1); }
    .az-op__footer-tagline{
      font-size: 15px; line-height: 1.5; color: rgba(255,255,255,0.65);
      max-width: 280px; margin-bottom: 24px;
    }
    .az-op__footer-social{
      display: flex; gap: 12px;
    }
    .az-op__footer-social a{
      width: 36px; height: 36px; border-radius: 50%;
      background: rgba(255,255,255,0.08);
      display: flex; align-items: center; justify-content: center;
      transition: background .15s;
    }
    .az-op__footer-social a:hover{ background: rgba(255,255,255,0.18); }
    .az-op__footer-col h5{
      font-size: 12px; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; color: var(--az-teal);
      margin-bottom: 18px;
    }
    .az-op__footer-col li{
      font-size: 14px; line-height: 1.5; color: rgba(255,255,255,0.7);
      margin-bottom: 10px;
    }
    .az-op__footer-col a:hover{ color: white; }
    .az-op__footer-bottom{
      padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.1);
      display: flex; justify-content: space-between; align-items: center;
      font-size: 12px; color: rgba(255,255,255,0.5);
    }
  


    /* ─── BANNER FIXO NO TOPO (home) ──────────────────
       Faixa fina que aparece em cima de todo o site,
       redireciona pro ML. Dispensável com o "x". */
    .az-op__banner{
      background: var(--az-magenta); color: white;
      padding: 12px 64px;
      display: flex; align-items: center; justify-content: center; gap: 16px;
      font-size: 14px; font-weight: 500;
      position: relative;
    }
    .az-op__banner-tag{
      background: rgba(255,255,255,0.18); color: white;
      padding: 4px 10px; border-radius: 999px;
      font-size: 11px; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase;
    }
    .az-op__banner-link{
      color: white; font-weight: 700;
      border-bottom: 1.5px solid rgba(255,255,255,0.5);
      padding-bottom: 1px;
    }
    .az-op__banner-link:hover{ border-color: white; }
    .az-op__banner-x{
      position: absolute; right: 24px; top: 50%;
      transform: translateY(-50%);
      width: 24px; height: 24px;
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,0.7); font-size: 18px; line-height: 1;
      border-radius: 50%;
      transition: background .15s, color .15s;
    }
    .az-op__banner-x:hover{ background: rgba(255,255,255,0.15); color: white; }

    /* ─── VERTICAIS (home — 4 cards) ─────────────────── */
    .az-op__verticais{ padding: 120px 0; }
    .az-op__verticais-head{
      display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
      align-items: end; margin-bottom: 56px;
    }
    .az-op__verticais-grid{
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
    }
    .az-op__vert{
      background: white; border: 1px solid var(--az-line);
      border-radius: var(--az-radius);
      padding: 32px 28px;
      transition: transform .2s, border-color .2s;
      position: relative;
    }
    .az-op__vert:hover{
      transform: translateY(-4px);
      border-color: var(--az-blue);
    }
    .az-op__vert-emoji{
      /* Pequena marca decorativa — barras coloridas do logo
         como "swatch" no canto do card. */
      display: flex; gap: 3px; align-items: end; height: 24px;
      margin-bottom: 24px;
    }
    .az-op__vert-emoji span{ width: 4px; border-radius: 1px; background: var(--az-blue); }
    .az-op__vert-emoji span:nth-child(2){ background: var(--az-magenta); }
    .az-op__vert h3{
      font-size: 19px; font-weight: 700; color: var(--az-ink);
      margin-bottom: 12px; letter-spacing: -0.01em;
    }
    .az-op__vert p{ font-size: 14px; line-height: 1.55; color: var(--az-ink-2); }

    /* ─── ML FEATURE (seção destacada na home) ──────── */
    .az-op__ml-feat{
      padding: 80px 0; background: var(--az-blue);
      color: white; position: relative; overflow: hidden;
    }
    .az-op__ml-feat::before{
      /* Decorativo — barras como no logo, vindo da direita */
      content: ""; position: absolute; right: -100px; top: 50%;
      transform: translateY(-50%);
      width: 600px; height: 600px;
      background-image: repeating-linear-gradient(90deg,
        rgba(150,204,212,0.15) 0 8px, transparent 8px 24px);
      pointer-events: none;
    }
    .az-op__ml-feat-inner{
      position: relative;
      display: grid; grid-template-columns: 1fr auto; gap: 60px;
      align-items: center;
    }
    .az-op__ml-feat-tag{
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--az-orange); color: var(--az-ink);
      padding: 6px 14px; border-radius: 999px;
      font-size: 11px; font-weight: 700; letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }
    .az-op__ml-feat h2{
      font-family: var(--az-font-display);
      font-size: 40px; font-weight: 800; letter-spacing: -0.02em;
      line-height: 1.1; color: white;
      margin-bottom: 16px;
      text-wrap: balance;
    }
    .az-op__ml-feat p{
      font-size: 17px; line-height: 1.55;
      color: rgba(255,255,255,0.8);
      max-width: 580px;
    }
    .az-op__ml-feat-cta{
      display: inline-flex; align-items: center; gap: 12px;
      background: white; color: var(--az-blue);
      padding: 18px 28px; border-radius: 999px;
      font-weight: 700; font-size: 15px;
      white-space: nowrap;
      transition: transform .15s, background .15s;
    }
    .az-op__ml-feat-cta:hover{ background: var(--az-orange); transform: translateY(-2px); }

    /* ─── CASES (landing ML) ────────────────────────── */
    .az-op__cases{ padding: 120px 0; background: var(--az-mist); }
    .az-op__cases-head{
      display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
      align-items: end; margin-bottom: 56px;
    }
    .az-op__cases-grid{
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
    }
    .az-op__case{
      background: white; border: 1px solid var(--az-line);
      border-radius: var(--az-radius);
      padding: 32px 28px;
      display: flex; flex-direction: column;
      transition: transform .2s, box-shadow .2s;
    }
    .az-op__case:hover{ transform: translateY(-4px); box-shadow: var(--az-shadow); }
    .az-op__case-segmento{
      font-size: 11px; font-weight: 700; letter-spacing: .14em;
      color: var(--az-magenta); text-transform: uppercase;
      margin-bottom: 24px;
    }
    .az-op__case-deltas{
      display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px;
      align-items: center;
      margin-bottom: 24px;
      padding: 20px 0;
      border-top: 1px dashed var(--az-line);
      border-bottom: 1px dashed var(--az-line);
    }
    .az-op__case-delta-label{
      font-size: 11px; color: var(--az-ink-3);
      letter-spacing: .06em; text-transform: uppercase;
      margin-bottom: 6px;
    }
    .az-op__case-delta-value{
      font-size: 24px; font-weight: 800; letter-spacing: -0.02em;
      color: var(--az-ink); line-height: 1;
      margin-bottom: 4px;
      font-variant-numeric: tabular-nums;
    }
    .az-op__case-delta-value--after{ color: var(--az-blue); }
    .az-op__case-delta-detail{
      font-size: 11px; color: var(--az-ink-3);
      line-height: 1.3;
    }
    .az-op__case-arrow{
      color: var(--az-orange);
      font-size: 22px;
      font-weight: 700;
    }
    .az-op__case-desc{
      font-size: 14px; line-height: 1.55; color: var(--az-ink-2);
      flex: 1;
      margin-bottom: 16px;
    }
    .az-op__case-foot{
      font-size: 12px; color: var(--az-ink-3);
      display: flex; justify-content: space-between; align-items: center;
      padding-top: 16px; border-top: 1px solid var(--az-line);
    }
    .az-op__case-tempo{ font-weight: 600; color: var(--az-blue); }
    .az-op__cases-disclaimer{
      text-align: center; font-size: 12px;
      color: var(--az-ink-3);
      margin-top: 32px;
      font-style: italic;
    }

    /* ─── ESCOPO (clínicas — resposta à objeção do contador) ─── */
    .az-op__escopo{ padding: 104px 0; background: var(--az-blue); color: white; }
    .az-op__escopo-inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
    .az-op__escopo h2{ font-family: var(--az-font-display); font-size: 40px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; margin: 0 0 20px; text-wrap: balance; }
    .az-op__escopo-intro{ font-size: 17px; line-height: 1.6; color: rgba(255,255,255,0.82); margin: 0; }
    .az-op__escopo-list{ display: flex; flex-direction: column; gap: 0; }
    .az-op__escopo-list li{ font-size: 16px; line-height: 1.55; color: rgba(255,255,255,0.92); padding: 20px 0 20px 34px; border-bottom: 1px solid rgba(255,255,255,0.14); position: relative; }
    .az-op__escopo-list li:first-child{ padding-top: 0; }
    .az-op__escopo-list li::before{ content: ""; position: absolute; left: 0; top: 27px; width: 14px; height: 3px; background: var(--az-orange); }
    .az-op__escopo-list li:first-child::before{ top: 7px; }
    .az-op__escopo-fecho{ margin-top: 24px; font-size: 15px; line-height: 1.55; color: var(--az-teal); font-weight: 500; }

    /* ─── CAMINHOS (home — 2 cards de qualificação) ─── */
    .az-op__caminhos{ padding: 104px 0; background: var(--az-mist); }
    .az-op__caminhos-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px; }
    .az-op__caminho{ background: white; border: 1px solid var(--az-line); border-radius: var(--az-radius); padding: 40px 36px; display: flex; flex-direction: column; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
    .az-op__caminho:hover{ transform: translateY(-4px); box-shadow: var(--az-shadow); border-color: var(--az-blue); }
    .az-op__caminho-label{ font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--az-magenta); margin-bottom: 20px; }
    .az-op__caminho h3{ font-family: var(--az-font-display); font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 14px; color: var(--az-ink); }
    .az-op__caminho p{ font-size: 15px; line-height: 1.6; color: var(--az-ink-2); margin: 0 0 28px; flex: 1; }
    .az-op__caminho-cta{ display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--az-blue); }
    .az-op__caminho:hover .az-op__caminho-cta span{ transform: translateX(4px); }
    .az-op__caminho-cta span{ transition: transform .15s; }

    /* ─── BOTÃO "VOLTAR PRO INSTITUCIONAL" (no header da ML) ── */
    .az-op__header-back{
      font-size: 13px; color: var(--az-ink-2);
      display: inline-flex; align-items: center; gap: 6px;
    }
    .az-op__header-back:hover{ color: var(--az-blue); }
  


    .az-op{ container-type: inline-size; container-name: azsite; }

    /* ─── TABLET / DESKTOP ESTREITO (≤ 1024px) ─────────── */
    @container azsite (max-width: 1024px){
      .az-op__wrap{ padding: 0 40px; }
      .az-op__hero{ padding: 72px 0 88px; }
      .az-op__hero-inner{ grid-template-columns: 1fr; gap: 48px; }
      .az-op__hero-h{ font-size: 52px; }
      .az-op__sobre, .az-op__pilares, .az-op__servicos, .az-op__dif,
      .az-op__blog, .az-op__contato, .az-op__verticais, .az-op__cases{ padding: 88px 0; }
      .az-op__escopo, .az-op__caminhos{ padding: 80px 0; }
      .az-op__sobre-inner{ grid-template-columns: 1fr; gap: 40px; }
      .az-op__escopo-inner{ grid-template-columns: 1fr; gap: 40px; }
      .az-op__servicos-head, .az-op__verticais-head, .az-op__cases-head{
        grid-template-columns: 1fr; gap: 24px; align-items: start; margin-bottom: 40px;
      }
      .az-op__verticais-grid, .az-op__blog-grid, .az-op__cases-grid{ grid-template-columns: repeat(2, 1fr); }
      .az-op__contato-grid{ grid-template-columns: 1fr; gap: 32px; }
      .az-op__ml-feat-inner{ grid-template-columns: 1fr; gap: 32px; }
      .az-op__footer-grid{ grid-template-columns: 1fr 1fr; gap: 40px; }
    }

    /* ─── MOBILE (≤ 700px) ─────────────────────────────── */
    @container azsite (max-width: 700px){
      .az-op__wrap{ padding: 0 20px; }

      /* Header: nav some, sobra logo + WhatsApp (área de toque ≥44px) */
      .az-op__header{ padding: 16px 0; }
      .az-op__header-inner{ gap: 12px; }
      .az-op__logo{ height: 22px; }
      .az-op__nav{ display: none; }
      a.az-op__header-cta{ padding: 13px 16px; font-size: 14px; min-height: 44px; }

      /* Hero */
      .az-op__hero{ padding: 40px 0 56px; }
      .az-op__hero-inner{ gap: 36px; }
      .az-op__hero-h{ font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; }
      .az-op__hero-sub{ font-size: 16px; }
      .az-op__hero-ctas{ flex-direction: column; align-items: stretch; gap: 12px; }
      .az-op__hero-ctas .az-op__btn{ justify-content: center; width: 100%; min-height: 48px; }
      .az-op__eyebrow{ font-size: 10px; letter-spacing: .1em; }

      /* Mock do dashboard — encolhe e some a coluna do meio */
      .az-op__mock-head{ padding: 14px 16px; }
      .az-op__mock-body{ padding: 6px 16px 16px; }
      .az-op__mock-row{ grid-template-columns: 1fr auto; gap: 10px; font-size: 13px; }
      .az-op__mock-bar{ display: none; }
      .az-op__mock-sticker{
        top: 8px; right: 8px; padding: 10px 12px;
        font-size: 10px; max-width: 112px; transform: rotate(-4deg);
      }
      .az-op__mock-sticker strong{ font-size: 16px; }

      /* Faixa de números */
      .az-op__stats{ padding: 40px 0; }
      .az-op__stats-inner{ grid-template-columns: 1fr 1fr; gap: 28px 20px; }
      .az-op__stat-num{ font-size: 32px; }

      /* Ritmo geral das seções */
      .az-op__sobre, .az-op__pilares, .az-op__servicos, .az-op__dif,
      .az-op__blog, .az-op__contato, .az-op__verticais, .az-op__cases,
      .az-op__escopo, .az-op__caminhos, .az-op__ml-feat{ padding: 56px 0; }
      .az-op__h2{ font-size: 28px; line-height: 1.14; }
      .az-op__p, .az-op__sobre p{ font-size: 15px; }
      .az-op__section-eyebrow{ font-size: 10px; }

      /* Grids que viram coluna única */
      .az-op__pilares-grid, .az-op__servicos-grid, .az-op__verticais-grid,
      .az-op__blog-grid, .az-op__cases-grid, .az-op__caminhos-grid{
        grid-template-columns: 1fr; gap: 14px;
      }
      .az-op__pilares-grid{ margin-top: 32px; }
      .az-op__caminhos-grid{ margin-top: 28px; }

      .az-op__pilar, .az-op__servico, .az-op__vert, .az-op__case,
      .az-op__caminho{ padding: 28px 24px; }
      .az-op__caminho h3{ font-size: 24px; }

      /* Diferenciais: número em cima, texto embaixo */
      .az-op__dif-row{ grid-template-columns: 1fr; gap: 10px; padding: 26px 0; }
      .az-op__dif-num{ font-size: 28px; }
      .az-op__dif-list{ margin-top: 36px; }

      /* Escopo (clínicas) */
      .az-op__escopo h2{ font-size: 26px; }
      .az-op__escopo-inner{ gap: 28px; }

      /* ML feature (home) */
      .az-op__ml-feat h2{ font-size: 26px; }
      .az-op__ml-feat p{ font-size: 15px; }
      .az-op__ml-feat-cta{ width: 100%; justify-content: center; min-height: 48px; }

      /* Cases (delta antes → depois em coluna) */
      .az-op__case-deltas{ grid-template-columns: 1fr; gap: 8px; }

      /* Formulário — campos empilhados, alvo de toque grande */
      .az-op__form{ padding: 24px 20px; }
      .az-op__form-row{ grid-template-columns: 1fr; gap: 14px; }
      .az-op__form input, .az-op__form select, .az-op__form textarea{ min-height: 46px; font-size: 16px; }
      .az-op__form-submit{ width: 100%; justify-content: center; min-height: 50px; }
      .az-op__contato-card{ padding: 24px 20px; }

      /* Rodapé */
      .az-op__footer{ padding: 48px 0 28px; }
      .az-op__footer-grid{ grid-template-columns: 1fr; gap: 32px; margin-bottom: 36px; }
      .az-op__footer-bottom{ flex-direction: column; gap: 10px; align-items: flex-start; }
    }
  


    /* ─── FAIXA DE ATALHO (abaixo do hero) ─────────────
       Dois cards de igual peso. A cor da plataforma entra
       como MARCADOR (barra de 4px no topo), nunca como
       fundo: reconhecimento imediato, contraste garantido,
       e o hero segue sendo o ponto mais quente da página. */
    .az-op2__atalho{ background: var(--az-mist); border-top: 1px solid var(--az-line); border-bottom: 1px solid var(--az-line); padding: 44px 0; }
    .az-op2__atalho-txt{ font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--az-ink-3); margin: 0 0 20px; }
    .az-op2__atalho-links{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    a.az-op2__chip{ position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--az-line); border-radius: var(--az-radius); padding: 26px 28px; overflow: hidden; transition: border-color .15s, transform .15s, box-shadow .15s; }
    a.az-op2__chip::before{ content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--az-op2-mark); }
    a.az-op2__chip:hover{ border-color: var(--az-ink-3); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(20,28,38,.09); }
    .az-op2__chip-tag{ display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--az-ink-3); margin-bottom: 7px; }
    .az-op2__chip-title{ display: block; font-family: var(--az-font-display); font-size: 20px; font-weight: 700; letter-spacing: -0.015em; color: var(--az-ink); line-height: 1.2; }
    .az-op2__chip-arrow{ font-family: var(--az-font-display); font-size: 15px; font-weight: 700; color: var(--az-blue); flex-shrink: 0; }
    .az-op2__chip--ml{ --az-op2-mark: var(--az-ml-yellow); }
    .az-op2__chip--odo{ --az-op2-mark: #7A2233; }

    /* ─── MOCK: selo ACIMA do card ─────────────────────
       O cabeçalho do dashboard tem texto nos dois cantos (título
       à esquerda, "Ao vivo" à direita), então qualquer canto
       superior colide. O selo sobe para fora do card. */
    .az-op2__mockwrap{ position: relative; padding: 96px 0 0 10px; }
    .az-op2__mockwrap .az-op__mock{ overflow: visible; }
    .az-op2 .az-op__mock-sticker{ right: auto; left: -10px; top: -86px; }
    .az-op2__mock-note{ font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--az-ink-3); font-weight: 700; }

    /* ─── ESPECIALIDADE (mesma gramática do escopo azul) ─ */
    .az-op2__esp{ padding: 104px 0; background: var(--az-blue); color: #fff; }
    .az-op2__esp-inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
    .az-op2__esp .az-op__section-eyebrow{ color: var(--az-orange); }
    .az-op2__esp .az-op__section-eyebrow::before{ background: var(--az-orange); }
    .az-op2__esp h2{ font-family: var(--az-font-display); font-size: 40px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; margin: 0 0 20px; text-wrap: balance; }
    .az-op2__esp-intro{ font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.82); margin: 0; }
    .az-op2__esp-label{ font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--az-teal); margin: 0 0 22px; }
    .az-op2__esp-list li{ padding: 20px 0 20px 34px; border-bottom: 1px solid rgba(255,255,255,.14); position: relative; }
    .az-op2__esp-q{ display: block; font-family: var(--az-font-display); font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: #fff; text-wrap: pretty; }
    .az-op2__esp-sub{ display: block; margin-top: 8px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.76); }
    .az-op2__esp-list li:first-child{ padding-top: 0; }
    .az-op2__esp-list li::before{ content: ""; position: absolute; left: 0; top: 30px; width: 14px; height: 3px; background: var(--az-orange); }
    .az-op2__esp-list li:first-child::before{ top: 10px; }
    .az-op2__esp-fecho{ margin-top: 26px; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.8); }
    a.az-op2__esp-cta{ display: inline-flex; align-items: center; gap: 10px; margin-top: 20px; padding: 15px 24px; border-radius: 999px; background: var(--az-orange); color: var(--az-ink); font-family: var(--az-font-display); font-size: 15.5px; font-weight: 700; letter-spacing: -0.01em; transition: transform .15s, box-shadow .15s; }
    a.az-op2__esp-cta:hover{ transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.22); }

    /* ─── HEADER: dois canais lado a lado no desktop ────── */
    .az-op2__header-acoes{ display: flex; align-items: center; gap: 10px; }
    a.az-op2__header-diag{ display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 999px; background: var(--az-orange); color: var(--az-ink); font-family: var(--az-font-display); font-size: 14.5px; font-weight: 700; letter-spacing: -0.01em; transition: transform .12s, box-shadow .12s; }
    a.az-op2__header-diag:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(235,138,92,.36); }

    /* ─── BOTÃO WHATSAPP (canal: verde; laranja = diagnóstico) ── */
    a.az-op2__wa-btn{ display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; padding: 15px 24px; border-radius: 999px; background: var(--az-wa); color: #fff; font-family: var(--az-font-wa); font-size: 15.5px; font-weight: 700; transition: transform .15s, box-shadow .15s, background .15s; }
    a.az-op2__wa-btn:hover{ transform: translateY(-2px); box-shadow: 0 10px 26px rgba(37,211,102,.32); background: #1fbb59; }
    /* variante hero das landings: mesmo peso do botão principal antigo */
    a.az-op2__wa-btn--hero{ margin-top: 0; padding: 18px 30px; font-size: 16.5px; box-shadow: 0 8px 24px rgba(37,211,102,.3); }

    /* ─── SERVIÇOS EM ESCADA ────────────────────────── */
    .az-op2__escada{ padding: 120px 0; }
    .az-op2__escada-head{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; margin-bottom: 56px; }
    .az-op2__escada-list{ list-style: none; margin: 0; padding: 0; }
    .az-op2__degrau{ display: grid; grid-template-columns: 68px 260px 1fr; gap: 32px; padding: 36px 0; border-top: 1px solid var(--az-line); }
    .az-op2__degrau:last-child{ border-bottom: 1px solid var(--az-line); }
    /* régua: a linha vertical que liga os números */
    .az-op2__degrau-rail{ position: relative; }
    .az-op2__degrau-rail::before{ content: ""; position: absolute; left: 21px; top: -36px; bottom: -36px; width: 1px; background: var(--az-line); }
    .az-op2__degrau:first-child .az-op2__degrau-rail::before{ top: 20px; }
    .az-op2__degrau:last-child .az-op2__degrau-rail::before{ bottom: auto; height: 20px; }
    .az-op2__degrau-num{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1.5px solid var(--az-blue); color: var(--az-blue); font-family: var(--az-font-display); font-size: 15px; font-weight: 800; letter-spacing: -0.02em; }
    .az-op2__escada-list .az-op2__degrau:last-child .az-op2__degrau-num{ background: var(--az-blue); color: #fff; }
    .az-op2__degrau-id h3{ font-family: var(--az-font-display); font-size: 23px; font-weight: 800; letter-spacing: -0.02em; color: var(--az-ink); margin: 8px 0 12px; line-height: 1.15; }
    .az-op2__degrau-tag{ display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--az-ink); background: var(--az-orange); border-radius: 4px; padding: 4px 9px; }
    .az-op2__degrau:last-child .az-op2__degrau-tag{ background: var(--az-teal); }
    .az-op2__degrau-req{ display: block; margin-top: 10px; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; color: var(--az-ink-3); }
    .az-op2__degrau-resolve{ font-size: 16.5px; line-height: 1.6; color: var(--az-ink); margin: 8px 0 20px; max-width: 620px; }
    .az-op2__degrau-entregas{ list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
    .az-op2__degrau-entregas li{ position: relative; padding-left: 22px; font-size: 14.5px; line-height: 1.5; color: var(--az-ink-2); }
    .az-op2__degrau-entregas li::before{ content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 2px; background: var(--az-magenta); }
    .az-op2__escada-fecho{ margin: 40px 0 0 100px; max-width: 720px; font-size: 16px; line-height: 1.65; color: var(--az-ink-2); border-left: 2px solid var(--az-teal); padding-left: 20px; }
    /* linha de fecho da escada: mesmo desenho dos degraus, sem número */
    .az-op2__degrau--cta{ border-top: 1px solid var(--az-line); border-bottom: 1px solid var(--az-line); margin-top: 40px; align-items: center; }
    .az-op2__degrau--cta .az-op2__degrau-rail::before{ content: none; }
    .az-op2__degrau--cta .az-op2__degrau-num{ background: var(--az-ink); border-color: var(--az-ink); color: #fff; font-size: 17px; }
    .az-op2__degrau--cta .az-op2__degrau-id h3{ margin: 0; font-size: 21px; }
    .az-op2__degrau--cta .az-op2__degrau-resolve{ margin: 0 0 18px; font-size: 16px; }
    a.az-op2__escada-cta{ margin-top: 0; }

    /* ─── SETORES ATENDIDOS ─────────────────────────── */
    .az-op2__setores{ padding: 120px 0; background: var(--az-mist); }
    .az-op2__setores-head{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; margin-bottom: 48px; }
    .az-op2__setores-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .az-op2__setor{ background: #fff; border: 1px solid var(--az-line); border-radius: var(--az-radius); padding: 32px 28px; }
    .az-op2__setor h3{ font-size: 19px; font-weight: 700; color: var(--az-ink); margin: 0 0 12px; letter-spacing: -0.01em; }
    .az-op2__setor p{ font-size: 14px; line-height: 1.55; color: var(--az-ink-2); margin: 0; }
    .az-op2__setores-fecho{ margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--az-line); font-size: 15.5px; line-height: 1.65; color: var(--az-ink-2); max-width: 900px; }
    .az-op2__setores-fecho a{ color: var(--az-blue); font-weight: 600; border-bottom: 1.5px solid rgba(23,81,121,.3); }
    .az-op2__setores-fecho a:hover{ border-color: var(--az-blue); }

    /* ─── QUEM CONDUZ ───────────────────────────────── */
    .az-op2__quem{ padding: 120px 0; }
    .az-op2__pessoa{ display: grid; grid-template-columns: 220px 1fr; gap: 44px; align-items: start; max-width: 940px; margin-top: 8px; }
    img.az-op2__foto{ display: block; width: 220px; height: 220px; object-fit: cover; border-radius: var(--az-radius); background: var(--az-mist); }
    .az-op2__pessoa-nome{ font-family: var(--az-font-display); font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: var(--az-ink); margin: 0 0 4px; }
    .az-op2__pessoa-cargo{ font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--az-magenta); margin: 0 0 20px; }
    .az-op2__pessoa-bio{ font-size: 16px; line-height: 1.62; color: var(--az-ink-2); margin: 0 0 16px; }
    .az-op2__pessoa-fecho{ font-size: 16.5px; line-height: 1.6; color: var(--az-ink); font-weight: 500; margin: 0 0 22px; border-left: 2px solid var(--az-teal); padding-left: 18px; }
    .az-op2__pessoa-acoes{ display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
    a.az-op2__foto-link{ display: inline-flex; align-items: center; gap: 5px; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--az-ink-2); }
    a.az-op2__foto-link:hover{ color: var(--az-blue); }
    a.az-op2__link{ font-size: 14px; font-weight: 700; color: var(--az-blue); display: inline-flex; align-items: center; gap: 6px; border-bottom: 1.5px solid rgba(23,81,121,.3); padding-bottom: 2px; }
    a.az-op2__link:hover{ border-color: var(--az-blue); }
    .az-op2__todo{ display: inline-block; font-family: var(--az-font-body); font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--az-magenta); background: rgba(166,74,139,.09); border: 1px dashed rgba(166,74,139,.45); border-radius: 4px; padding: 2px 8px; }

    /* ─── FAQ ───────────────────────────────────────── */
    .az-op2__faq{ padding: 120px 0; background: var(--az-mist); }
    .az-op2__faq-list{ margin-top: 44px; border-top: 1px solid var(--az-line); }
    .az-op2__faq-item{ border-bottom: 1px solid var(--az-line); padding: 4px 0; }
    .az-op2__faq-item summary{ list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; font-family: var(--az-font-display); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; color: var(--az-ink); }
    .az-op2__faq-item summary::-webkit-details-marker{ display: none; }
    .az-op2__faq-item summary::after{ content: "+"; font-size: 24px; font-weight: 500; color: var(--az-blue); line-height: 1; }
    .az-op2__faq-item[open] summary::after{ content: "–"; }
    .az-op2__faq-item p{ font-size: 16px; line-height: 1.65; color: var(--az-ink-2); margin: 0 0 24px; max-width: 780px; }
    /* linha de fecho do FAQ: mesma borda dos itens, sem o "+" */
    .az-op2__faq-cta{ display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 26px 0 4px; border-bottom: 1px solid var(--az-line); }
    .az-op2__faq-cta p{ margin: 0; font-family: var(--az-font-display); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; color: var(--az-ink); }
    .az-op2__faq-cta .az-op2__wa-btn{ margin-top: 0; flex-shrink: 0; }

    /* ─── BOTÃO DO FORM — vence o reset global de button ── */
    button.az-op2__submit{
      -webkit-appearance: none; appearance: none; border: 0; cursor: pointer;
      display: block; width: 100%; padding: 17px 20px; margin-top: 10px;
      background: var(--az-blue); color: #fff;
      font-family: var(--az-font-display); font-size: 16px; font-weight: 700; letter-spacing: -0.01em;
      border-radius: var(--az-radius-sm, 10px); min-height: 52px;
      transition: background .15s, transform .15s;
    }
    button.az-op2__submit:hover{ background: var(--az-ink); transform: translateY(-1px); }
    .az-op2__form-legal{ margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--az-ink-3); }
    .az-op2__form-legal a{ color: var(--az-blue); }
    .az-op2__hp{ position: absolute; left: -9999px; opacity: 0; }

    /* ─── BARRA DE AÇÃO MOBILE ──────────────────────── */
    .az-op2__actionbar{ display: none; }
    @media (max-width: 700px){
      @container azsite (max-width: 700px){
        .az-op2__actionbar{
          display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
          position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
          padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
          background: rgba(251,250,246,.96); border-top: 1px solid var(--az-line);
          backdrop-filter: blur(8px);
        }
        .az-op2__actionbar a{ min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; font-size: 14.5px; font-weight: 700; }
        .az-op2__actionbar .az-op2__ab-wa{ background: var(--az-wa); color: #fff; font-family: var(--az-font-wa); }
        .az-op2__actionbar .az-op2__ab-cta{ background: var(--az-orange); color: var(--az-ink); font-family: var(--az-font-display); }
      }
    }

    /* ─── RESPONSIVO ────────────────────────────────── */
    @container azsite (max-width: 1024px){
      /* faixa de tablet: o menu quebrava em duas linhas dentro do header */
      .az-op__nav{ display: none; }
      .az-op2__escada{ padding: 88px 0; }
      .az-op2__escada-head{ grid-template-columns: 1fr; gap: 24px; align-items: start; margin-bottom: 40px; }
      .az-op2__degrau{ grid-template-columns: 68px 1fr; gap: 24px; }
      .az-op2__degrau-id{ grid-column: 2; }
      .az-op2__degrau-body{ grid-column: 2; }
      .az-op2__degrau-id h3{ margin-bottom: 10px; }
      .az-op2__esp{ padding: 80px 0; }
      .az-op2__esp-inner{ grid-template-columns: 1fr; gap: 40px; }
      .az-op2__setores, .az-op2__quem, .az-op2__faq{ padding: 88px 0; }
      .az-op2__setores-head{ grid-template-columns: 1fr; gap: 24px; align-items: start; margin-bottom: 36px; }
      .az-op2__setores-grid{ grid-template-columns: repeat(2, 1fr); }
    }
    @container azsite (max-width: 700px){
      .az-op2__escada{ padding: 56px 0; }
      a.az-op2__wa-btn{ width: 100%; justify-content: center; min-height: 52px; }
      .az-op2__degrau{ grid-template-columns: 48px 1fr; gap: 16px; padding: 28px 0; }
      .az-op2__degrau-rail::before{ left: 17px; top: -28px; bottom: -28px; }
      .az-op2__degrau:first-child .az-op2__degrau-rail::before{ top: 18px; }
      .az-op2__degrau-num{ width: 36px; height: 36px; font-size: 13px; }
      .az-op2__degrau-id h3{ font-size: 20px; margin-top: 4px; }
      .az-op2__degrau-resolve{ font-size: 15.5px; margin-bottom: 16px; }
      .az-op2__degrau-entregas li{ font-size: 14px; }
      .az-op2__escada-fecho{ margin: 28px 0 0; font-size: 15px; }
      .az-op2__degrau--cta{ margin-top: 28px; align-items: start; }
      .az-op2__degrau--cta .az-op2__degrau-id h3{ font-size: 19px; }
      .az-op2__atalho{ padding: 32px 0; }
      .az-op2__atalho-links{ grid-template-columns: 1fr; gap: 12px; }
      a.az-op2__chip{ padding: 22px 22px; min-height: 48px; }
      .az-op2__chip-title{ font-size: 17px; }
      .az-op2__mockwrap{ padding: 76px 0 0; }
      .az-op2 .az-op__mock-sticker{ left: 0; top: -70px; }
      .az-op2__esp{ padding: 56px 0; }
      .az-op2__esp h2{ font-size: 26px; }
      .az-op2__esp-q{ font-size: 18px; }
      a.az-op2__esp-cta{ width: 100%; justify-content: center; min-height: 52px; font-size: 15px; }
      .az-op2__esp-inner{ gap: 28px; }
      .az-op2__setores, .az-op2__quem, .az-op2__faq{ padding: 56px 0; }
      .az-op2__setores-grid{ grid-template-columns: 1fr; gap: 14px; }
      .az-op2__setor{ padding: 28px 24px; }
      .az-op2__setores-fecho{ font-size: 15px; margin-top: 28px; }
      .az-op2__pessoa{ grid-template-columns: 1fr; gap: 22px; }
      img.az-op2__foto{ width: 180px; height: 180px; }
      .az-op2__pessoa-bio{ font-size: 15.5px; }
      .az-op2__pessoa-fecho{ font-size: 16px; padding-left: 15px; }
      a.az-op2__header-diag{ display: none; }
      .az-op2__faq-item summary{ font-size: 17px; gap: 16px; padding: 20px 0; min-height: 48px; }
      .az-op2__faq-item p{ font-size: 15px; }
      .az-op2__faq-cta{ flex-direction: column; align-items: stretch; gap: 16px; padding: 24px 0 20px; }
      .az-op2__faq-cta p{ font-size: 17px; }
      /* espaço para a barra de ação fixa não cobrir o rodapé */
      .az-op__footer{ padding-bottom: 96px; }
    }