.rodape-flowgames {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);

color: #ffffff;

padding: 40px 0 20px;

margin-top: 50px;

font-family: Arial, sans-serif;

}

.container-rodape {

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

.rodape-principal {

display: grid;

grid-template-columns: 2fr 1fr 1fr 1fr;

gap: 30px;

margin-bottom: 30px;

}

.coluna-sobre h3,

.coluna-links h3,

.coluna-categorias h3,

.coluna-pagamento h3 {

color: #00ff88;

font-size: 16px;

font-weight: bold;

margin-bottom: 15px;

border-bottom: 2px solid #00ff88;

padding-bottom: 5px;

}

.coluna-sobre p {

line-height: 1.6;

margin-bottom: 15px;

color: #cccccc;

}

.contato-rodape p {

margin: 8px 0;

color: #ffffff;

}

.coluna-links ul,

.coluna-categorias ul {

list-style: none;

padding: 0;

}

.coluna-links li,

.coluna-categorias li {

margin: 8px 0;

}

.coluna-links a,

.coluna-categorias a {

color: #cccccc;

text-decoration: none;

transition: color 0.3s ease;

}

.coluna-links a:hover,

.coluna-categorias a:hover {

color: #00ff88;

}

.pix-destaque {

background: linear-gradient(45deg, #00ff88, #00cc6a);

color: #000000;

padding: 15px;

border-radius: 8px;

margin-bottom: 15px;

text-align: center;

}

.pix-destaque strong {

font-size: 14px;

display: block;

margin-bottom: 5px;

}

.outras-formas p {

margin: 5px 0;

color: #cccccc;

}

.rodape-seguranca {

border-top: 1px solid #444444;

padding: 20px 0;

margin-bottom: 20px;

}

.selos-seguranca {

display: flex;

justify-content: space-around;

text-align: center;

}

.selo {

flex: 1;

}

.selo strong {

color: #00ff88;

display: block;

margin-bottom: 5px;

}

.selo p {

color: #cccccc;

font-size: 12px;

}

.rodape-direitos {

border-top: 1px solid #444444;

padding-top: 20px;

text-align: center;

}

.info-empresa p {

margin: 5px 0;

color: #cccccc;

font-size: 12px;

}

/ Responsividade /

@media (max-width: 768px) {

.rodape-principal {

grid-template-columns: 1fr;

gap: 20px;

}

.selos-seguranca {

flex-direction: column;

gap: 15px;

}

}