/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2025 | 04:50:51 */
/* ===== Base do site ===== */
html, body {
  height: 100%;
  margin: 0;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  overflow-x: hidden;
}

/* ===== Seções com scroll snap ===== */
.ast-container.content-area.site-main article section {
  scroll-snap-align: start !important;
  height: 100vh !important;
}

/* ===== Cabeçalho ===== */
.site-header {
  position: fixed !important;
  backdrop-filter: blur(5px);
  background-color: transparent;
  padding: 0 !important;
  margin: 0 !important;
}


/* ===== Hero ===== */
.hero {
  position: relative !important;  /* pai para elementos absolutos */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

/* ===== Banner ===== */
.banner {
  position: absolute !important;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
}


/* ===== Rochas / Elementos decorativos ===== */


.wall-01  {
  position: absolute;
  width: 100vw; 
  height: 100%;
  animation: pulse 12s infinite ease-in-out;
}

.wall-02 {
  position: absolute;
  width: 100vw; 
  height: 100%;
  animation: pulse 12s infinite ease-in-out;
  animation-delay: 1s; /* começa 6s depois */
}

.banner .uagb-container-inner-blocks-wrap .div-wall-01{
	position:absolute;
	width:100%;
	height:100%;
	top:5vw;
	z-index:5;
}

/* Rocha 2 */
.banner .uagb-container-inner-blocks-wrap .div-wall-02 {
  position: absolute;
  top: 0vh;     
  left: 0vw;    
  width: 100vw;
  height: auto;
  z-index: 1; 
}

/* ===== Animações ===== */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes zoomInOut {
  0%   { background-size: 110%; }
  50%  { background-size: 140%; }
  100% { background-size: 110%; }
}

/* ===== Dica de responsividade futura ===== */
/* Se você quiser fazer ajustes extras para mobile, pode usar VW/VH também */
/*
@media(max-width: 700px){
  .banner {
    background-size: cover !important;
  }
}
*/