/* Padrões específicos de Candomblé e Orixás */
/* Símbolos específicos dos principais Orixás */
.orixa-symbols {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
opacity: 0.05;
pointer-events: none;
}
/* Oxalá - paz, criação */
.oxala-pattern {
position: absolute;
top: 10%;
left: 15%;
width: 200px;
height: 200px;
background: url('data:image/svg+xml,') center/cover;
animation: oxalaFloat 20s ease-in-out infinite;
}
@keyframes oxalaFloat {
0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.05; }
50% { transform: translateY(-20px) rotate(180deg); opacity: 0.1; }
}
/* Iemanjá - mar, maternidade */
.iemanja-pattern {
position: absolute;
top: 60%;
right: 20%;
width: 150px;
height: 150px;
background: url('data:image/svg+xml,') center/cover;
animation: iemanjaWave 15s ease-in-out infinite;
}
@keyframes iemanjaWave {
0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.05; }
33% { transform: scale(1.1) rotate(120deg); opacity: 0.08; }
66% { transform: scale(0.9) rotate(240deg); opacity: 0.12; }
}
/* Oxum - rios, amor, ouro */
.oxum-pattern {
position: absolute;
top: 30%;
right: 10%;
width: 120px;
height: 120px;
background: url('data:image/svg+xml,') center/cover;
animation: oxumShine 12s ease-in-out infinite;
}
@keyframes oxumShine {
0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.05; }
50% { transform: scale(1.2) rotate(360deg); opacity: 0.1; }
}
/* Xangô - justiça, trovão */
.xango-pattern {
position: absolute;
top: 70%;
left: 25%;
width: 180px;
height: 180px;
background: url('data:image/svg+xml,') center/cover;
animation: xangoThunder 18s ease-in-out infinite;
}
@keyframes xangoThunder {
0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.05; }
25% { transform: rotate(90deg) scale(1.1); opacity: 0.08; }
50% { transform: rotate(180deg) scale(0.9); opacity: 0.12; }
75% { transform: rotate(270deg) scale(1.05); opacity: 0.09; }
}
/* Iansã - ventos, tempestades */
.iansa-pattern {
position: absolute;
top: 40%;
left: 5%;
width: 160px;
height: 160px;
background: url('data:image/svg+xml,') center/cover;
animation: iansaWind 14s ease-in-out infinite;
}
@keyframes iansaWind {
0%, 100% { transform: rotate(0deg) translateX(0); opacity: 0.05; }
25% { transform: rotate(90deg) translateX(10px); opacity: 0.08; }
50% { transform: rotate(180deg) translateX(-10px); opacity: 0.1; }
75% { transform: rotate(270deg) translateX(5px); opacity: 0.07; }
}
/* Ogum - guerra, ferro, caminhos */
.ogum-pattern {
position: absolute;
top: 80%;
right: 15%;
width: 140px;
height: 140px;
background: url('data:image/svg+xml,') center/cover;
animation: ogumMarch 16s linear infinite;
}
@keyframes ogumMarch {
0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.05; }
50% { transform: translateY(-15px) rotate(180deg); opacity: 0.09; }
}
/* Elementos rituais - búzios, velas, folhas */
.ritual-elements {
position: absolute;
top: 20%;
right: 30%;
width: 100px;
height: 100px;
background: url('data:image/svg+xml,') center/cover;
animation: ritualFloat 25s ease-in-out infinite;
}
@keyframes ritualFloat {
0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.05; }
33% { transform: scale(1.1) rotate(120deg); opacity: 0.08; }
66% { transform: scale(0.9) rotate(240deg); opacity: 0.06; }
}
/* Responsividade - ocultar elementos em dispositivos móveis */
@media (max-width: 768px) {
.oxala-pattern,
.iemanja-pattern,
.oxum-pattern,
.xango-pattern,
.iansa-pattern,
.ogum-pattern,
.ritual-elements {
display: none;
}
}
/* Para usuários que preferem movimento reduzido */
@media (prefers-reduced-motion: reduce) {
.oxala-pattern,
.iemanja-pattern,
.oxum-pattern,
.xango-pattern,
.iansa-pattern,
.ogum-pattern,
.ritual-elements {
animation: none;
opacity: 0.03;
transform: none;
}
}