<!DOCTYPE html>
<html lang="pt-BR">

<head><title>UMBANDA DA NATUREZA OMOLOKÔ DE NAGÔ</title></HEAD>

<meta charset="UTF-8">

<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta name="description" content="<title>Umbanda da Natureza</title>
  
<meta name="description"content="Site sobre as Giras de Umbanda Cultura Afrodescendente tradicional de Umbanda e Omolokô de Nagô, Iniciação em Orixá e orientação espiritual, ensinamento sobre as Linhas de Umbanda e EXU   ">
<meta name="robots" content="index, follow">


  <!-- Fonte otimizada para leitura -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">

  <style>

.img-responsiva{
    max-width:100%;
    height:auto;
}
body {
      margin: 0;
      background: #fafafa;
      font-family: 'Merriweather', serif;
      color: #222;
    }

    main {
      max-width: 680px;
      margin: auto;
      padding: 20px 18px 60px;
    }

    h1 {
      font-size: 2rem;
      line-height: 1.3;
      margin-bottom: 10px;
    }

    h2 {
      font-size: 1.4rem;
      margin-top: 40px;
      margin-bottom: 12px;
    }

    .meta {
      font-size: 0.85rem;
      color: #666;
      margin-bottom: 30px;
    }

    p {
      text-align: justify;
      font-size: 1.05rem;
      line-height: 1.5;
      margin-bottom: 20px;
    }

    hr {
      border: none;
      border-top: 1px solid #ddd;
      margin: 30px 0;
    }
XXXX*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}XXXXX


BODY{
  font-family:Arial,sans-serif;
  background:#f5f5f5;
  color:#222;
  line-height:1.6;
}

header{
  
  background:#005500;
  color:white;
  padding:30px 20px;
  text-align:center;
    font-size:30px;
img{
max-width:100%;
height:auto;
}
}

header h1{
  font-size:2rem;
}

header p{
  margin-top:10px;
  opacity:.9;

}

.container{
  width:95%;
  max-width:1200px;
  margin:auto;
  padding:30px 0;

}

 /* Hamburger */
    .hamburger{
  position:fixed;
  top:7px;
  left:10px;
  width:35px;
  height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  cursor:pointer;
  background:rgba(0,0,0,.6);
  color:white;
  border-radius:8px;
  z-index:2000;
}

 /* Menu lateral */
    .menu {
      position: fixed;
      top: 0;
      left: -250px;
      width: 250px;
      height: 100%;
      xxxbackground: #333;
      background:#ffffff;
      xxxcolor: white;
      padding-top: 60px;
      transition: 0.3s;
    }

    .menu a {
      display: block;
      padding: 15px;
      xxxcolor: white;
      color: black;
      text-decoration: none;
    }

    .menu a:hover {
      background: #575757;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 30px;
      cursor: pointer;
    }


.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:25px;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  transition:.2s;
img{
max-width:100%;
height:auto;
}

.card:hover{
  transform:translateY(-5px);
}

.card h2{
  font-size:1.3rem;
  margin-bottom:12px;
  color:#111;
}

.card p{
  color:#555;
  margin-bottom:15px;
}

.card a{
  display:inline-block;
  text-decoration:none;
  xxxbackground:#111;
  background:#005500;
  color:white;
  padding:10px 16px;
  border-radius:8px;
  font-size:.95rem;
}

.card a:hover{
  opacity:.9;
}

footer{
  text-align:center;
  padding:30px;
  xxxbackground:#111;
  background:#005500;
  color:white;
  margin-top:40px;
}

/* MOBILE */

@media(max-width:768px){

  body{
    background:GREY;
  }

}

/* CAIXA RESPONSIVA */
.video-container{
    position:relative;
    width:100%;
    max-width:1000px;
    padding-bottom:56.25%; /* 16:9 */
    height:0;
    overflow:hidden;
    border-radius:12px;
}

/* VIDEO */
.video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:40%;
    border:none;
}





