:root{
    --container: 1120px; /* mesma largura do main */
    --azul:#21409A;     /* header */
    --azul-esc:#21409A; /* hover */
    --verde:#25D366;    /* WhatsApp */
    --cinza:#f4f6f8;
    --texto:#0f172a;
  }
  *{box-sizing:border-box}
  a{
    text-decoration: none;
  }
  body{margin:0;font-family: "Montserrat", "-apple-system", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; color:var(--texto);background:#fff}
  header{
    background:var(--azul);
    color:#fff;
    padding:18px 0;
  }
  .header-inner{
    max-width:var(--container);
    margin:0 auto;
    padding:0 16px;           /* mesmo gutter do main */
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
  }
  .brand{font-weight:700;letter-spacing:.3px}
  .controls{
    display:flex;gap:12px;align-items:center;flex-wrap:wrap
  }
  label{font-size:.95rem;opacity:.9}
  .border-down{
    background-color: #516CC8;
    display: block;
    padding: 10px;
    width: 100%;
  }
  select{
    appearance:none;
    padding:10px 40px 10px 12px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.25);
    background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="%230f172a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 10px center;
    color:#0f172a;
    min-width:260px;
    font-size:15px;
    box-shadow:0 2px 6px rgba(0,0,0,.06);
  }
  main{
    max-width:var(--container);
    margin:24px auto;
    padding:0 16px;
  }
  .navlinks{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:16px;
  }
  .navlinks li a{
    color:#fff;
    font-weight:600;
    font-size: .9rem;
  }
  .viewer{
    background:var(--cinza);
    border:1px solid #e5e7eb;
    border-radius:14px;
    box-shadow:0 6px 24px rgba(15,23,42,.06);
    overflow:hidden;
  }
  .pdf-wrap{width:100%;min-height:70vh;background:#fff}
  .cta{
    display:flex;justify-content:center;margin:18px 0 8px
  }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:10px;padding:14px 22px;border-radius:999px;border:0;
    background:#268744;color:#fff;font-weight:700;
    text-decoration:none;box-shadow:0 8px 24px rgba(37,211,102,.3);
    border:8px solid #ededed;
  }
  .text-center{text-align:center}
  .btn:hover{filter:brightness(.95)}
  .note{font-size:.9rem;color:#475569;text-align:center;margin:6px 0 35px}
  footer{
    padding:28px 16px;
    color:#6b7280;
    text-align:center;
    border-top:1px solid #e5e7eb;
    background-color:#FFDD21
  }
  footer .container{
    max-width:var(--container);  
    margin:0 auto;
    padding:0 16px;
    text-align:center;
  }
  footer .container span{
    display:block;
    font-size:.85rem;
    margin-bottom:8px;
    color: rgb(52, 58, 64);
  }
  footer img.promo-footer{
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  footer ul{
    display: block;
    padding: 10px;
  }
  footer ul li{
    list-style:none;
    display:inline-block;
    margin:0 8px;
  }
  .flex-container{
    display:flex;
    flex-wrap:wrap;              /* permite quebrar em telas menores */
    align-items:stretch;
    gap:24px;                    /* espaçamento entre colunas (opcional) */
  }
  .flex-items{
    flex:1 1 33.333%;            /* 3 colunas iguais */
    min-width:260px;             /* evita apertar demais no mobile */
  }
 .font-weight-bold {
    font-weight: 700 !important;
  }
  /* Se quiser forçar 3 colunas sem wrap (somente desktop largo) */
  @media (min-width:1024px){
    .flex-container{ flex-wrap:nowrap; }
    .flex-items{ flex:0 0 calc((100% - 2*24px)/3); } /* compensa o gap */
  }

/* Mobile: empilha em 1 coluna */
  @media (max-width:767px){
    .flex-items{ flex:1 1 100%; }
    footer img.promo-footer{
      display: none;
    }
  }

  @media (max-width:640px){
    select{min-width:100%}
    .pdf-embed{height:68vh}
    footer img.promo-footer{
      display: none;
    }
    .brand{font-weight:700;letter-spacing:.3px; display:block;text-align:center;width:100%}
    .controls{
       display:block;text-align:center;width:100%
    }
  }