
        /* Categoria: aguas */
        .category-aguas {
            --category-primary: #2563eb;
            --category-secondary: #3b82f6;
            --category-light: #dbeafe;
            --category-dark: #1e40af;
            --category-text: #1e3a8a;
        }
        
        .category-badge.category-aguas {
            background-color: #2563eb;
            color: white;
            border-color: #1e40af;
        }
        
        .category-badge.category-aguas:hover {
            background-color: #1e40af;
            transform: translateY(-2px);
        }
        
        .category-icon.category-aguas {
            background: linear-gradient(135deg, #2563eb, #3b82f6);
            color: white;
        }
        
        .category-border.category-aguas {
            border-left: 4px solid #2563eb;
            background-color: #dbeafe;
        }
        
        .category-hover.category-aguas:hover {
            box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-aguas.active {
            background-color: #2563eb;
            color: white;
            border-color: #2563eb;
        }
        
        .category-filter.category-aguas:not(.active) {
            border-color: #2563eb;
            color: #2563eb;
        }
        
        .category-filter.category-aguas:not(.active):hover {
            background-color: #dbeafe;
            color: #1e40af;
        }
        
        /* Categoria: cachoeiras */
        .category-cachoeiras {
            --category-primary: #06b6d4;
            --category-secondary: #0891b2;
            --category-light: #cffafe;
            --category-dark: #0e7490;
            --category-text: #164e63;
        }
        
        .category-badge.category-cachoeiras {
            background-color: #06b6d4;
            color: white;
            border-color: #0e7490;
        }
        
        .category-badge.category-cachoeiras:hover {
            background-color: #0e7490;
            transform: translateY(-2px);
        }
        
        .category-icon.category-cachoeiras {
            background: linear-gradient(135deg, #06b6d4, #0891b2);
            color: white;
        }
        
        .category-border.category-cachoeiras {
            border-left: 4px solid #06b6d4;
            background-color: #cffafe;
        }
        
        .category-hover.category-cachoeiras:hover {
            box-shadow: 0 10px 25px rgba(6, 182, 212, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-cachoeiras.active {
            background-color: #06b6d4;
            color: white;
            border-color: #06b6d4;
        }
        
        .category-filter.category-cachoeiras:not(.active) {
            border-color: #06b6d4;
            color: #06b6d4;
        }
        
        .category-filter.category-cachoeiras:not(.active):hover {
            background-color: #cffafe;
            color: #0e7490;
        }
        
        /* Categoria: rios */
        .category-rios {
            --category-primary: #0ea5e9;
            --category-secondary: #0284c7;
            --category-light: #e0f2fe;
            --category-dark: #0369a1;
            --category-text: #0c4a6e;
        }
        
        .category-badge.category-rios {
            background-color: #0ea5e9;
            color: white;
            border-color: #0369a1;
        }
        
        .category-badge.category-rios:hover {
            background-color: #0369a1;
            transform: translateY(-2px);
        }
        
        .category-icon.category-rios {
            background: linear-gradient(135deg, #0ea5e9, #0284c7);
            color: white;
        }
        
        .category-border.category-rios {
            border-left: 4px solid #0ea5e9;
            background-color: #e0f2fe;
        }
        
        .category-hover.category-rios:hover {
            box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-rios.active {
            background-color: #0ea5e9;
            color: white;
            border-color: #0ea5e9;
        }
        
        .category-filter.category-rios:not(.active) {
            border-color: #0ea5e9;
            color: #0ea5e9;
        }
        
        .category-filter.category-rios:not(.active):hover {
            background-color: #e0f2fe;
            color: #0369a1;
        }
        
        /* Categoria: fauna */
        .category-fauna {
            --category-primary: #059669;
            --category-secondary: #10b981;
            --category-light: #d1fae5;
            --category-dark: #047857;
            --category-text: #065f46;
        }
        
        .category-badge.category-fauna {
            background-color: #059669;
            color: white;
            border-color: #047857;
        }
        
        .category-badge.category-fauna:hover {
            background-color: #047857;
            transform: translateY(-2px);
        }
        
        .category-icon.category-fauna {
            background: linear-gradient(135deg, #059669, #10b981);
            color: white;
        }
        
        .category-border.category-fauna {
            border-left: 4px solid #059669;
            background-color: #d1fae5;
        }
        
        .category-hover.category-fauna:hover {
            box-shadow: 0 10px 25px rgba(5, 150, 105, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-fauna.active {
            background-color: #059669;
            color: white;
            border-color: #059669;
        }
        
        .category-filter.category-fauna:not(.active) {
            border-color: #059669;
            color: #059669;
        }
        
        .category-filter.category-fauna:not(.active):hover {
            background-color: #d1fae5;
            color: #047857;
        }
        
        /* Categoria: aves */
        .category-aves {
            --category-primary: #dc2626;
            --category-secondary: #ef4444;
            --category-light: #fee2e2;
            --category-dark: #b91c1c;
            --category-text: #991b1b;
        }
        
        .category-badge.category-aves {
            background-color: #dc2626;
            color: white;
            border-color: #b91c1c;
        }
        
        .category-badge.category-aves:hover {
            background-color: #b91c1c;
            transform: translateY(-2px);
        }
        
        .category-icon.category-aves {
            background: linear-gradient(135deg, #dc2626, #ef4444);
            color: white;
        }
        
        .category-border.category-aves {
            border-left: 4px solid #dc2626;
            background-color: #fee2e2;
        }
        
        .category-hover.category-aves:hover {
            box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-aves.active {
            background-color: #dc2626;
            color: white;
            border-color: #dc2626;
        }
        
        .category-filter.category-aves:not(.active) {
            border-color: #dc2626;
            color: #dc2626;
        }
        
        .category-filter.category-aves:not(.active):hover {
            background-color: #fee2e2;
            color: #b91c1c;
        }
        
        /* Categoria: mamiferos */
        .category-mamiferos {
            --category-primary: #d97706;
            --category-secondary: #f59e0b;
            --category-light: #fef3c7;
            --category-dark: #b45309;
            --category-text: #92400e;
        }
        
        .category-badge.category-mamiferos {
            background-color: #d97706;
            color: white;
            border-color: #b45309;
        }
        
        .category-badge.category-mamiferos:hover {
            background-color: #b45309;
            transform: translateY(-2px);
        }
        
        .category-icon.category-mamiferos {
            background: linear-gradient(135deg, #d97706, #f59e0b);
            color: white;
        }
        
        .category-border.category-mamiferos {
            border-left: 4px solid #d97706;
            background-color: #fef3c7;
        }
        
        .category-hover.category-mamiferos:hover {
            box-shadow: 0 10px 25px rgba(217, 119, 6, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-mamiferos.active {
            background-color: #d97706;
            color: white;
            border-color: #d97706;
        }
        
        .category-filter.category-mamiferos:not(.active) {
            border-color: #d97706;
            color: #d97706;
        }
        
        .category-filter.category-mamiferos:not(.active):hover {
            background-color: #fef3c7;
            color: #b45309;
        }
        
        /* Categoria: flora */
        .category-flora {
            --category-primary: #16a34a;
            --category-secondary: #22c55e;
            --category-light: #dcfce7;
            --category-dark: #15803d;
            --category-text: #166534;
        }
        
        .category-badge.category-flora {
            background-color: #16a34a;
            color: white;
            border-color: #15803d;
        }
        
        .category-badge.category-flora:hover {
            background-color: #15803d;
            transform: translateY(-2px);
        }
        
        .category-icon.category-flora {
            background: linear-gradient(135deg, #16a34a, #22c55e);
            color: white;
        }
        
        .category-border.category-flora {
            border-left: 4px solid #16a34a;
            background-color: #dcfce7;
        }
        
        .category-hover.category-flora:hover {
            box-shadow: 0 10px 25px rgba(22, 163, 74, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-flora.active {
            background-color: #16a34a;
            color: white;
            border-color: #16a34a;
        }
        
        .category-filter.category-flora:not(.active) {
            border-color: #16a34a;
            color: #16a34a;
        }
        
        .category-filter.category-flora:not(.active):hover {
            background-color: #dcfce7;
            color: #15803d;
        }
        
        /* Categoria: cerrado */
        .category-cerrado {
            --category-primary: #ca8a04;
            --category-secondary: #eab308;
            --category-light: #fefce8;
            --category-dark: #a16207;
            --category-text: #854d0e;
        }
        
        .category-badge.category-cerrado {
            background-color: #ca8a04;
            color: white;
            border-color: #a16207;
        }
        
        .category-badge.category-cerrado:hover {
            background-color: #a16207;
            transform: translateY(-2px);
        }
        
        .category-icon.category-cerrado {
            background: linear-gradient(135deg, #ca8a04, #eab308);
            color: white;
        }
        
        .category-border.category-cerrado {
            border-left: 4px solid #ca8a04;
            background-color: #fefce8;
        }
        
        .category-hover.category-cerrado:hover {
            box-shadow: 0 10px 25px rgba(202, 138, 4, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-cerrado.active {
            background-color: #ca8a04;
            color: white;
            border-color: #ca8a04;
        }
        
        .category-filter.category-cerrado:not(.active) {
            border-color: #ca8a04;
            color: #ca8a04;
        }
        
        .category-filter.category-cerrado:not(.active):hover {
            background-color: #fefce8;
            color: #a16207;
        }
        
        /* Categoria: mata-atlantica */
        .category-mata-atlantica {
            --category-primary: #047857;
            --category-secondary: #059669;
            --category-light: #ecfdf5;
            --category-dark: #065f46;
            --category-text: #064e3b;
        }
        
        .category-badge.category-mata-atlantica {
            background-color: #047857;
            color: white;
            border-color: #065f46;
        }
        
        .category-badge.category-mata-atlantica:hover {
            background-color: #065f46;
            transform: translateY(-2px);
        }
        
        .category-icon.category-mata-atlantica {
            background: linear-gradient(135deg, #047857, #059669);
            color: white;
        }
        
        .category-border.category-mata-atlantica {
            border-left: 4px solid #047857;
            background-color: #ecfdf5;
        }
        
        .category-hover.category-mata-atlantica:hover {
            box-shadow: 0 10px 25px rgba(4, 120, 87, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-mata-atlantica.active {
            background-color: #047857;
            color: white;
            border-color: #047857;
        }
        
        .category-filter.category-mata-atlantica:not(.active) {
            border-color: #047857;
            color: #047857;
        }
        
        .category-filter.category-mata-atlantica:not(.active):hover {
            background-color: #ecfdf5;
            color: #065f46;
        }
        
        /* Categoria: trilhas */
        .category-trilhas {
            --category-primary: #7c3aed;
            --category-secondary: #8b5cf6;
            --category-light: #f3e8ff;
            --category-dark: #6d28d9;
            --category-text: #5b21b6;
        }
        
        .category-badge.category-trilhas {
            background-color: #7c3aed;
            color: white;
            border-color: #6d28d9;
        }
        
        .category-badge.category-trilhas:hover {
            background-color: #6d28d9;
            transform: translateY(-2px);
        }
        
        .category-icon.category-trilhas {
            background: linear-gradient(135deg, #7c3aed, #8b5cf6);
            color: white;
        }
        
        .category-border.category-trilhas {
            border-left: 4px solid #7c3aed;
            background-color: #f3e8ff;
        }
        
        .category-hover.category-trilhas:hover {
            box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-trilhas.active {
            background-color: #7c3aed;
            color: white;
            border-color: #7c3aed;
        }
        
        .category-filter.category-trilhas:not(.active) {
            border-color: #7c3aed;
            color: #7c3aed;
        }
        
        .category-filter.category-trilhas:not(.active):hover {
            background-color: #f3e8ff;
            color: #6d28d9;
        }
        
        /* Categoria: escalada */
        .category-escalada {
            --category-primary: #dc2626;
            --category-secondary: #f87171;
            --category-light: #fee2e2;
            --category-dark: #b91c1c;
            --category-text: #991b1b;
        }
        
        .category-badge.category-escalada {
            background-color: #dc2626;
            color: white;
            border-color: #b91c1c;
        }
        
        .category-badge.category-escalada:hover {
            background-color: #b91c1c;
            transform: translateY(-2px);
        }
        
        .category-icon.category-escalada {
            background: linear-gradient(135deg, #dc2626, #f87171);
            color: white;
        }
        
        .category-border.category-escalada {
            border-left: 4px solid #dc2626;
            background-color: #fee2e2;
        }
        
        .category-hover.category-escalada:hover {
            box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-escalada.active {
            background-color: #dc2626;
            color: white;
            border-color: #dc2626;
        }
        
        .category-filter.category-escalada:not(.active) {
            border-color: #dc2626;
            color: #dc2626;
        }
        
        .category-filter.category-escalada:not(.active):hover {
            background-color: #fee2e2;
            color: #b91c1c;
        }
        
        /* Categoria: rapel */
        .category-rapel {
            --category-primary: #4338ca;
            --category-secondary: #6366f1;
            --category-light: #e0e7ff;
            --category-dark: #3730a3;
            --category-text: #312e81;
        }
        
        .category-badge.category-rapel {
            background-color: #4338ca;
            color: white;
            border-color: #3730a3;
        }
        
        .category-badge.category-rapel:hover {
            background-color: #3730a3;
            transform: translateY(-2px);
        }
        
        .category-icon.category-rapel {
            background: linear-gradient(135deg, #4338ca, #6366f1);
            color: white;
        }
        
        .category-border.category-rapel {
            border-left: 4px solid #4338ca;
            background-color: #e0e7ff;
        }
        
        .category-hover.category-rapel:hover {
            box-shadow: 0 10px 25px rgba(67, 56, 202, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-rapel.active {
            background-color: #4338ca;
            color: white;
            border-color: #4338ca;
        }
        
        .category-filter.category-rapel:not(.active) {
            border-color: #4338ca;
            color: #4338ca;
        }
        
        .category-filter.category-rapel:not(.active):hover {
            background-color: #e0e7ff;
            color: #3730a3;
        }
        
        /* Categoria: cavernas */
        .category-cavernas {
            --category-primary: #6b7280;
            --category-secondary: #9ca3af;
            --category-light: #f9fafb;
            --category-dark: #4b5563;
            --category-text: #374151;
        }
        
        .category-badge.category-cavernas {
            background-color: #6b7280;
            color: white;
            border-color: #4b5563;
        }
        
        .category-badge.category-cavernas:hover {
            background-color: #4b5563;
            transform: translateY(-2px);
        }
        
        .category-icon.category-cavernas {
            background: linear-gradient(135deg, #6b7280, #9ca3af);
            color: white;
        }
        
        .category-border.category-cavernas {
            border-left: 4px solid #6b7280;
            background-color: #f9fafb;
        }
        
        .category-hover.category-cavernas:hover {
            box-shadow: 0 10px 25px rgba(107, 114, 128, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-cavernas.active {
            background-color: #6b7280;
            color: white;
            border-color: #6b7280;
        }
        
        .category-filter.category-cavernas:not(.active) {
            border-color: #6b7280;
            color: #6b7280;
        }
        
        .category-filter.category-cavernas:not(.active):hover {
            background-color: #f9fafb;
            color: #4b5563;
        }
        
        /* Categoria: grutas */
        .category-grutas {
            --category-primary: #78716c;
            --category-secondary: #a8a29e;
            --category-light: #f5f5f4;
            --category-dark: #57534e;
            --category-text: #44403c;
        }
        
        .category-badge.category-grutas {
            background-color: #78716c;
            color: white;
            border-color: #57534e;
        }
        
        .category-badge.category-grutas:hover {
            background-color: #57534e;
            transform: translateY(-2px);
        }
        
        .category-icon.category-grutas {
            background: linear-gradient(135deg, #78716c, #a8a29e);
            color: white;
        }
        
        .category-border.category-grutas {
            border-left: 4px solid #78716c;
            background-color: #f5f5f4;
        }
        
        .category-hover.category-grutas:hover {
            box-shadow: 0 10px 25px rgba(120, 113, 108, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-grutas.active {
            background-color: #78716c;
            color: white;
            border-color: #78716c;
        }
        
        .category-filter.category-grutas:not(.active) {
            border-color: #78716c;
            color: #78716c;
        }
        
        .category-filter.category-grutas:not(.active):hover {
            background-color: #f5f5f4;
            color: #57534e;
        }
        
        /* Categoria: historia */
        .category-historia {
            --category-primary: #b91c1c;
            --category-secondary: #dc2626;
            --category-light: #fef2f2;
            --category-dark: #991b1b;
            --category-text: #7f1d1d;
        }
        
        .category-badge.category-historia {
            background-color: #b91c1c;
            color: white;
            border-color: #991b1b;
        }
        
        .category-badge.category-historia:hover {
            background-color: #991b1b;
            transform: translateY(-2px);
        }
        
        .category-icon.category-historia {
            background: linear-gradient(135deg, #b91c1c, #dc2626);
            color: white;
        }
        
        .category-border.category-historia {
            border-left: 4px solid #b91c1c;
            background-color: #fef2f2;
        }
        
        .category-hover.category-historia:hover {
            box-shadow: 0 10px 25px rgba(185, 28, 28, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-historia.active {
            background-color: #b91c1c;
            color: white;
            border-color: #b91c1c;
        }
        
        .category-filter.category-historia:not(.active) {
            border-color: #b91c1c;
            color: #b91c1c;
        }
        
        .category-filter.category-historia:not(.active):hover {
            background-color: #fef2f2;
            color: #991b1b;
        }
        
        /* Categoria: arqueologia */
        .category-arqueologia {
            --category-primary: #a16207;
            --category-secondary: #ca8a04;
            --category-light: #fffbeb;
            --category-dark: #92400e;
            --category-text: #78350f;
        }
        
        .category-badge.category-arqueologia {
            background-color: #a16207;
            color: white;
            border-color: #92400e;
        }
        
        .category-badge.category-arqueologia:hover {
            background-color: #92400e;
            transform: translateY(-2px);
        }
        
        .category-icon.category-arqueologia {
            background: linear-gradient(135deg, #a16207, #ca8a04);
            color: white;
        }
        
        .category-border.category-arqueologia {
            border-left: 4px solid #a16207;
            background-color: #fffbeb;
        }
        
        .category-hover.category-arqueologia:hover {
            box-shadow: 0 10px 25px rgba(161, 98, 7, 0.3);
            transform: translateY(-4px);
        }
        
        .category-filter.category-arqueologia.active {
            background-color: #a16207;
            color: white;
            border-color: #a16207;
        }
        
        .category-filter.category-arqueologia:not(.active) {
            border-color: #a16207;
            color: #a16207;
        }
        
        .category-filter.category-arqueologia:not(.active):hover {
            background-color: #fffbeb;
            color: #92400e;
        }
        