:root {
    --colorCeleste: #47A5BB;
    --colorCeleste2:#3A90A4;
    --colorCeleste:#166699;
    --colorAzul: #060644;
    --colorAzul2: #050517;
    --colorDorado:#B8A24B;
    --coloGris:#272727;
  }
  
  * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
  }
  
  body {
    background-color: var(--colorDorado) !important;
  }


.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/prop_br_bombinhas_MDosSantos/portadaBombinhas_web.jpg');
    background-position: top;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
}


.hero-hironildo {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/hironildo_c_DosSantos/unnamed4.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}

.hero-gralha_Azul {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/rua_gralha_azul/RuaGralhaAzul-1.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}


.hero-perdigao {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/rua_perdigao/RuaPerdigao-1.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}

.hero-escada_port {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/rua_escada_portuguesa/RuapESCADApORTUGUESA-1.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}
.hero-escada_province {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/province_Di_Trento/geral003.jpeg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}

.hero-beijaFlor {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/rua_beijaFlor/rua_BeijaFlor-1.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}

.hero-image_RuaRoxinol {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/ruaRoxinol/img_RuaRouxinol-16.jpg');
  background-position: top;
  background-repeat: repeat;
  background-size: cover;
  position: relative;

}

.hero-image_RuaTacha {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/ruaTacha/img_ruaTacha-1.jpg');
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  position: relative;

}

.hero-andaluzita {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url('/img/Rua_Andaluzita/Rua_Andaluzita-1.jpg');
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  position: relative;

}


.fondoColor {
  background: #060644;
}
.card-img-top{
    height: 200px;
    object-fit: cover; /* Ajusta la imagen para que cubra el contenedor sin distorsionarse */
    object-position: center; /* Ajusta la posición de la imagen dentro del contenedor */
    width: 100%; /* Asegura que la imagen tome todo el ancho del contenedor */
}

.lineaDorada {
    background-color: #ffffff;
    width: 26%;
    height: .5vh;
    border-radius: 100px;
}

/* galeria flexible */

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .left-column {
    flex: 1 1 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .left-column img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1; /* Mantener la imagen cuadrada */
    border: 1px solid var(--colorCeleste2);
    transition: transform 0.3s ease; /* Añadir transición */
  }

  .right-column {
    flex: 1 1 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .right-column img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1; /* Mantener las imágenes cuadradas */
    border: 1px solid var(--colorAzul);
    transition: transform 0.3s ease; /* Añadir transición */

  }

  .right-column .image-wrapper {
    flex: 1 1 calc(50% - 15px);
    overflow: hidden;
  }


    /* Efecto hover para agrandar las imágenes */
.left-column img:hover,
.right-column img:hover {
  transform: scale(1.1); /* Agrandar la imagen */
}


/* Estilos para el carrusel */
.carousel .carousel-inner img {
    max-height: 450px;
    object-fit: contain;
  }
  
  /* .carousel-item img {
    filter: grayscale(100%);
    transition: filter .5s ease-in;
  } */
  
  /* .carousel-item a img:hover {
    filter: grayscale(0);
  } */
  
  .border-cont-iconos {
    border: 1px solid #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 4px 10px 10px #0505172b;
  }