:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#17324d;background:#f4f8fb}*{box-sizing:border-box}body{margin:0}.top{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7%;box-shadow:0 2px 12px #00000012}.brand{font-size:22px;font-weight:700;text-decoration:none;color:#17324d}.brand b{color:#0a8f78}.btn{display:inline-block;border:0;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:#0a8f78;color:#fff}.ghost{border:1px solid #dbe5ec;color:#17324d}.whatsapp{background:#1aaf73;color:#fff}.hero{max-width:1100px;margin:42px auto 22px;padding:25px;display:flex;justify-content:space-between;gap:25px;align-items:center}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:14px 0}.hero p{font-size:18px;color:#587086;max-width:650px}.pill,.verified{background:#e7f7f2;color:#08735f;border-radius:99px;padding:7px 11px;font-size:13px;font-weight:700}.hero-card{background:#fff;border-radius:22px;padding:28px;text-align:center;font-size:48px;box-shadow:0 8px 35px #18344a12;min-width:210px}.hero-card strong{display:block;font-size:18px}.hero-card small{display:block;font-size:13px;color:#718396;margin-top:7px}.search-card,.results,.how{max-width:1100px;margin:20px auto;padding:28px;background:#fff;border-radius:22px;box-shadow:0 8px 35px #18344a0d}.search-card h2,.how h2,.results h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}label{font-weight:700;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d7e1e8;border-radius:10px;font:inherit;background:#fff}textarea{min-height:90px}.card{display:flex;gap:18px;padding:18px 0;border-top:1px solid #e8eef2}.avatar{width:86px;height:86px;border-radius:50%;background:#edf3f7;display:flex;align-items:center;justify-content:center;font-size:35px;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card h3{margin:0}.card p{margin:7px 0;color:#5e7284}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps div{padding:18px;background:#f5f9fb;border-radius:15px}.steps b,.steps small{display:block;margin-top:7px}.steps small{color:#64788a}footer{text-align:center;padding:30px;color:#6d7f8e}footer a{color:#0a8f78}.notice{max-width:1100px;margin:15px auto;padding:15px;border-radius:12px;background:#fff2df;color:#79520b}.success{background:#e8f8f1;color:#08735f}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5ebef}@media(max-width:700px){.hero{display:block;margin-top:20px}.hero-card{margin-top:20px}.grid,.steps{grid-template-columns:1fr}.top{padding:0 4%}.search-card,.results,.how{margin:14px 4%;padding:20px}}
/* AJUSTE PARA CELULAR */
@media (max-width:700px){
  .top{
    height:auto;
    padding:12px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
  }

  .brand{
    width:100%;
    text-align:center;
  }

  .top a{
    margin-left:0 !important;
    flex:1 1 45%;
    justify-content:center;
    text-align:center;
    min-height:64px;
    box-sizing:border-box;
  }

  .hero{
    margin:20px auto;
    padding:0 16px;
    box-sizing:border-box;
  }

  .hero h1{
    font-size:38px;
    line-height:1.05;
  }

  .hero-card{
    margin-top:20px;
    width:100%;
    box-sizing:border-box;
  }

  .search-card,
  .results,
  .how{
    margin:14px 16px;
    padding:20px;
    box-sizing:border-box;
  }
}
/* CABEÇALHO MOBILE MAIS ALINHADO */
@media (max-width:700px){
  .top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:10px 12px;
    height:auto;
  }

  .brand{
    grid-column:1 / -1;
    width:100%;
    text-align:center;
    margin-bottom:4px;
  }

  .top a{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0 !important;
    padding:9px 8px !important;
    min-height:58px;
    font-size:13px !important;
    line-height:1.15;
    overflow:hidden;
  }

  .top a span:first-child{
    font-size:22px !important;
    flex-shrink:0;
  }

  .top a strong{
    font-size:13px !important;
  }

  .top a small{
    font-size:10px !important;
  }
}
@media (max-width:700px){

  .top{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px !important;
    height:auto !important;
  }

  .brand{
    width:100% !important;
    text-align:center !important;
    margin:0 0 6px 0 !important;
  }

  .top a{
    width:90% !important;
    max-width:360px !important;
    min-height:auto !important;
    margin:0 !important;
    padding:10px 12px !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .top a span:first-child{
    font-size:22px !important;
  }

  .top a strong{
    font-size:15px !important;
  }

  .top a small{
    font-size:11px !important;
  }
}
/* TOPO MOBILE MODERNO */
@media (max-width:700px){

  .top{
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 16px !important;
    background:#f4f8fb !important;
  }

  .brand{
    width:100% !important;
    text-align:center !important;
    margin:0 0 4px 0 !important;
    font-size:22px !important;
  }

  .top a{
    width:100% !important;
    max-width:380px !important;
    min-height:auto !important;
    margin:0 !important;
    padding:12px 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;

    background:#ffffff !important;
    color:#17324d !important;

    border:1px solid #dbe5ec !important;
    border-radius:16px !important;
    box-shadow:0 5px 15px rgba(0,0,0,.06) !important;

    text-align:left !important;
    box-sizing:border-box !important;
  }

  .top a span:first-child{
    font-size:27px !important;
    flex-shrink:0 !important;
  }

  .top a strong{
    font-size:16px !important;
    color:#17324d !important;
  }

  .top a small{
    font-size:12px !important;
    color:#64788a !important;
  }

  .top a:active{
    transform:scale(.98);
  }
}