/* Estilos customizados para o site do Marcelo Rizzo */

/* Ícones do Material Symbols com preenchimento (filled) */
.material-symbols-fill {
  font-variation-settings: 'FILL' 1 !important;
}

/* Bordas dos iframes dos mapas */
.map-iframe {
  border: 0;
}

/* Divisor de onda (Wave Divider) no rodapé */
.wave-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.wave-bottom svg {
  position: relative;
  display: block;
  width: calc(135% + 1.3px);
  height: 55px;
}

.wave-bottom .shape-fill {
  fill: #003e6f;
}

@media (min-width: 768px) {
  .wave-bottom svg {
    width: calc(100% + 1.3px);
    height: 120px;
  }
}

/* Ajuste de cor do divisor de onda para o modo escuro (Dark Mode) */
.dark .wave-bottom .shape-fill {
  fill: #001c37;
}