body {
  background: white;
  font-family: 'Arial', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  text-shadow: 0px 0px 1px black;
}

.textoblanco {
  color: whitesmoke;
}

.index {
  width: 100vw;
  height: 100vh;
}

.masthead {
  color: whitesmoke;
  min-height: 30rem;
  width: 100%;
  height: 100%;
  /* padding-top: 2rem; */
  background: url('/img/oldFurniture.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
}

.masthead h1 {
  font-size: 4rem;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 600px) {
  .masthead h1 {
    font-size: 5.5rem;
  }

  .columna {
    width: 100%;
  }
}

.columna {
  float: left;
}

.left {
  width: 15%;
}

.right {
  width: 85%;
}



/* carousel 1 */
.pic-ctn {
  width: 100vw;
  height: 200px;
}

@keyframes display {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }

  10% {
    transform: translateX(0);
    opacity: 1;
  }

  20% {
    transform: translateX(0);
    opacity: 1;
  }

  30% {
    transform: translateX(-200px);
    opacity: 0;
  }

  100% {
    transform: translateX(-200px);
    opacity: 0;
  }
}

.pic-ctn {
  position: relative;
  width: 100vw;
  height: 300px;
  margin-top: 15vh;
}

.pic-ctn>img {
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  opacity: 0;
  animation: display 10s infinite;
}

img:nth-child(2) {
  animation-delay: 2s;
}

img:nth-child(3) {
  animation-delay: 4s;
}

img:nth-child(4) {
  animation-delay: 6s;
}

img:nth-child(5) {
  animation-delay: 8s;
}

/* carousel 1 fin */


/* carousel 2 */
@media (min-width: 768px) {
  .multi .grid {
    display: flex;
  }

  .multiItem {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
}

.multi2 {
  padding: 1em;
  display: flex;
}

.card {
  margin: 0 .5em;
  border: none;
}


.carousel-control-prev,
.carousel-control-next {
  background-color: #363636;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.card .img-wrapper {
  max-width: 100%;
  height: 13em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}

img {
  max-height: 100%;
}

/* carousel 2 fin */

.navcolor {
  background-color: white;
}

.nav2color {
  background-color: white;
}

.navcolor3 {
  background-color: #0079C4;
}

.card {
  background-color: #0079C4;
  box-shadow: 2px 2px 8px #243E79;
}

.card-header {
  background-color: #0079C4;
  box-shadow: 2px 2px 8px #243E79;
}

.card-body {
  background-color: #0079C4;
  box-shadow: 2px 2px 8px #243E79;
}

.banner {
  background-color: #D8D9DF;
  width: 100%;
  padding: 2em 0;
}

.rowbanner {
  align-items: center;
}

.productos {
  background-color: #D8D9DF;
  width: 100%;
  padding: 2em 0;
}

.destacados {
  background-color: #b5b7c5;
  width: 100%;
  padding: 2em 0;
}

.categorias {
  background-color: #e1e2e9;
  width: 100%;
  padding: 2em 0;
}

.footer {
  background-color: #333333;
  width: 100%;
  padding: 2em 0;
}

.imgDestacados {
  display: block;
  margin: 0 auto;
}

#result{
  display: flex;
  gap: 10px;
  padding: 10px 0;
}

.thumbnail {
  height: 170px;
}





/* Carousel de un producto */


/* .carousel-inner img {
  width: 100%
}

.carousel-item img {
  width: 320px;
  height: 240px !important
}

#myCarousel .carousel-indicators {
  position: fixed;
  margin-top: 0px
} */



.carousel-indicators {
  position: static;
}

.carousel-indicators li {
  width: 300px;
  height: 100%;
  opacity: 100;
}




.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* Estilos para pantallas con un ancho máximo de 768px */
  .elemento-a-ocultar-1 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  /* Estilos para pantallas con un ancho máximo de 768px */
  .elemento-a-ocultar-2 {
    display: none;
  }
}