.whatsapp-btn{
    position: fixed;

    width: 60px;
    height: 60px;

    bottom: 20px;
    right: 20px;

    background: #25D366;
    color: white;

    border-radius: 50%;

    text-align: center;
    font-size: 30px;
    line-height: 60px;

    text-decoration: none;

    z-index: 9999;

    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

    transition: 0.3s;

    /* ANIMAÇÃO */
    animation: pulse 1.5s infinite;
}

/* HOVER */
.whatsapp-btn:hover{
    transform: scale(1.1);
}

/* ANIMAÇÃO PULSANDO */
@keyframes pulse{

   0%{
      transform: scale(1);
   }

   50%{
      transform: scale(1.1);
   }

   100%{
      transform: scale(1);
   }

}
    

    @media (min-width: 768px) {
      main {
        padding: 40px;
      }

      p {
        font-size: 1.1rem;
      }
    }
  </style>
</head>



<body>
<div class="hamburger" onclick="openMenu()">☰</div>

<header>
<img src="images/LOGO_TUSS.JPG"> 
</header>

 <div id="menu" class="menu">
    <div class="close-btn" onclick="closeMenu()">&times;</div>
    <a href="INDEX.HTML">Home</a>
    <a href="AGENDA.HTML">Dias de Gira-Trabalho</a>
    <a href="FUNDACAO.HTML">Nossa Casa</a>
    <a href="ORIXAS.HTML">Orixás</a>
    <a href="SANTO.HTML">Obrigações </a>
    <a href="UMBANDA.HTML">Umbanda da Natureza</a>
    <a href="SABEDORIANAGO.HTML">Sabedoria Nagô</a>
    <a href="Artigos.HTML">Artigos e Informação</a> 
    <a href="ECOLOGIA.HTML">Escola de Curimba</a> 
        
  </div>
<main>


<H1><bB><CENTER>QUEM AMA SEU ORIXÁ</H1></CENTER>




<H1><bB><CENTER>AMA A NATUREZA EM PRIMEIRO LUGAR</CENTER></H1>

 <div class="meta">

<H3></H3>

<br>



<TR>
<H2><bB><CENTER>SEU MAIOR PRESENTE PARA OS ORIXÁS</H2></CENTER>
<H2><bB><CENTER>MANTER A NATUREZA LIMPA</CENTER></H2></CENTER>
<H3><bB><CENTER>USE ALGUIDARES ECOLÓGICOS</CENTER></H2></CENTER>
<H3><bB><CENTER>NÃO ACENDAM VELAS </CENTER></H2></CENTER>
<H3><bB><CENTER>NÃO DEIXEM GARRAFAS OU SACO PLÁSTICOS</CENTER></H2></CENTER>
<H3><bB><CENTER>DESNECESSÁRIO DESPACHO EM PRAÇAS, RUAS, ESQUINAS, ORGÃOS PÚBLICOS, E ETC...</CENTER></H2></CENTER>









<TR>
<TD>
<TABLE BORDER width=1500 border="1" cellpadding="3" cellspacing="2" bgcolor="#EAEAAE">
<H3><bB><CENTER><FONT color=336699>NA SUA HOMENAGEM A DEUSA DO MAR LEVE SÓMENTE FLORES</H3></CENTER>
<H3><bB><CENTER><FONT color=336699>NÃO SUJE A PRAIA DE NOSSA MÃE</H3></CENTER>
<H3><bB><CENTER><FONT color=336699>ABAIXO PRESENTES QUE MÃE IEMANJÁ VAI GOSTAR</H3></CENTER></TR></TD>



</TD><TD></TD></TR>
<img src="images/PRAIALIMPA92.jpg" width="230" HEIght="230">
<img src="images/PRAIALIMPA86.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA76.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA77.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA96.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA62.Jpg"width="230" HEIght="230">
<img src="images/PRAIA2012-4.jpg"width="230" HEIght="230">
<img src="images/PRAIA2012-2.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA61.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA60.Jpg"width="230" HEIght="230">

<H3><bB><CENTER><FONT color=336699>Use sómente cestos de juta, cipó ou vime não envernizado, todos ecológicos

