:root{
    --dark-bg:#f2f2f2;
    --white-bg:#ffffff;
    --text-color:#000000;
    --section-padding:48px 16px;
    --max-width:1100px;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:var(--text-color);}
  section{width:100%;padding:var(--section-padding);}
  .container{max-width:var(--max-width);margin:0 auto;}
  .centered-img{display:block;margin:0 auto 20px auto;max-width:100%;height:200px;width:100%;border-radius:8px;}
  h2{margin:0 0 12px;font-size:1.6rem;text-align:center;}
  p{margin:0 0 12px;line-height:1.5;}
  ul{margin:0 0 16px 1.25rem;padding:0;}
  li{margin:6px 0;list-style: none; }

  /* backgrounds */
  #qualidade-e-testes{background:var(--white-bg);}
  #rpa{background:var(--dark-bg);}
  #consultoria{background:var(--white-bg);}
  #mentoria{background:var(--dark-bg);}
  #bot-ia{background:var(--white-bg);}

  .container li::before {
    content: "\f00c"; /* Unicode do ícone (ex: checkmark do FontAwesome) */
    font-family: "Font Awesome 5 Free"; /* Necessário se usar FA */
    font-weight: 900;
    color: green;
    margin-right: 10px;
}

  /* garantir texto preto conforme solicitado */
  #qualidade-e-testes, #rpa, #consultoria, #mentoria {color:var(--text-color);}
  .content{padding:10px;}
  
  @media (max-width:600px){
    :root{--section-padding:28px 12px;}
    h2{font-size:1.25rem;}
  }