/* Paleta de colores Luxury Dark */
:root {
    --gold: #d4af37;
    --gold-hover: #f1c40f;
    --bg-dark: #121212;      /* Gris oscuro principal */
    --bg-card: #1e1e1e;      /* Gris para tarjetas y modales */
    --text-light: #e0e0e0;
    --text-muted: #888888;
    --nav-active: #222222;   /* Gris oscuro para el link activo */
}

/* Configuración Global */
body { 
    font-family: 'Montserrat', sans-serif; 
    background-color: var(--bg-dark); 
    color: var(--text-light);
    margin: 0;
}

/* NAVBAR ESTILIZADA */
.navbar { 
    background: #000 !important; 
    border-bottom: 1px solid #333; 
    padding: 1rem 2rem; 
}

.navbar-brand { 
    font-weight: 800; 
    color: var(--gold) !important; 
    letter-spacing: 2px; 
}

.nav-link { 
    color: #aaa !important; 
    font-weight: 500; 
    transition: 0.3s; 
    padding: 8px 15px !important;
}

.nav-link:hover { 
    color: var(--gold) !important; 
}

/* ENLACE ACTIVO: Fondo dorado y texto gris oscuro solicitado */
.nav-link.active {
    background-color: var(--gold) !important;
    color: var(--nav-active) !important; /* Gris oscuro */
    border-radius: 4px;
}

/* HERO SECTION */
.hero { 
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&q=80');
    background-size: cover; 
    background-position: center; 
    height: 70vh; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center;
}

/* SECCIONES Y TARJETAS */
.section-padding { padding: 100px 0; }

.card-product { 
    background-color: var(--bg-card); 
    border: 1px solid #333; 
    transition: all 0.4s ease; 
    margin-bottom: 30px; 
}

.card-product:hover { 
    transform: translateY(-10px); 
    border-color: var(--gold);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.card-title { color: white; }

/* BOTONES LUXURY */
.btn-gold { 
    background: var(--gold); 
    color: black; 
    font-weight: 600; 
    border-radius: 0; 
    padding: 10px 25px; 
    border: none;
    transition: 0.3s;
}

.btn-gold:hover { 
    background: #fff; 
    color: black; 
}

/* MODALES Y FORMULARIOS */
.modal-content { 
    background-color: var(--bg-card); 
    color: white; 
    border: 1px solid var(--gold); 
}

.form-control { 
    background-color: #2a2a2a; 
    border: 1px solid #444; 
    color: white; 
}

.form-control:focus { 
    background-color: #333; 
    color: white; 
    border-color: var(--gold); 
    box-shadow: none; 
}

hr { border-color: #444; opacity: 1; }

/* FOOTER */
footer {
    background: #000;
    border-top: 1px solid #222;
}
.hero-carousel {
    position: relative;
    height: 100vh; /* Ocupa toda la altura de la pantalla */
    width: 100%;
    overflow: hidden;
}
.hero-carousel .carousel-item, .hero-carousel .carousel-item img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.hero-carousel .carousel-item img {
    filter: brightness(0.4); /* Oscurece la foto para resaltar el texto */
}
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    text-align: center;
}