:root {
--red: #ff4d4d;
--green: #25D366;
--blue: #229ED9;
--white: #ffffff;
}
:root {
--red: #ff4d4d;
--green: #25D366;
--blue: #229ED9;
--white: #ffffff;
}
Soft Projetos - InÃcio
Soft Projetos
/* Forçar Soft Projetos gigante, branco, no topo */
/* === LOGO (animação suave) === */
header .logo-text,
.brand .logo-text,
.header-brand .logo-text,
.logo-text {
font-size: 4.8rem !important;
font-weight: 900 !important;
color: #fff !important;
letter-spacing: 0.01em !important;
line-height: 1.01 !important;
text-shadow: 0 2px 24px #121212bb !important;
display: block !important;
text-align: center !important;
}
/* ===== Melhorias v2 ===== */
/* Espaçamento extra entre cards */
.card {
margin-bottom: 22px;
}
/* Gradiente suave nos botões principais */
.btn-download {
background: linear-gradient(180deg, #25D366, #1ebe5d);
}
.btn-tutorial {
background: linear-gradient(180deg, #2b7cff, #1f6feb);
}
/* Parágrafo central com destaque */
.product-extra p {
background: rgba(255,255,255,.03);
border: 1px solid rgba(255,255,255,.06);
border-radius: 10px;
padding: 14px 18px;
max-width: 720px;
margin: 0 auto 20px auto;
color: #e0e0e0;
}
/* Footer mais leve */
footer {
background: #0d0d0d;
border-top: 1px solid rgba(255,255,255,.08);
color: #aaa;
}
footer p {
font-size: 0.9rem;
margin: 8px 0;
}
/* Responsividade: tÃtulos menores em telas pequenas */
/* === RESPONSIVIDADE (mobile) === */
@media (max-width: 480px) {
h1, .logo-text {
font-size: 1.8rem !important;
}
}
/* ===== Melhorias v3 ===== */
/* Hover nos botões principais com brilho */
.btn-download:hover, .btn-tutorial:hover {
filter: brightness(1.08);
transform: scale(1.04);
box-shadow: 0 0 12px rgba(255,255,255,0.15);
}
/* Sub-linha animada nos links do menu */
nav.nav-links a {
position: relative;
}
nav.nav-links a::after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
width: 0;
height: 2px;
background: var(--accent-red, #ff4d4d);
transition: width .3s ease;
}
nav.nav-links a:hover::after {
width: 100%;
}
}
header .logo-text,
.brand .logo-text,
.header-brand .logo-text,
.logo-text {
background: none !important;
-webkit-background-clip: initial !important;
background-clip: border-box !important;
text-shadow: none !important;
font-weight: 900 !important;
font-size: 4.8rem !important;
/* animação de cor branco ↔ vermelho */
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
animation: logoColorChange 2.5s ease-in-out infinite alternate !important;
}
}
header .brand .logo-text.logo-text.logo-text,
header .container .brand .logo-text.logo-text.logo-text,
.brand .logo-text.logo-text.logo-text,
.logo-text.logo-text.logo-text {
/* zera qualquer herança conflitante */
background: none !important;
-webkit-background-clip: initial !important;
background-clip: border-box !important;
/* estilo do texto */
font-weight: 900 !important;
font-size: 4.8rem !important;
line-height: 1.02 !important;
/* cores animadas: branco ↔ vermelho */
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 0 8px rgba(255,77,77,.7) !important;
/* animação única para evitar conflito com nomes antigos */
animation: spLogoRedPulse 2.2s ease-in-out infinite alternate !important;
will-change: color, text-shadow;
}
/* Caso seu tema use .logo (além de .logo-text), garantimos o mesmo efeito */
header .brand .logo.logo,
.logo.logo {
color: #ffffff !important;
text-shadow: 0 0 8px rgba(255,77,77,.7) !important;
animation: spLogoRedPulse 2.2s ease-in-out infinite alternate !important;
will-change: color, text-shadow;
}
/* Keyframes únicos (não colidem com versões antigas) */
}
/* Ajuste responsivo do tÃtulo grande */
@media (max-width: 480px) {
header .brand .logo-text.logo-text.logo-text,
.brand .logo-text.logo-text.logo-text,
.logo-text.logo-text.logo-text {
font-size: 1.8rem !important;
}
}
header .brand .logo-text.logo-text.logo-text,
header .container .brand .logo-text.logo-text.logo-text,
.brand .logo-text.logo-text.logo-text,
.logo-text.logo-text.logo-text {
background: none !important;
-webkit-background-clip: initial !important;
background-clip: border-box !important;
text-shadow: none !important;
font-weight: 900 !important;
font-size: 4.8rem !important;
line-height: 1.02 !important;
text-align: center !important;
display: block !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
animation: spLogoSmooth 4.5s ease-in-out infinite alternate !important;
will-change: color, text-shadow;
}
/* Keyframes suaves com etapa intermediária */
@keyframes spLogoSmooth {
0% {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
text-shadow: 0 0 6px rgba(255,255,255,.6);
}
50% {
color: #ff9999;
-webkit-text-fill-color: #ff9999;
text-shadow: 0 0 14px rgba(255,120,120,.8);
}
100% {
color: #ff4d4d;
-webkit-text-fill-color: #ff4d4d;
text-shadow: 0 0 22px rgba(255,77,77,.95);
}
}
header .logo-text,
.brand .logo-text,
.header-brand .logo-text,
.logo-text {
animation: spLogoSmooth 4.5s ease-in-out infinite alternate !important;
}
@keyframes spLogoSmooth {
0% {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
text-shadow: 0 0 6px rgba(255,255,255,.6);
}
50% {
color: #ff9999;
-webkit-text-fill-color: #ff9999;
text-shadow: 0 0 14px rgba(255,120,120,.8);
}
100% {
color: #ff4d4d;
-webkit-text-fill-color: #ff4d4d;
text-shadow: 0 0 22px rgba(255,77,77,.95);
}
}
/* === MELHORIAS FINAIS === */
/* Logo Soft Projetos suave */
header .logo-text,
.brand .logo-text,
.header-brand .logo-text,
.logo-text {
animation: spLogoSmooth 4.5s ease-in-out infinite alternate !important;
}
@keyframes spLogoSmooth {
0% {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
text-shadow: 0 0 6px rgba(255,255,255,.6);
}
50% {
color: #ff9999;
-webkit-text-fill-color: #ff9999;
text-shadow: 0 0 14px rgba(255,120,120,.8);
}
100% {
color: #ff4d4d;
-webkit-text-fill-color: #ff4d4d;
text-shadow: 0 0 22px rgba(255,77,77,.95);
}
}
/* Menu underline suave */
nav.nav-links a {
position: relative;
overflow: hidden;
}
nav.nav-links a::before {
content: "";
position: absolute;
bottom: -3px;
left: 50%;
width: 0;
height: 2px;
background: #ff4d4d;
transition: width .4s ease, left .4s ease;
}
nav.nav-links a:hover::before {
width: 100%;
left: 0;
}
}
/* Botões com borda glow */
.btn {
position: relative;
overflow: hidden;
transition: all .25s ease;
}
.btn::before {
content: "";
position: absolute;
inset: 0;
border: 2px solid transparent;
border-radius: inherit;
background: linear-gradient(90deg, #ff4d4d, #25D366) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .3s ease;
}
.btn:hover::before {
opacity: 1;
}
/* WhatsApp flutuante com brilho RGB */
.whatsapp-float {
animation: rgbGlow 4s linear infinite;
}
@keyframes rgbGlow {
0% { box-shadow: 0 0 12px #25D366; }
33% { box-shadow: 0 0 12px #229ED9; }
66% { box-shadow: 0 0 12px #ff4d4d; }
100% { box-shadow: 0 0 12px #25D366; }
}
/* Acessibilidade: reduz movimento se usuário preferir */
/* === ACESSIBILIDADE === */
@media (prefers-reduced-motion: reduce) {
* {
animation: none !important;
transition: none !important;
}
}
}
}
/* Cards com hover + animação suave (fadeUp simples para todos) */
.card {
transition: transform .3s ease, box-shadow .3s ease;
animation: fadeUp .8s ease forwards;
}
.card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(15px); }
}
/* Mantém os tÃtulos visÃveis dos cards */
.card .card-title {
display: block !important;
font-size: 1rem;
font-weight: 600;
color: #fff;
margin: 10px 0;
}
/* Remove faixa cinza com miniatura + tÃtulo duplicado */
.product-mini {
display: none !important;
}
/* === Revisões finais === */
/* Logo responsivo */
@media (max-width: 480px) {
header .logo-text {
font-size: 2rem !important;
}
}
/* Hover suave nas imagens do catálogo */
.catalog-img {
transition: transform .4s ease;
}
.catalog-img:hover {
transform: scale(1.05);
}
/* Melhor transição em botões e cards (evitar "all") */
.btn {
transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.card {
transition: transform .3s ease, box-shadow .3s ease;
}
/* Ajustar cores para usar variáveis */
.btn::before {
background: linear-gradient(90deg, var(--red), var(--green)) border-box;
}
nav.nav-links a::before {
background: var(--red);
}
.whatsapp-float {
animation: rgbGlow 4s linear infinite;
}
@keyframes rgbGlow {
0% { box-shadow: 0 0 12px var(--green); }
33% { box-shadow: 0 0 12px var(--blue); }
66% { box-shadow: 0 0 12px var(--red); }
100% { box-shadow: 0 0 12px var(--green); }
}
/* === LOGO === */
header .logo-text,
.brand .logo-text,
.header-brand .logo-text,
.logo-text {
font-weight: 900 !important;
font-size: 4.8rem !important;
line-height: 1.02 !important;
text-align: center !important;
display: block !important;
color: var(--white) !important;
-webkit-text-fill-color: var(--white) !important;
animation: spLogoSmooth 4.5s ease-in-out infinite alternate !important;
}
@keyframes spLogoSmooth {
0% {
color: var(--white);
-webkit-text-fill-color: var(--white);
text-shadow: 0 0 6px rgba(255,255,255,.6);
}
50% {
color: #ff9999;
-webkit-text-fill-color: #ff9999;
text-shadow: 0 0 14px rgba(255,120,120,.8);
}
100% {
color: var(--red);
-webkit-text-fill-color: var(--red);
text-shadow: 0 0 22px rgba(255,77,77,.95);
}
}
/* === MENU === */
nav.nav-links a {
position: relative;
overflow: hidden;
}
nav.nav-links a::before {
content: "";
position: absolute;
bottom: -3px;
left: 50%;
width: 0;
height: 2px;
background: var(--red);
transition: width .4s ease, left .4s ease;
}
nav.nav-links a:hover::before {
width: 100%;
left: 0;
}
/* === CARDS === */
.card {
transition: transform .3s ease, box-shadow .3s ease;
animation: fadeUp .8s ease forwards;
}
.card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(15px); }
}
/* === BOTÕES === */
.btn {
position: relative;
overflow: hidden;
transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.btn::before {
content: "";
position: absolute;
inset: 0;
border: 2px solid transparent;
border-radius: inherit;
background: linear-gradient(90deg, var(--red), var(--green)) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .3s ease;
}
.btn:hover::before {
opacity: 1;
}
/* === FLOAT WHATSAPP === */
.whatsapp-float {
animation: rgbGlow 4s linear infinite;
}
@keyframes rgbGlow {
0% { box-shadow: 0 0 12px var(--green); }
33% { box-shadow: 0 0 12px var(--blue); }
66% { box-shadow: 0 0 12px var(--red); }
100% { box-shadow: 0 0 12px var(--green); }
}
/* === ACESSIBILIDADE === */
@media (prefers-reduced-motion: reduce) {
* {
animation: none !important;
transition: none !important;
}
}
/* === RESPONSIVIDADE === */
@media (max-width: 480px) {
header .logo-text {
font-size: 2rem !important;
}
.btn {
padding: 6px 10px;
font-size: .9rem;
}
}
/* === AJUSTES EXTRAS === */
/* Remove faixa duplicada de produto */
.card .card-title {
display: none !important;
}
.product-mini {
display: none !important;
}
/* Hover zoom nas imagens do catálogo */
.catalog-img {
transition: transform .4s ease;
}
.catalog-img:hover {
transform: scale(1.05);
}
/* Centralizar botões nas páginas de produto */
/* === PRODUTOS (centralizar botões) === */
.produto-detalhe {
text-align: center;
}
.produto-detalhe .btn {
margin: 10px auto;
display: inline-block;
}
/* Padronizar fundo cinza da descrição do Enterprise */
/* === PRODUTOS (fundo cinza padronizado) === */
.product-description, .produto-detalhe .descricao {
background: #1e1e1e;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
display: inline-block;
text-align: left;
}
/* === FORÇAR TÃTULOS VISÃVEIS NOS CARDS === */
.card .card-title {
display: block !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: #fff !important;
margin: 10px 0 !important;
text-align: center !important;
}
/* === OTIMIZAÇÃO DE CARDS === */
.card {
padding: 12px !important; /* menos espaço interno */
margin: 10px !important; /* menos espaço externo */
border-radius: 10px !important;
}
.card img.catalog-img {
max-height: 150px !important; /* diminuir altura da imagem */
padding: 4px !important;
}
.card .card-title {
font-size: 0.9rem !important; /* tÃtulo menor */
margin: 6px 0 !important;
}
.card .btn {
padding: 6px 10px !important;
font-size: 0.85rem !important;
border-radius: 6px !important;
}
/* Menor espaçamento entre colunas */
.row {
gap: 12px !important;
}
/* === AJUSTE DE TÃTULOS DOS SOFTWARES === */
.card .card-title {
display: block !important;
font-size: 1rem !important; /* ~16px */
font-weight: 600 !important;
color: #fff !important;
margin: 8px 0 !important;
text-align: center !important;
text-shadow: 0 0 6px rgba(0,0,0,0.6) !important; /* contraste melhor */
}
/* === AJUSTE DO MENU SUPERIOR === */
nav.nav-links a {
font-size: 0.95rem !important; /* ~15px */
font-weight: 500 !important; /* mais leve */
padding: 4px 8px !important; /* menos espaço interno */
}
/* === AJUSTE TÃTULOS DE PRODUTO (todas as abas) === */
main h1 {
font-size: 2rem !important; /* ~32px */
font-weight: 700 !important;
text-align: center !important;
margin-bottom: 20px !important;
color: #fff !important;
}
/* === AJUSTE FINAL: TÃTULOS DE PRODUTO === */
main h1 {
font-size: 1.8rem !important; /* ~28px */
font-weight: 700 !important;
text-align: center !important;
margin: 20px 0 !important;
color: #fff !important;
text-shadow: none !important;
}
/* Reduz ainda mais em telas pequenas */
@media (max-width: 768px) {
main h1 {
font-size: 1.5rem !important; /* ~24px */
}
}
@media (max-width: 480px) {
main h1 {
font-size: 1.3rem !important; /* ~21px */
}
}
/* === AJUSTE FINAL DE H1 E H2 === */
main h1 {
font-size: 2rem !important; /* ~32px */
font-weight: 700 !important;
text-align: center !important;
margin: 20px 0 !important;
color: #fff !important;
}
main h2 {
font-size: 1.4rem !important; /* ~22px */
font-weight: 600 !important;
margin: 16px 0 12px 0 !important;
color: #ddd !important;
}
/* === AJUSTE DEFINITIVO DE H1 E H2 === */
main h1 {
font-size: 2.2rem !important; /* ~35px */
font-weight: 700 !important;
text-align: center !important;
margin: 22px 0 !important;
color: #fff !important;
text-shadow: none !important;
line-height: 1.3 !important;
}
main h2 {
font-size: 1.4rem !important; /* ~22px */
font-weight: 600 !important;
margin: 18px 0 12px 0 !important;
color: #ddd !important;
text-shadow: none !important;
line-height: 1.4 !important;
}
/* === AJUSTE ESPECÃFICO DOS H1 DUPLICADOS === */
/* TÃtulo pequeno no topo (product-mini) */
.product-mini h1 {
font-size: 1.4rem !important; /* ~22px */
margin: 10px 0 !important;
color: #fff !important;
font-weight: 600 !important;
}
/* TÃtulo principal da página (container central) */
.container.my-5.text-center h1 {
font-size: 2rem !important; /* ~32px */
font-weight: 700 !important;
margin: 20px 0 !important;
color: #fff !important;
}
/* === ESCALA TIPOGRÃFICA PADRÃO === */
/* Menu */
nav.nav-links a {
font-size: 0.95rem !important; /* ~15px */
font-weight: 500 !important;
}
/* Cards */
.card .card-title {
font-size: 1rem !important; /* ~16px */
font-weight: 600 !important;
}
/* Texto geral */
main p,
main li,
main .descricao,
main .conteudo {
font-size: 1rem !important; /* ~16px */
line-height: 1.6 !important;
color: #e0e0e0 !important;
}
/* SubtÃtulos */
main h2 {
font-size: 1.25rem !important; /* ~20px */
font-weight: 600 !important;
margin: 16px 0 12px !important;
color: #ddd !important;
}
/* TÃtulo menor (topo) */
.product-mini h1 {
font-size: 1.25rem !important; /* ~20px */
font-weight: 600 !important;
margin: 12px 0 !important;
color: #fff !important;
}
/* TÃtulo principal da página */
.container.my-5.text-center h1 {
font-size: 1.75rem !important; /* ~28px */
font-weight: 700 !important;
margin: 20px 0 !important;
color: #fff !important;
}
/* === BOTÃO DE DOAÇÃO (PayPal) === */
/* === BOTÃO "Doar com PayPal" — estilo oficial (idêntico ao original) === */
.nav-cta.donate {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: #FFC439; /* cor oficial dourada */
color: #111 !important; /* texto preto */
border: none;
border-radius: 6px;
padding: 8px 18px; /* proporção oficial PayPal */
font-weight: 700;
text-decoration: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.2;
white-space: nowrap;
}
.nav-cta.donate .doar {
color: #111111;
}
.nav-cta.donate .ppwordmark {
display: inline-flex;
align-items: baseline;
margin-left: 4px;
font-weight: 700;
}
.nav-cta.donate .ppwordmark .pay {
color: #003087; /* azul escuro */
}
.nav-cta.donate .ppwordmark .pal {
color: #009CDE; /* azul claro */
}
/* Mantém alinhamento horizontal */
@media (min-width: 993px){
.header-actions {
display: flex;
gap: 12px;
flex-wrap: nowrap;
align-items: center;
}
}
/* === BOTÃO "Doar com PayPal" — mesmo tamanho vertical, bem mais estreito === */
.header-actions .nav-cta.donate {
display:inline-flex;
align-items:center;
justify-content:center;
gap:2px; /* reduz espaço interno */
background:#FFC439; /* dourado oficial */
color:#111 !important;
border:none;
border-radius:6px;
padding:8px 6px; /* reduzido horizontalmente */
font:700 15px "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height:1.2;
white-space:nowrap;
letter-spacing:-0.3px;
text-decoration:none;
}
.header-actions .nav-cta.donate .ppwordmark {
display:inline-flex;
align-items:baseline;
margin-left:2px;
letter-spacing:-0.3px;
}
.header-actions .nav-cta.donate .ppwordmark .pay { color:#003087; }
.header-actions .nav-cta.donate .ppwordmark .pal { color:#009CDE; }
.header-actions .nav-cta.donate:hover {
transform: scale(1.15) !important;
box-shadow: 0 0 20px #0070BA !important;
color: #003087 !important;
transition: all 0.3s ease;
}
/* =========================================================
PATCH CONSOLIDADO (06/10/2025)
- Alinhamento central do bloco do topo (logo + textos + botões)
- Menu ao lado do logo no desktop (>=992px)
- Botões empilhados e com MESMO tamanho (menores)
========================================================= */
/* Centraliza todo o bloco do topo sob o logo */
header .brand,
header .header-top,
header .header-brand {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 8px !important;
margin: 0 auto !important;
}
/* Logo realmente central */
header .brand .logo-img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Título e subtítulo centrados */
header .brand .logo,
header .brand .logo-text,
.assistencia-sub {
text-align: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Botões empilhados e centralizados sob o logo */
header .header-actions,
header .brand .actions {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Botões com MESMO tamanho (menores) */
.header-actions a,
header .brand .actions a,
.nav-cta.wa,
.nav-cta.tg,
.nav-cta.donate {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 180px !important; /* largura igual */
height: 38px !important; /* altura igual */
padding: 0 !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
box-shadow: 0 3px 8px rgba(0,0,0,.2) !important;
transition: transform .2s ease-in-out, filter .2s ease-in-out !important;
}
/* Ícones dentro dos botões */
.header-actions a svg,
header .brand .actions a svg {
width: 16px !important;
height: 16px !important;
margin-right: 5px !important;
}
/* Cores originais preservadas */
.header-actions a.wa, header .brand .actions a.wa { background: #25D366; color: #0b0b0b; }
.header-actions a.tg, header .brand .actions a.tg { background: #1f6feb; color: #fff; }
.header-actions a.donate, header .brand .actions a.donate { background: #fff; color: #003087; font-weight: 700; }
.header-actions a:hover,
header .brand .actions a:hover {
transform: translateY(-2px);
filter: brightness(1.05);
}
/* Desktop: menu ao lado do logo */
@media (min-width: 992px) {
header.is-sticky .container {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
}
nav.nav-links {
margin: 0 !important;
}
}
/* === PATCH FINAL (botões mais estreitos e proporcionais) === */
.header-actions a,
header .brand .actions a,
.nav-cta.wa,
.nav-cta.tg,
.nav-cta.donate {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 150px !important; /* antes 180px */
height: 36px !important; /* antes 38px */
padding: 0 !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 13.5px !important;
text-decoration: none !important;
box-shadow: 0 3px 6px rgba(0,0,0,.18) !important;
transition: all .2s ease-in-out;
}
.header-actions a svg,
header .brand .actions a svg {
width: 15px !important;
height: 15px !important;
margin-right: 5px !important;
}
.header-actions a.wa, header .brand .actions a.wa { background: #25D366; color: #0b0b0b; }
.header-actions a.tg, header .brand .actions a.tg { background: #1f6feb; color: #fff; }
.header-actions a.donate, header .brand .actions a.donate { background: #fff; color: #003087; font-weight: 700; }
.header-actions a:hover,
header .brand .actions a:hover {
transform: translateY(-2px);
filter: brightness(1.05);
}
/* === BRILHO VERMELHO SUAVE (SEM LINHA) – FIXO AO HOVER === */
nav.nav-links {
border: none !important;
border-radius: 12px;
box-shadow: 0 0 14px rgba(255, 77, 77, 0.6);
padding: 6px 12px;
transition: box-shadow .3s ease;
}
nav.nav-links:hover {
box-shadow: 0 0 16px rgba(255, 77, 77, 0.8);
}
/* === BRILHO VERMELHO SUAVE NOS CARDS === */
.card, .program-card {
border: none !important;
border-radius: 14px;
box-shadow: 0 0 12px rgba(255, 77, 77, 0.4);
transition: box-shadow .3s ease;
}
.card:hover, .program-card:hover {
box-shadow: 0 0 18px rgba(255, 77, 77, 0.75);
}
/* === BRILHO VERMELHO NOS CARDS — OVERRIDE BOOTSTRAP === */
.card {
border: none !important;
border-radius: 14px !important;
position: relative;
}
/* Sobrescreve .shadow-sm do Bootstrap (que usa !important) */
.card.shadow-sm {
box-shadow: 0 0 12px rgba(255, 77, 77, 0.4) !important;
}
.card:hover,
.card.shadow-sm:hover {
box-shadow: 0 0 18px rgba(255, 77, 77, 0.75) !important;
}
/* === BOTÃO "VER MAIS" COM EFEITO VERMELHO AO HOVER === */
.card .btn,
.program-card .btn {
background-color: #0f62fe; /* cor padrão inicial */
color: #fff;
border: none;
transition: all .3s ease;
}
.card .btn:hover,
.program-card .btn:hover {
background-color: #ff4d4d !important; /* vermelho Soft Projetos */
color: #fff !important;
box-shadow: 0 0 10px rgba(255, 77, 77, 0.6);
transform: translateY(-2px);
}
/* === VER MAIS: VERMELHO FIXO & SEM QUALQUER ARO VERDE (FORÇADO) === */
/* aplica a todos os botões dentro dos cards, independente de .btn-primary/.btn-success etc. */
.card .btn,
.program-card .btn,
.card a.btn,
.program-card a.btn {
background-color: #ff4d4d !important;
color: #fff !important;
border: 1px solid #ff4d4d !important;
background-image: none !important;
filter: none !important;
transition: all .25s ease;
/* desliga qualquer sombra/anel padrão */
box-shadow: none !important;
outline: 0 !important;
--bs-btn-focus-shadow-rgb: 255,77,77 !important; /* se o bootstrap insistir, fica vermelho */
}
/* cobre TODOS os estados de foco possíveis (Chrome, Bootstrap, teclado) */
.card .btn:focus,
.card .btn:focus-visible,
.card .btn:active,
.program-card .btn:focus,
.program-card .btn:focus-visible,
.program-card .btn:active,
.card a.btn:focus,
.card a.btn:focus-visible,
.card a.btn:active,
.program-card a.btn:focus,
.program-card a.btn:focus-visible,
.program-card a.btn:active {
box-shadow: none !important;
outline: 0 !important;
border-color: #ff4d4d !important;
}
/* hover com um glow vermelho sutil (opcional) */
.card .btn:hover,
.program-card .btn:hover,
.card a.btn:hover,
.program-card a.btn:hover {
background-color: #ff3535 !important;
border-color: #ff3535 !important;
color: #fff !important;
box-shadow: 0 0 14px rgba(255, 77, 77, 0.65) !important;
transform: translateY(-2px);
}
/* === RODAPÉ: selos SSL, Pix e PayPal (ajustados e alinhados) === */
footer .selos-seguranca {
display: flex;
justify-content: center;
align-items: center;
gap: 36px; /* espaçamento entre os ícones */
margin: 18px 0 10px 0;
flex-wrap: wrap; /* quebra automática no mobile */
}
footer .selos-seguranca img,
footer .selos-seguranca svg {
height: 46px; /* tamanho uniforme */
width: auto;
object-fit: contain;
display: inline-block;
vertical-align: middle;
transition: transform .25s ease, filter .25s ease;
}
footer .selos-seguranca img:hover,
footer .selos-seguranca svg:hover {
transform: scale(1.05);
filter: brightness(1.1);
}
@media (max-width: 520px) {
footer .selos-seguranca {
gap: 22px;
}
footer .selos-seguranca img,
footer .selos-seguranca svg {
height: 40px;
}
}
