html {
      scroll-behavior: smooth;
    }
  body {
      font-family: "DM Sans", sans-serif;
      background: #F8F5ED;
      color: #1F2A26;
    }
  .display {
      font-family: "Playfair Display", serif;
    }
  .glass {
      background: rgba(255,255,255,.78);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
  .hero-image {
      animation: heroZoom 12s ease-in-out infinite alternate;
    }
  @keyframes heroZoom {
      from {
        transform: scale(1);
      }
      to {
        transform: scale(1.06);
      }
    }
  .event-card {
      transition: all .4s ease;
    }
  .event-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 25px 60px rgba(4,56,43,.12);
    }
  .event-card img {
      transition: transform .5s ease;
    }
  .event-card:hover img {
      transform: scale(1.05);
    }
  .modal {
      opacity: 0;
      visibility: hidden;
      transition: .3s ease;
    }
  .modal.show {
      opacity: 1;
      visibility: visible;
    }
  .modal-box {
      transform: translateY(25px) scale(.97);
      transition: .3s ease;
    }
  .modal.show .modal-box {
      transform: translateY(0) scale(1);
    }
  .fade-up {
      animation: fadeUp .8s ease forwards;
    }
  @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(25px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  .pattern {
      background-image:
        radial-gradient(rgba(7,85,63,.09) 1px, transparent 1px);
      background-size: 22px 22px;
    }
    @keyframes socialPulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
  }
  .social-action { animation: socialPulse 2.8s ease-in-out infinite; }
  .social-action:nth-child(3) { animation-delay: .35s; }
  .social-action:nth-child(4) { animation-delay: .7s; }
  .social-action:hover { animation-play-state: paused; }
   .social-icon {
    animation: socialFloat 3s ease-in-out infinite;
  }

  .social-icon:nth-child(2) { animation-delay: .15s; }
  .social-icon:nth-child(3) { animation-delay: .3s; }
  .social-icon:nth-child(4) { animation-delay: .45s; }
  .social-icon:nth-child(5) { animation-delay: .6s; }
  .social-icon:nth-child(6) { animation-delay: .75s; }

  .social-facebook { background:#1877F2; }
  .social-instagram { background:linear-gradient(135deg,#F9CE34,#EE2A7B,#6228D7); }
  .social-youtube { background:#FF0000; }
  .social-whatsapp { background:#25D366; }
  .social-linkedin { background:#0A66C2; }
  .social-x { background:#111827; }

  .social-icon:hover {
    animation-play-state: paused;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
  }

  @keyframes socialFloat {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-3px); }
  }

  @media (prefers-reduced-motion: reduce) {
    .social-icon { animation:none; }
  }