/* assets/css/style.css – VERSIÓN FINAL CORREGIDA */
:root {
  --primary: #2c5a3c;
  --secondary: #8b9a46;
}

body, html { height: 100%; margin: 0; font-family: 'Montserrat', sans-serif; color: white; overflow-x: hidden; }

.bg-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.62); z-index: -1; }

.hero-section { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem; }
.logo-hero { max-width: 160px; margin-bottom: 1.5rem; }
.company-name-center { font-family: 'Playfair Display', serif; font-size: 1.9rem; letter-spacing: 3px; margin: 1rem 0 2rem; }

.project-buttons { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
.btn-project { background: var(--primary); color: white; padding: 16px 50px; border-radius: 60px; font-size: 1.3rem; font-weight: 600; text-decoration: none; min-width: 260px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); transition: all 0.4s; }
.btn-project:hover { background: var(--secondary); transform: translateY(-6px); }

/* REDES SOCIALES PEQUEÑAS EN INDEX */
.social-footer {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  display: flex;
  gap: 18px;
}
.social-footer img { width: 32px; height: 32px; filter: brightness(0) invert(1); opacity: 0.8; transition: 0.3s; }
.social-footer a:hover img { opacity: 1; transform: scale(1.2); }

/* En móvil: iconos arriba para no estorbar con los botones */
@media (max-width: 768px) {
  .social-footer {
    top: 20px;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    gap: 15px;
  }
  .social-footer img { width: 28px; height: 28px; }
}

/* WhatsApp flotante */
.btn-whatsapp-floating {
  position: fixed; bottom: 25px; right: 25px; background: #25D366;
  width: 65px; height: 65px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; box-shadow: 0 8px 30px rgba(0,0,0,0.6); z-index: 1000;
}
.btn-whatsapp-floating img { width: 38px; }

/* Páginas de proyecto */
.project-page { background: #000; min-height: 100vh; position: relative; }
.page-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 1; }

.logo-top-left {
  position: fixed; top: 15px; left: 15px; z-index: 100;
  background: rgba(0,0,0,0.7); padding: 10px 20px; border-radius: 50px;
  display: flex; align-items: center; gap: 15px; backdrop-filter: blur(10px);
}
.logo-top-left img { height: 48px; }

.page-content { position: relative; z-index: 2; padding: 130px 15px 100px; }
.project-title { font-family: 'Playfair Display', serif; font-size: 2.8rem; text-align: center; margin-bottom: 3rem; }
.parcela-title { font-size: 2rem; text-align: center; margin: 3.5rem 0 1.5rem; color: #b8ca8a; }

/* SWIPER – FLECHAS SIEMPRE VISIBLES */
.swiper { border-radius: 18px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.7); position: relative; }
.swiper-slide img { width: 100%; height: 360px; object-fit: cover; cursor: zoom-in; }
.swiper-button-next, .swiper-button-prev {
  background: rgba(0,0,0,0.6);
  width: 50px; height: 50px;
  border-radius: 50%;
  color: white !important;
}
.swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; }
.swiper-pagination-bullet-active { background: var(--secondary); }