html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      font-family: Arial, sans-serif;
      background-color: #004080;
      color: #ffffff;
    }

    .swiper-container {
      width: 100%;
      height: 100vh;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .logo img{ width: 250px; }
    .logo-overlay {
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 10;
      max-width: 180px;
    }

    .overlay-message {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0,0,0,0.6);
      padding: 20px 30px;
      border-radius: 8px;
      text-align: center;
      font-size: 18px;
      z-index: 10;
    }

   
/* Cores institucionais Sulinorte */
.bg-sulinorte {
  background-color: #003e7d; /* azul escuro institucional */
  color: white;
}

.contact-menu li i {
  color: #ea0000; /* vermelho */
  font-size: 1.2em;
}

.contact-menu a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-menu a:hover {
  color: #e0e0e0;
}

/* Botão WhatsApp com estilo original */



    a.whatsapp-link {
      display: inline-block;
      margin-top: 10px;
     /*background*/
        background: #075E54;
        background: -webkit-linear-gradient(0deg, rgba(7, 94, 84, 1) 22%, rgba(18, 140, 126, 1) 88%);
        background: -moz-linear-gradient(0deg, rgba(7, 94, 84, 1) 22%, rgba(18, 140, 126, 1) 88%);
        background: linear-gradient(0deg, rgba(7, 94, 84, 1) 22%, rgba(18, 140, 126, 1) 88%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075E54", endColorstr="#128C7E", GradientType=0);
     /*end background*/
      padding: 5px 10px;
      border-radius: 5px;
      color: white;
      font-weight: bold;
      text-decoration: none;
      transition: color 0.3s;
      text-align: center;
    }

    li a.whatsapp-link a{width: 100%;    }
    li a.whatsapp-link i,  li a.whatsapp-link{ color:white;  }

    
    li a.whatsapp-link:hover{ background: #25D366; }
    li a.whatsapp-link:hover i,
    li a.whatsapp-link:hover{ color:rgb(255,255,255); }






@media  screen and (max-width: 768px) {

  .overlay-message {
    transform: translateX(-50%);
    background: rgba(0,0,0,0.6);
    padding: 10px 10px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    z-index: 10;
  }

  .logo img{ width: 150px; }

  .contact-menu {
    flex-direction: column;
    gap: 2px;
  }

  .contact-menu a {text-align: center !important; margin: auto !important;}

  .contact-menu li {
    margin: 2px auto !important;
  }

  header .container-fluid {
    flex-direction: column;
    align-items: flex-start;
  }    
}


@media  screen and (max-width: 1200px) {
  .logo img{ width: 180px; }
}