<img src="images/PRAIALIMPA81.jpg" width="230" HEIght="230">
<img src="images/PRAIALIMPA84.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA85.jpg" width="230" HEIght="230">
<img src="images/PRAIALIMPA83.jpg"width="230" HEIght="230">

<TABLE BORDER width=1500 border="1" cellpadding="3" cellspacing="2" bgcolor="#EAEAAE">

<H1><bB><CENTER><FONT color=336699>MÃE IEMANJÁ NÃO QUER </H2></CENTER></TR></TD>
<H3><bB><CENTER><FONT color=336699>BARQUINHOS DE ISOPOR - OFERENDAS EM PRATOS -  ALGUIDARES - QUARTINHAS - PENTES - ESPELHOS </H3></CENTER></TR></TD>
<H3><bB><CENTER><FONT color=336699>VIDROS DE PERFUMES - PULSEIRAS - MAQUIAGEM </H2></CENTER></TR></TD>
<H3><bB><CENTER><FONT color=336699>GARRAFAS DE CHAMPANGNE - ESMALTES - BORRA DE VELAS - SABONETES - IMAGENS EM GERAL </H2></CENTER></TR></TD>
<H3><bB><CENTER><FONT color=336699>Não enfeite os cestos com fitas e acessórios que não sejam biodegradáveis </H2></CENTER></TR></TD>
<H3><bB><CENTER><FONT color=336699>Não leve flores em plásticos ou com fitas ou em ramalhete com papel celofane</H2></CENTER></TR></TD>
 <H3><bB><CENTER><FONT color=336699>Recolha todo o lixo que seu terreiro deixar na praia </H5></CENTER></TR></TD>
<H1><bB><CENTER><FONT color=336699>ABAIXO PRESENTES QUE MÃE IEMANJÁ NÃO QUER </H2></CENTER></TR></TD>




<img src="images/PRAIALIMPA70.Jpg"width=" 45" HEIght="130">
<img src="images/PRAIALIMPA94.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA95.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA98.jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA97.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA93.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA73.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA88.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA74.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA91.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA75.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA70.Jpg"width=" 45" HEIght="130">
<img src="images/PRAIALIMPA1.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA72.Jpg"width="230" HEIght="230">


</TR>


<H2><bB><CENTER>SEU MAIOR PRESENTE PARA OS ORIXÁS</H2></CENTER>
<H2><bB><CENTER>MANTER A NATUREZA LIMPA</CENTER></H2></CENTER>

<img src="images/NATUREZA049.Jpg"width="230" HEIght="230">
<img src="images/NATUREZA056.Jpg"width="230" HEIght="230">
<img src="images/NATUREZA027.Jpg"width="230" HEIght="230">
<img src="images/NATUREZA028.Jpg"width="230" HEIght="230">
<img src="images/NATUREZA030.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA61.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA8.Jpg"width="230" HEIght="230">
<img src="images/MIDIA2.Jpg"width="230" HEIght="230">
<img src="images/PRAIALIMPA87.Jpg"width="230" HEIght="230">
<img src="images/NATUREZA009.Jpg"width="230" HEIght="230">
<img src="images/MIDIA5.Jpg"width="230" HEIght="230">
</table>

</div>

</p>
</main>  


<footer>

<p>
© 2009-2026 Omolokô de Nagô
</p>
<div class="video-container">

<!--
<iframe
src="https://www.youtube.com/embed/oIE5QreCbcE"
title="YouTube video"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
-->
</footer>

<script>

function openMenu(){
  document.getElementById("menu").style.left = "0";
}

function closeMenu(){
  document.getElementById("menu").style.left = "-250px";
}

</script>

<script>

if(window.innerWidth <= 768){

  console.log("CELULAR");

}else{

  console.log("PC");

}

</script>


<script type="application/ld+json">
{
 "@context":"https://schema.org",
 "@type":"LocalBusiness",
 "name":"Umbanda Omolokô de Nagô"
}
</script>

<!-- BOTÃO WHATSAPP -->
<a class="whatsapp-btn"
href="https://wa.me/5511972432406"
target="_blank">

<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png"
width="45">

</a>



</a>
</body>
</html>