.card-hover {
        transition: all 0.25s ease;
    }
    
    .card-hover:hover {
        transform: translateY(-1px);
        border-color: rgb(0, 0, 0);
    }
    
    .fade-in {
        animation: fadeIn 0.4s ease-out;
    }
    
    @keyframes fadeIn {
        from { 
            opacity: 0; 
            transform: translateY(10px); 
        }
        to { 
            opacity: 1; 
            transform: translateY(0); 
        }
    }

    .icon-container {
        transition: background-color 0.2s ease;
    }

    .card-hover:hover .icon-container {
        background-color: rgb(59 130 246 / 0.1);
    }

    .arrow-transition {
        transition: transform 0.2s ease;
    }

    .card-hover:hover .arrow-transition {
        transform: translateX(2px);
    }

    /* Cores específicas para cada card */
    .perh-card .icon-container {
        background-color: rgb(59 130 246 / 0.1);
    }
    .perh-card .icon-container svg {
        color: rgb(59 130 246);
    }
    .perh-card .tag {
        background-color: rgb(59 130 246 / 0.1);
        color: #044bb8;
    }

    .comite-card .icon-container {
        background-color: rgb(245 158 11 / 0.1);
    }
    .comite-card .icon-container svg {
        color: #fdc60d;
    }
    .comite-card .tag {
        background-color: rgb(245 158 11 / 0.1);
        color: rgb(146 64 14);
    }

    .monitor-card .icon-container {
        background-color: rgb(34 197 94 / 0.1);
    }
    .monitor-card .icon-container svg {
        color: rgb(34 197 94);
    }
    .monitor-card .tag {
        background-color: rgb(34 197 94 / 0.1);
        color: rgb(21 128 61);
    }

    .cobranca-card .icon-container {
        background-color: rgb(168 85 247 / 0.1);
    }
    .cobranca-card .icon-container svg {
        color: rgb(168 85 247);
    }
    .cobranca-card .tag {
        background-color: rgb(168 85 247 / 0.1);
        color: rgb(107 33 168);
    }

    .outorga-card .icon-container {
        background-color: rgb(239 68 68 / 0.1);
    }
    .outorga-card .icon-container svg {
        color: rgb(239 68 68);
    }
    .outorga-card .tag {
        background-color: rgb(239 68 68 / 0.1);
        color: rgb(185 28 28);
    }

    .barragens-card .icon-container {
        background-color: rgb(251 146 60 / 0.1);
    }
    .barragens-card .icon-container svg {
        color: rgb(251 146 60);
    }
    .barragens-card .tag {
        background-color: rgb(251 146 60 / 0.1);
        color: rgb(194 65 12);
    }

    .equipe-card .icon-container {
        background-color: rgb(14 165 233 / 0.1);
    }
    .equipe-card .icon-container svg {
        color: rgb(14 165 233);
    }
    .equipe-card .tag {
        background-color: rgb(14 165 233 / 0.1);
        color: rgb(7 89 133);
    }

    .links-card .icon-container {
        background-color: rgb(156 163 175 / 0.1);
    }
    .links-card .icon-container svg {
        color: rgb(107 114 128);
    }
    .links-card .tag {
        background-color: rgb(156 163 175 / 0.1);
        color: rgb(75 85 99);
    }

    .external-link:hover {
        background-color: rgb(249 250 251);
        transform: translateX(2px);
    }

    .external-link {
        transition: all 0.2s ease;
    }