/* Fuente general */
body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
}

/* Navbar */
.navbar {
  padding: 1rem 1.5rem;
}

.navbar-brand img {
  height: 70px;   /* logo PNG grande */
  width: auto;    /* mantiene proporción */
}

.navbar-nav .nav-link {
  color: #9A6433;
  font-weight: 500;
  transition: color .2s ease;
}
.navbar-nav .nav-link:hover { color: #7A4D27; }

/* Carrusel Responsive */
#zannasCarousel .carousel-item {
  height: auto; /* altura fija en desktop */
}

#zannasCarousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* llena todo el ancho y alto en PC */
  object-position: center;
  margin: 0 auto;
  transition: all 0.3s ease;
}

/* Indicadores */
.carousel-indicators [data-bs-target] {
  background-color: #9A6433;
}

/* Flechas */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

/* Ajustes responsive para logo en navbar */
@media (max-width: 992px) {
  .navbar-brand img {
    height: 60px;
  }
  #zannasCarousel .carousel-item {
    height: 65vh;
  }
}

@media (max-width: 768px) {
  .navbar-brand img {
    height: 50px;
  }
  #zannasCarousel .carousel-item {
    height: auto; /* en móvil que se ajuste */
  }
  #zannasCarousel .carousel-item img {
    height: auto;
    object-fit: contain;  /* en móvil que no recorte */
  }
}

@media (max-width: 480px) {
  .navbar-brand img {
    height: 45px;
  }
  #zannasCarousel .carousel-item img {
    max-height: 50vh;
  }
}

html {
  scroll-behavior: smooth;
}

h2 {
  font-family: 'Ed Wood Movies', sans-serif;
  color: #92663c;
}




/* Cards de productos */
.product-card img {
  width: 100%;
  height: auto;
  max-height: 350px; /* opcional, limita altura */
  object-fit: cover;
  border-radius: 12px;
}




.product-card:hover {
  transform: translateY(-5px);
}

.product-img {
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.card-title {
  font-family: 'Montserrat', sans-serif;
  color: #9A6433;
  font-weight: 600;
  margin-top: 10px;
}

/* Cards más proporcionadas en tablet */
@media (max-width: 992px) {
  .product-card {
    max-width: 300px;
    margin: 0 auto;
  }
  .product-img {
    max-height: 250px;
    object-fit: contain;
  }
  .card-title {
    font-size: 1rem;
  }
}

/* Cards más proporcionadas en celular */
@media (max-width: 768px) {
  .product-card {
    max-width: 260px;
    margin: 0 auto;
  }
  .product-img {
    max-height: 200px;
  }
  .card-title {
    font-size: 0.95rem;
  }
}

/* Cards muy chicas en pantallas muy pequeñas */
@media (max-width: 480px) {
  .product-card {
    max-width: 220px;
    margin: 0 auto;
  }
  .product-img {
    max-height: 180px;
  }
  .card-title {
    font-size: 0.9rem;
  }
}

.product-gallery{
  display:grid;
  gap:1rem;
}
@media (min-width: 992px){
  .product-gallery{
    grid-template-columns: 2fr 1fr; 
    align-items:start;
  }
}
.main-img-wrap{
  background:#F4E0CE;
  border-radius:16px;
  padding:12px;
}
.main-img{
  width:100%;
  height:480px;           /* garantiza altura visible */
  object-fit:contain;
  display:block;
  border-radius:12px;
}
.thumbs{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}
.thumbs img{
  width:110px;
  height:110px;
  object-fit:cover;
  border-radius:12px;
  border:2px solid #eee;
  padding:2px;
  background:#fff;
  cursor:pointer;
  transition:transform .2s, border-color .2s;
}
.thumbs img:hover{ transform: translateY(-2px); border-color:#9A6433; }
.thumbs img.active{ border-color:#9A6433; box-shadow:0 0 0 2px rgba(154,100,51,.15); }