/*body {
  margin: 0;
}*/

/*...restante do código...*/

/*Page Wraper*/
/*.page_wrapper {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #4e54c8, #8f94fb);
    overflow: hidden;
}*/

/*.wave-animation {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 38%;
    pointer-events: none;
    overflow: hidden;
}*/

/* PRINCIPAL: largura >= 200% para permitir emenda perfeita ao mover -50% */
/* começa alinhado à esquerda (estado inicial) e desloca sempre para a esquerda */
/*.wave {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;*/           /* 2x viewport garante cobertura contínua */
    /*height: 120%;
    display: block;
    transform: translate3d(0,0,0);
    transform-origin: left bottom;
    will-change: transform;
    backface-visibility: hidden;
    pointer-events: none;
}*/

/* estilo do path para reduzir artefatos */
/*.wave path {
  shape-rendering: geometricPrecision;
  vector-effect: non-scaling-stroke;
  transition: none;
}*/

/* camadas / parallax: durations diferentes, linear e sem alternate */
/*.wave1 {
    z-index: 30;
    opacity: 0.95;
    animation: waveMove 8s linear infinite;
    animation-delay: 0s;
    fill: transparent;
}
.wave11 {
    z-index: 30;
    left:200%;
    opacity: 0.95;
    animation: waveMove 8s linear infinite;
    animation-delay: 0s;
    fill: red;
}

.wave2 {
    z-index: 20;
    opacity: 0.78;
    animation: waveMove 12s linear infinite;
    animation-delay: -4s;
    fill: rgba(255,255,255,0.9);
    filter: blur(.2px);
}

.wave3 {
    z-index: 15;
    opacity: 0.62;
    animation: waveMove 20s linear infinite;
    animation-delay: -8s;
    fill: rgba(255,255,255,0.85);
    filter: blur(.8px) saturate(1.02);
}*/

/* ANIMAÇÃO: apenas da direita para a esquerda (0% -> -50%) */
/* quando agir -50% a segunda metade ocupa a viewport, sem "vai e volta" */
/*@keyframes waveMove {
  0%   { transform: translate3d(0%, 0, 0); }
  100% { transform: translate3d(-200%, 0, 0); }
}*/

/* leve movimento de grupo para naturalidade (opcional) */
/*@keyframes wavesGroupFloat {
  0% { transform: translateY(0); }
  50% { transform: translateY(6px); }
  100% { transform: translateY(0); }
}
.wave-animation { animation: wavesGroupFloat 22s ease-in-out infinite; }*/

/* responsivo — aumente largura das waves para compensar telas pequenas */
/*@media (max-width: 992px) {
  .wave { width: 220%; height: 80%; }
  .page_wrapper { padding-top: 5rem; min-height: 480px; }
  .intro-text h1 { font-size: 1.9rem; }
}

@media (max-width: 576px) {
  .wave { width: 240%; height: 80%; }
  .page_wrapper { padding-top: 4rem; min-height: 420px; }
  .intro-text h1 { font-size: 1.6rem; }
}*/