/* Estilo geral */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
  }
  
  /* Título do site */
  .site-title {
    font-size: 24px;
    font-weight: bold;
    color: #007bff;
  }
  
  .logo{
      align-items: center;
      
  }
  /* Cards de serviços */
  .card-body{
      align-content: center;
  }
  .card-serv {
    cursor: pointer;
    border-radius: 11px;
    height: 280px;
    width: 260px;
    border: 1px solid black;
    transition: all 0.3s ease;
  }
  .card-servico:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  
  /* Carrossel */
  .carousel img {
    height: 500px;
    object-fit: fill;
}
/* Dropdowns */
  .dropdown-menu {
    min-width: 180px;
  }
  .dropdown-item:hover {
    background-color: #f0f0f0;
  }
  .form-inline{
      margin-right: 1%;
  }
  /* Botões */
  .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
  }
  .btn-outline-primary:hover {
    background-color: #007bff;
    color: #fff;
  }
  .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
  }
  .card_row{
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      margin-top: -99px;
  }
  /* Modal */
  .modal-header {
    background-color: #007bff;
    color: white;
    font-weight: bold;
  }
  .modal-footer .btn-success {
    background-color: #28a745;
    border: none;
  }
  .modal-footer .btn-success:hover {
    background-color: #218838;
  }
  
  /* Espaçamento entre elementos no topo */
  .gap-2 > * + * {
    margin-left: 0.5rem;
  }
  
  /* Responsividade para barra de pesquisa */
  @media (max-width: 768px) {
    .form-inline {
      width: 100%;
      margin-top: 10px;
    }
  }
  .logo {
    height: 40px;
    max-width: 100%;
    object-fit: contain;
  }
  .card-title {
    font-size: 1.1rem;
  }
  .card-text {
    font-size: 0.9rem;
  }
  .text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  @media (max-width: 575.98px) {
    .site-title {
      font-size: 18px;
    }
    .form-inline input {
      font-size: 14px;
    }
  }