/* =======================
   GLOBAL
======================= */
body {
  overflow-x: hidden;
}

section {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* =======================
   HEADER VIDEO HERO
======================= */
.bg-holder {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;      /* Desktop */
  height: auto;
  object-fit: contain;
}

/* =======================
   SCROLL INDICATOR
======================= */
.scroll-indicator-wrapper {
  position: absolute;
  bottom: 50px; /* distancia desde el fondo del hero */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; /* sobre el video */
}

.scroll-indicator {
  width: 30px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 25px;
  position: relative;
}

.scroll-indicator span {
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  animation: scrollAnim 1.5s infinite;
}

@keyframes scrollAnim {
  0% {
    top: 5px;
    opacity: 1;
  }
  50% {
    top: 30px;
    opacity: 0.5;
  }
  100% {
    top: 5px;
    opacity: 1;
  }
}

/* Mobile / tablet */
@media (max-width: 991px) {
  .hero-video {
    width: 100%;       /* full ancho */
    height: 40%;      /* full alto */
    object-fit: cover; /* cubre todo el contenedor */
    top: 25vh;
    left: 0;
    transform: none;   /* ya no hace falta centrar */
  }
}

#header {
  position: relative;
  height: 100svh;
  overflow: hidden;
}

/* =======================
   STORE SECTION
======================= */
#store img {
  max-width: 100%;
  height: auto;
}

/* =======================
   TEXT SIZES
======================= */
h5, h4 {
  font-weight: 100;
  font-style: normal; /* mantiene el estilo original */
}

@media (max-width: 768px) {
  h5 {
    font-size: 20px !important;
  }

  p {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* =======================
   COLLECTION CARDS
======================= */
@media (max-width: 576px) {
  #collections .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* =======================
   NAVBAR
======================= */
.navbar .d-flex {
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .navbar .d-flex {
    flex-direction: row;
    align-items: center;
  }
}

/* Ocultar WhatsApp en mobile */
@media (max-width: 991px) {
  .whatsapp-icon {
    display: none !important;
  }
}

/* =======================
   FOOTER
======================= */
.row.footer-row {
  justify-content: center;
  margin-top: 3rem;
}

.row.footer-row .d-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  .row.footer-row .d-flex {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.social-icons a {
  display: inline-block;
  margin-right: 1rem;
}

/* =======================
   CONTACT
======================= */
#contact form {
  padding: 0 1rem;
}

/* =======================
   GENERAL FIXES
======================= */
img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}