body {
margin: 0;
font-family: 'Press Start 2P', cursive;
background-image: url('imagens/Fundo_Mine.png');
background-size: cover;
background-repeat: no-repeat;
background-color: #4CAF50;
color: #ffffff;
text-align: center;
padding: 10px;
}

.container {
background-color: rgba(34, 34, 34, 0.9);
border: 5px solid #4CAF50;
border-radius: 20px;
padding: 20px;
max-width: 900px;
margin: 0 auto;
box-shadow: 0 0 30px #000;
}

h1 {
font-size: 2em;
color: #4CAF50;
margin-bottom: 20px;
}

h2 {
font-size: 1.3em;
color: #fff;
margin-bottom: 20px;
}

p {
font-size: 1em;
margin: 15px 0;
color: #ccc;
}

.btn { 
display: inline-block;
margin-top: 25px;
background-color: #4CAF50;
color: #000;
padding: 12px 20px;
font-size: 0.9em;
border: 3px solid #2e7d32;
border-radius: 8px;
text-decoration: none;
box-shadow: 3px 3px 0 #000;
transition: transform 0.2s, box-shadow 0.2s;
}

.btn:hover {
transform: scale(1.05);
box-shadow: 5px 5px 0 #111;
}

/* Blocos Flutuantes*/
.blocos-flutuantes {
position: relative;
display: inline-block, flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 20px;
}

.floating-blockLeft,
.floating-blockRight {
position: absolute;
top: 4%;
transform: translateY(-50%);
animation: floatingImage 4s ease-in-out infinite;
width: 78px;
}

.floating-blockLeft {
left: -5px; /* ajusta a distância da esquerda */
}

.floating-blockRight {
right: -5px; /* ajusta a distância da direita */
}

    /* Animação estilo flutuante */
@keyframes floatingImage {
0%, 100% {
    transform: translateY(-2px) rotate(-2deg);
}
50% {
    transform: translateY(2px) rotate(2deg);
}
}

@keyframes floatingImag {
0%, 100% {
    transform: translateY(-2px) rotate(-2deg);
}
50% {
    transform: translateY(2px) rotate(2deg);
}
}


/* Localização */
iframe {
width: 100%;
height: 220px;
border: none;
margin-top: 10px;
border-radius: 15px;
box-shadow: 0 0 10px #000;
}

/* Indicadores do carrossel estilo Minecraft com textura */
.carousel-indicators [data-bs-target] {
  width: 24px;
  height: 24px;
  background-image: url("imagens/Bloco_do_Mine.webp");
  background-size: cover;   /* Ajusta a textura dentro do quadrado */
  background-repeat: no-repeat;
  border: 2px solid #2E7D32; /* Borda verde escura */
  border-radius: 0;         /* Mantém quadrado */
  margin: 5 6px;
  opacity: 0.7;
  transition: all 0.3s ease;
  box-shadow: 0 0 6px rgba(0,0,0,0.6); /* Sombra estilo Minecraft */
}

.carousel-indicators .active {
  transform: scale(1.3); /* Destaque no ativo */
  opacity: 1;
  box-shadow: 0 0 12px rgba(0,255,0,0.9); /* Brilho verde quando ativo */
}

/* Fixando as dimensões das imagens do carousel - Noahzinho e Pizzaria */
#carouselNoah .carousel-item img {
  height: 460px;
  object-fit: cover;
  width: 100%;
}

#carouselPizzaria .carousel-item img {
  height: 300px;
  object-fit: cover;
  width: 100%;
}

/* Estilo para imagens do carrossel do Noah */
#carouselNoah .carousel-item img {
  height: 420px;           /* altura fixa */
  object-fit: cover;       /* ajusta sem distorcer */
  width: 100%;
  border: 4px solid #3a3a3a;   /* borda fina e discreta */
  border-radius: 12px;         /* cantos arredondados */
  box-shadow: 0 4px 10px rgba(0,0,0,0.4); /* sombra suave */
}

/* Estilo para imagens do carrossel da Pizzaria */
#carouselPizzaria .carousel-item img {
  height: 300px;
  object-fit: cover;
  width: 100%;
  border: 4px solid #3a3a3a;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}


/* Sugestões de presentes */
.gift-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
justify-content: center;
gap: 15px;
margin-top: 20px;
}

.gift-box {
background: #f9f9f9;
border: 2px solid #4CAF50;
border-radius: 15px;
padding: 10px;
text-align: center;
box-shadow: 0 0 10px #000;
transition: transform 0.2s, box-shadow 0.2s;
}

.gift-box button {
margin-top: 8px;
padding: 10px 15px;
border: none;
background: #4CAF50;
color: white;
cursor: pointer;
border-radius: 5px;
font-size: 0.8em;
}

.gift-box img {
width: 80px;
height: 80px;
border-radius: 15px;
object-fit: contain;
margin-bottom: 10px;
}

.gift-box p {
font-size: 0.8em;
color: #000000;
margin: 5px 0;
}

.gift-box a {
display: inline-block;
background-color: #4CAF50;
color: #000000;
padding: 8px 12px;
font-size: 0.7em;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
}

.gift-box:hover {
transform: scale(1.05);
box-shadow: 0 0 15px #4CAF50;
}

.gift-info {
max-height: 0;             /* começa escondido */
overflow: hidden;          /* esconde o conteúdo */
transition: max-height 0.4s ease; /* animação suave */
margin-top: 5px;
padding: 0 5px;
background: #eee;
border-radius: 8px;
text-align: left;
font-size: 0.9em;
}

.gift-info.open {
max-height: 200px; /* altura máxima (ajuste conforme necessário) */
margin-top: 8px;
padding: 8px;
}

/* Rodapé */
footer {
margin-top: 40px;
padding: 20px;
background-color: rgba(34, 34, 34, 0.95);
border-top: 3px solid #4CAF50;
border-radius: 0 0 20px 20px;
color: #ccc;
font-size: 0.8em;
text-align: center;
}

footer a {
color: #4CAF50;          /* deixa o link verde para combinar */
text-decoration: none;   /* remove sublinhado */
font-weight: bold;
}

footer a:hover {
text-decoration: underline; /* sublinha só quando passa o mouse */
}

/* Responsividade */
@media (max-width: 768px) {
h1 { font-size: 1.5em; }
h2 { font-size: 1.1em; }
p { font-size: 0.9em; }
.btn { font-size: 0.8em; padding: 10px 15px; }
.gift-container { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
h1 { font-size: 1.2em; }
h2 { font-size: 1em; }
p { font-size: 0.8em; }
.btn { font-size: 0.7em; padding: 8px 12px; }
.gift-container { grid-template-columns: 1fr 1fr; gap: 10px; }
.gift-box img { width: 70px; height: 70px; }
}