:root {
      --primary-color: #009a44;
      --primary-hover: #007d37;
    }
    
    body {
      font-family: 'Barlow', sans-serif;
      background-color: #f8f9fa;
      color: #334155;
    }

    /* Navbar Custom */
    .navbar-custom {
      background-color: var(--primary-color);
      height: 64px;
    }

    /* Button Style Refactor */
    .btn-agenda {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      border: 2px solid var(--primary-color);
      border-radius: 12px;
      background: white;
      color: var(--primary-color);
      font-weight: 700;
      text-decoration: none;
      transition: all 0.3s ease;
      margin-bottom: 1rem;
      position: relative;
    }

    .btn-agenda:hover {
      background-color: var(--primary-color);
      color: white;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 154, 68, 0.2);
    }

    .btn-agenda i {
      margin-left: 8px;
      transition: transform 0.3s ease;
    }

    .btn-agenda:hover i {
      transform: translateX(4px);
    }

    .share-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.2);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
    }

    .share-btn:hover {
      background: rgba(255,255,255,0.2);
      color: white;
    }

    .share-btn:active {
      transform: scale(0.9);
    }

    .logo-img {
      width: 80px;
      filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    }

    @media (min-width: 768px) {
      .logo-img { width: 96px; }
    }