﻿

#btnLogin {
    border-color: var(--validcartaz-green);
    color: var(--validcartaz-green);
}

    #btnLogin:hover {
        background-color: var(--validcartaz-green);
        color: var(--validcartaz-text-light);
    }

#btnCadastro {
    background-color: var(--validcartaz-green);
    border-color: var(--validcartaz-green);
    color: var(--validcartaz-text-light);
}

    #btnCadastro:hover {
        background-color: #2a8f3b; /* Um tom de verde um pouco mais escuro para hover */
        border-color: #2a8f3b;
    }

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://via.placeholder.com/1920x600.png?text=Background+Imagem+Hero') no-repeat center center;
    background-size: cover;
    min-height: 80vh;
    color: var(--validcartaz-text-light);
}

    .hero-section h1 {
        color: var(--validcartaz-text-light);
    }

    .hero-section .lead {
        color: rgba(255, 255, 255, 0.85);
    }

#btnHeroVerModelos,
#btnVerTodosModelos {
    background-color: var(--validcartaz-green);
    border-color: var(--validcartaz-green);
}

    #btnHeroVerModelos:hover,
    #btnVerTodosModelos:hover {
        background-color: #2a8f3b;
        border-color: #2a8f3b;
    }

#btnHeroComeceGratis {
    border-color: var(--validcartaz-green);
    color: var(--validcartaz-green);
}

    #btnHeroComeceGratis:hover {
        background-color: var(--validcartaz-green);
        color: var(--validcartaz-text-light);
    }

/* Seções */
.bg-light {
    background-color: var(--validcartaz-background-light) !important;
}

.text-success {
    color: var(--validcartaz-green) !important;
}

.btn-success {
    background-color: var(--validcartaz-green);
    border-color: var(--validcartaz-green);
}

    .btn-success:hover {
        background-color: #2a8f3b; /* Verde mais escuro para hover */
        border-color: #2a8f3b;
    }

.btn-outline-success {
    border-color: var(--validcartaz-green);
    color: var(--validcartaz-green);
}

    .btn-outline-success:hover {
        background-color: var(--validcartaz-green);
        color: var(--validcartaz-text-light);
    }

/* Cards */
.card {
    border: 1px solid var(--validcartaz-border-color);
}

/* Seção CTA Secundária */
.cta-section {
    background-color: var(--validcartaz-blue-dark);
}

#btnVerPlanosCTA {
    background-color: var(--validcartaz-green);
    border-color: var(--validcartaz-green);
    color: var(--validcartaz-text-light);
}

    #btnVerPlanosCTA:hover {
        background-color: #2a8f3b;
        border-color: #2a8f3b;
    }


/* Rodapé */
.footer-custom {
    background-color: var(--validcartaz-blue-dark);
    color: rgba(255, 255, 255, 0.7);
}

.footer-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

    .footer-link:hover {
        color: var(--validcartaz-green);
    }

.footer-custom .bi {
    font-size: 1.2rem;
}
