@media (min-width: 1400px) {
    .container {
        width: 80%;
        max-width: 80%;
    }
}

div#icone > div {
    width: auto;
    flex: inherit;
    width: 100px;
    margin-left: 20px
}

div#icone {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
}

.featured-services .service-item .icon {
    margin-right: 0;
}

.icon.flex-shrink-0.text-center i{
    width: 60px;
    text-align: center;
}


/* ── Anchor offset for fixed header ─────────────────────────────────────── */
section[id] {
  scroll-margin-top: 120px;
}

/* ── Mobile global ────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* Prevent horizontal scroll at page level — clip does not create a scroll
     container so position:fixed elements still work correctly */
  html { overflow-x: clip; font-size: 8px; }
  body { overflow-x: clip; font-size: 8px; }

  /* Page hero/header bars */
  .qacha-page-header { padding: 70px 0 10px !important; }
  .qacha-page-header h1 { font-size: .9rem !important; margin-bottom: 2px !important; }
  .qacha-page-header nav { font-size: .65rem !important; margin-bottom: .15rem !important; }

  /* Header search form */
  .qacha-header-search { min-width: 0 !important; flex: 1 1 100% !important; max-width: 100% !important; margin-top: .4rem; }
  .qacha-header-search input  { font-size: .72rem !important; padding: 6px 10px !important; }
  .qacha-header-search button { font-size: .72rem !important; padding: 6px 10px !important; }

  /* Less horizontal padding on containers */
  .container-fluid.px-4 { padding-left: .4rem !important; padding-right: .4rem !important; }
  section.py-4 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
  section.py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

  /* ── Tables: fill 95% of the viewport width ── */
  .table-responsive {
    width: 95vw !important;
    overflow-x: visible;
  }
  .table-responsive > table {
    table-layout: fixed;
    width: 100% !important;
  }
  .table-responsive > table td,
  .table-responsive > table th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;          /* required trick to activate text-overflow in td */
    font-size: .62rem !important;
    padding: 3px 4px !important;
    vertical-align: middle !important;
  }

  /* Category / search sidebar */
  .secao-titulo { font-size: .68rem !important; }
  .card-body     { font-size: .70rem !important; }
}

@media (max-width: 480px) {
  html { font-size: 7px; }
  body { font-size: 7px; }
}