/* =============================
   WAVES.CSS – Ondulações
   Padrão visual estilo resort (Strelamar)
   ============================= */

/* SVG base das waves */
.wave-top,
.wave-bottom{
  position:absolute;
  left:0;
  width:100%;
  height:90px;
  display:block;
}

.wave-top{
  top:0;
  transform:rotate(180deg);
}

.wave-bottom{
  bottom:0;
}

/* Cor padrão (branco) */
.wave-top path,
.wave-bottom path{
  fill:#ffffff;
}

/* =============================
   VARIAÇÕES DE COR
   ============================= */

/* Fundo azul claro */
.bg-light .wave-top path,
.bg-light .wave-bottom path{
  fill:#f8fefe;
}

/* Fundo turquesa */
.bg-primary{
  background:#2aa7a7;
}

.bg-primary .wave-top path,
.bg-primary .wave-bottom path{
  fill:#2aa7a7;
}

/* =============================
   HERO WAVE
   ============================= */
.hero .wave-bottom path{
  fill:#ffffff;
}

/* =============================
   AJUSTES FINOS
   ============================= */

section{
  overflow:hidden;
}

@media(max-width:768px){
  .wave-top,
  .wave-bottom{
    height:60px;
  }
}