:root {
    --sulista-blue: #002c69;
    --sulista-orange: #f07e1c;
  }
  
  /* Fundo cinza e texto azul */
  .footer-sulista {
    background: #f8f9fa;
    color: var(--sulista-blue);
  }
  
  /* Títulos */
  .footer-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    position: relative;
    color: var(--sulista-blue);
  }
  .footer-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: var(--sulista-orange);
    margin-top: 0.5rem;
    border-radius: 2px;
  }
  
  /* Listas de soluções e contatos */
  .footer-list li,
  .footer-contact li {
    margin-bottom: 0.75rem;
    color: var(--sulista-blue);
  }
  .footer-list li::before {
    content: "•";
    color: var(--sulista-orange);
    display: inline-block;
    width: 1em;
  }
  
  /* Links de contato em azul e hover laranja */
  .footer-contact a {
    color: var(--sulista-blue);
    text-decoration: none;
    transition: color .2s;
  }
  .footer-contact a:hover {
    color: var(--sulista-orange);
  }
  
  /* Logo e tagline */
  .footer-logo {
    max-width: 160px;
    height: auto;
  }
  .footer-tagline {
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 300px;
    color: var(--sulista-blue);
  }

  .footer-list li::before {
    content: none; /* ou simplesmente delete toda essa regra */
  }
  
  /* Responsividade */
  @media (max-width: 576px) {
    .footer-title {
      font-size: 1.1rem;
    }
    .footer-tagline {
      font-size: 0.9rem;
      max-width: 100%;
    }
  }