/* Bloco Grupo Midst - pagina /sobre (19/10/2026). Fonte Fixture ja carregada pelo site. */
    .midst-block{
      --midst-yellow:#FFDD00;
      --midst-blue:#0000FF;
      --midst-line:rgba(255,255,255,.35);
      background-color:#000;
      color:#fff;
      font-family:Fixture,sans-serif;
      max-width:1920px;
      margin:auto;
      padding:6rem 0;
      overflow:hidden;
    }
    .midst-block *{box-sizing:border-box}
    .midst-block .midst-container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}
    .midst-block .midst-inner{width:100%;max-width:83.3333%;margin:0 auto}
    .midst-block .midst-bar{display:block;width:7.5rem;height:1.8rem;background:var(--midst-blue);margin-bottom:2rem}

    /* títulos = h2 / h3 do CMS */
    .midst-block h2,.midst-block h3{
      margin:0 0 1.5rem;
      font-family:Fixture,sans-serif;
      font-weight:900;
      line-height:1.2;
      text-transform:uppercase;
      color:var(--midst-yellow);
    }
    .midst-block h2{font-size:4rem;max-width:16ch}
    .midst-block h3{font-size:3rem;max-width:18ch}

    /* texto de apoio = p do CMS */
    .midst-block p{
      margin:0 0 1rem;
      font-family:Fixture,sans-serif;
      font-size:1.1rem;
      line-height:1.8rem;
      font-weight:400;
      color:#fff;
    }
    .midst-block strong{font-weight:700}

    /* topo: texto + imagem */
    .midst-block .midst-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
    .midst-block .midst-text{padding-right:2rem}
    .midst-block .midst-hero{width:100%;height:auto;display:block}

    /* arquitetura de marca */
    .midst-block .midst-arch{margin-top:5rem;text-align:center}
    .midst-block .midst-root{padding-bottom:2.5rem;border-bottom:2px solid var(--midst-yellow)}
    .midst-block .midst-root .midst-logo-main{display:inline-block;height:44px}
    .midst-block .midst-root .midst-logo-main svg{height:100%;width:auto;display:block}
    .midst-block .midst-root p.midst-tagline{margin:1.25rem 0 0;font-family:Fixture,sans-serif;font-size:1.32rem;line-height:1.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
    .midst-block .midst-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none}
    .midst-block .midst-brand{padding:2.5rem 1rem 0}
    .midst-block .midst-brand + .midst-brand{border-left:2px solid var(--midst-yellow)}
    .midst-block .midst-logo{display:flex;align-items:center;justify-content:center;height:72px;margin-bottom:1.25rem;color:#fff}
    .midst-block .midst-logo svg{width:170px;height:auto;display:block}
    .midst-block .midst-services{margin:0;padding:0;list-style:none}
    .midst-block .midst-services li{font-size:1.1rem;line-height:1.8rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:#fff}

    /* ecossistema + números */
    .midst-block .midst-eco{margin-top:5rem}
    .midst-block .midst-eco p{max-width:600px}
    .midst-block .midst-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3rem 0 0;padding:0;list-style:none}
    .midst-block .midst-stat svg{width:40px;height:40px;display:block;margin-bottom:1rem;fill:none;stroke:var(--midst-yellow);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .midst-block .midst-num{display:block;font-size:3rem;font-weight:900;line-height:1.1;color:var(--midst-yellow)}
    .midst-block .midst-label{display:block;margin-top:.35rem;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}

    @media (max-width:991.98px){
      .midst-block{padding:2rem 0 3rem}
      .midst-block .midst-bar{height:1.2rem;width:5rem;margin-bottom:1.25rem}
      .midst-block h2{font-size:1.5rem;max-width:none}
      .midst-block h3{font-size:1.3rem;max-width:none}
      .midst-block p{font-size:1rem}
      .midst-block .midst-top{grid-template-columns:1fr;gap:1.5rem}
      .midst-block .midst-text{padding-right:1rem}
      .midst-block .midst-inner{max-width:none}
      .midst-block .midst-arch{margin-top:3rem;text-align:center}
      .midst-block .midst-root{padding-bottom:1.5rem}
      .midst-block .midst-root .midst-logo-main{height:34px}
      .midst-block .midst-root p.midst-tagline{font-size:1.2rem;line-height:1.5rem}
      .midst-block .midst-brands{grid-template-columns:1fr}
      .midst-block .midst-brand{padding:1.75rem 0}
      .midst-block .midst-brand + .midst-brand{border-left:0;border-top:2px solid var(--midst-yellow)}
      .midst-block .midst-logo{justify-content:center;height:60px;margin-bottom:1rem}
      .midst-block .midst-brand{text-align:center}
      .midst-block .midst-logo svg{width:140px}
      .midst-block .midst-services li{font-size:1rem}
      .midst-block .midst-eco{margin-top:3rem}
      .midst-block .midst-stats{grid-template-columns:1fr 1fr;gap:2rem 1rem;margin-top:2rem}
      .midst-block .midst-num{font-size:2rem}
    }
  
    /* links das marcas */
    .midst-block a.midst-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;transition:opacity .2s}
    .midst-block a.midst-link:hover,.midst-block a.midst-link:focus{opacity:.75;color:inherit}
    .midst-block a.midst-site{display:inline-block;margin-top:1rem;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--midst-yellow);text-decoration:none;border-bottom:2px solid var(--midst-yellow)}
    .midst-block a.midst-site:hover{color:#fff;border-color:#fff}