/* Custom CSS Styles */

/* Global styles */
:root {
    --beloviver-50: #f0f9f9;
    --beloviver-100: #d0eeee;
    --beloviver-200: #a0dcdc;
    --beloviver-300: #69c4c4;
    --beloviver-400: #43acac;
    --beloviver-500: #2d660c;
    /* --beloviver-500: #308080; */
    --beloviver-600: #2c6868;
    --beloviver-700: #285050;
    --beloviver-800: #a6cca6;
    /* --beloviver-800: #204040; */
    --beloviver-900: #2e4c1b;
  }
  
  body {
    font-family: 'Poppins', sans-serif;
    color: #334155;
    background-color: #f2f2f2;
    scroll-behavior: smooth;
    
  }

  .headerScroll{
    background-color: var(--beloviver-50);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  }
  

  /*
  #346b15
  #a6cca6
  #42623e
  #84a885

  
  */
  /* Text colors */
  .text-beloviver-50 { color: var(--beloviver-50); }
  .text-beloviver-100 { color: var(--beloviver-100); }
  .text-beloviver-200 { color: var(--beloviver-200); }
  .text-beloviver-300 { color: var(--beloviver-300); }
  .text-beloviver-400 { color: var(--beloviver-400); }
  .text-beloviver-500 { color: var(--beloviver-500); }
  .text-beloviver-600 { color: var(--beloviver-600); }
  .text-beloviver-700 { color: var(--beloviver-700); }
  .text-beloviver-800 { color: var(--beloviver-800); }
  .text-beloviver-900 { color: var(--beloviver-900); }
  
  /* Background colors */
  .bg-beloviver-50 { background-color: var(--beloviver-50); }
  .bg-beloviver-100 { background-color: var(--beloviver-100); }
  .bg-beloviver-200 { background-color: var(--beloviver-200); }
  .bg-beloviver-300 { background-color: var(--beloviver-300); }
  .bg-beloviver-400 { background-color: var(--beloviver-400); }
  .bg-beloviver-500 { background-color: var(--beloviver-500); }
  .bg-beloviver-600 { background-color: var(--beloviver-600); }
  .bg-beloviver-700 { background-color: var(--beloviver-700); }
  .bg-beloviver-800 { background-color: var(--beloviver-800); }
  .bg-beloviver-900 { background-color: var(--beloviver-900); }
  
  /* Border colors */
  .border-beloviver-100 { border-color: var(--beloviver-100); }
  .border-beloviver-200 { border-color: var(--beloviver-200); }
  .border-beloviver-300 { border-color: var(--beloviver-300); }
  .border-beloviver-400 { border-color: var(--beloviver-400); }
  .border-beloviver-500 { border-color: var(--beloviver-500); }
  .border-beloviver-600 { border-color: var(--beloviver-600); }
  .border-beloviver-700 { border-color: var(--beloviver-700); }
  .border-beloviver-800 { border-color: var(--beloviver-800); }
  
  /* Hover effects */
  .hover\:bg-beloviver-50:hover { background-color: var(--beloviver-50); }
  .hover\:bg-beloviver-100:hover { background-color: var(--beloviver-100); }
  .hover\:bg-beloviver-500:hover { background-color: var(--beloviver-500); }
  .hover\:bg-beloviver-600:hover { background-color: var(--beloviver-600); }
  .hover\:text-beloviver-500:hover { color: var(--beloviver-500); }
  .hover\:text-beloviver-600:hover { color: var(--beloviver-600); }
  .hover\:text-white:hover { color: white; }
  
  /* Focus effects */
  .focus\:ring-beloviver-500:focus { --tw-ring-color: var(--beloviver-500); }
  
 .anchor-offset::before {
    content: "";
    display: block;
    height: 80px; /* ajuste o valor conforme a altura do seu header */
    margin-top: -80px;
    visibility: hidden;
}

section {
    scroll-margin-top: 80px; /* compensando o header fixo */
}

  /* Section titles and subtitles */
  .section-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--beloviver-900);
    margin-bottom: 1rem;
  }
  
 
  
  .section-subtitle {
    font-size: 1.125rem;
    color: var(--beloviver-600);
    max-width: 48rem;
    margin: 0 auto;
  }
  
  /* Animations */
  .animate-fade-in {
    opacity: 0;
    animation: fadeIn 1s ease forwards;
  }
  
  .animate-fade-in-right {
    opacity: 0;
    transform: translateX(30px);
    animation: fadeInRight 1s ease forwards;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(30px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  
  @keyframes pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  
  /* Service card hover effect */
  .service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .service-card:hover {
    transform: translateY(-10px);
  }
  
  /* Team member image hover effect */
  .team-member .h-60 {
    overflow: hidden;
  }
  
  .team-member img {
    transition: transform 0.5s ease;
  }
  
  .team-member:hover img {
    transform: scale(1.1);
  }
  
  /* Custom blob shape for hero image */
  .blob-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  
  /* Aspect ratio utilities */
  .aspect-w-4 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 4;
  }
  
  .aspect-h-3 {
    --tw-aspect-h: 3;
  }
  
  .aspect-w-4 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  /* Gallery slider */
  .gallery-slider {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scroll-behavior: smooth;
  }
  
  .gallery-slider::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  
  /* Toast styles */
  .toast {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    max-width: 350px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    overflow: hidden;
    animation: slideInRight 0.3s ease forwards;
  }
  
  .toast-success {
    background-color: #dcfce7;
    border-left: 4px solid #10b981;
    color: #065f46;
  }
  
  .toast-error {
    background-color: #fee2e2;
    border-left: 4px solid #ef4444;
    color: #b91c1c;
  }
  
  @keyframes slideInRight {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes slideOutRight {
    from {
      transform: translateX(0);
      opacity: 1;
    }
    to {
      transform: translateX(100%);
      opacity: 0;
    }
  }
  
  .toast-close {
    animation: slideOutRight 0.3s ease forwards;
  }

  #inicio {
    width: 100%;
    height: 100vh; 
    background-image: url('img/banner2.png');
    background-size:cover;
    background-position-y: top;
    background-position-x: center;
    /* background-position: center; */
    position: relative;
    display: flex;
    align-items: center;
  }	



  @media (min-width: 768px) {
    .section-title {
      font-size: 2.5rem;
    }
  }

  @media (max-width: 768px) {
    #testimonial-image{
      width: 130px !important;
      height: 130px !important;
    }
     #inicio {
        background-image: url('img/banner-mobile.png'); /* nova imagem para telas menores */
    }

    .button-banner{
      width: 220px;
    }

    .logoTopo{
      width: 200px !important;
      object-fit: contain;
    }
  }


   @media (max-width: 768px) {
    #testimonial-image{
      width: 130px !important;
      height: 130px !important;
    }
     #inicio {
        background-image: url('img/banner-mobile.png'); /* nova imagem para telas menores */
    }

    .textoajuste{
      width: 200px;
    }


    .button-banner{
      width: 220px;
    }
  }