/* Definición de la Paleta Elegante */
:root {
    --color-charcoal: #1A1A1A; /* Negro Profundo / Charcoal */
    --color-gold-mute: #9D8C47; /* Dorado Mudo / Bronce - Acento */
    --color-white: #FFFFFF;
    --color-light-gray: #F5F5F5;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-white);
    color: var(--color-charcoal);
    scroll-behavior: smooth;
}

/* Clases de utilidad personalizadas */
.text-accent {
    color: var(--color-gold-mute);
}
.bg-accent {
    background-color: var(--color-gold-mute);
}
.bg-charcoal {
    background-color: var(--color-charcoal);
}
.text-charcoal {
    color: var(--color-charcoal);
}

/* Fuente secundaria para titulares (opcional, para toque de gala) */
.font-gala {
    font-family: 'Playfair Display', serif;
}

/* Estilo para la Hero Section (Fondo oscuro para contraste con el logo y CTA) */
.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url('imagenes/fondo.png');
    background-size: cover;
    background-position: center;
}

/* Efecto Hover elegante para los productos */
.product-card {
    transition: all 0.3s ease;
    border-bottom: 4px solid transparent;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    border-bottom-color: var(--color-gold-mute);
}

/* Botón de Acento */
.btn-accent {
    background-color: var(--color-gold-mute);
    color: var(--color-charcoal);
    transition: all 0.3s ease;
}
.btn-accent:hover {
    background-color: #8c7c3f; /* Dorado un poco más oscuro */
    color: var(--color-white);
}
.producto-corporativo{
    background-image: url("imagenes/coorporativo.png");
    height: 200px;
    background-size: 100%;
    border-radius: 7px;
    margin-bottom: 16px;
    background-position-y: -106px;
}

.producto-boda{
    background-image: url("imagenes/boda.png");
    height: 200px;
    background-size: 100%;
    border-radius: 7px;
    margin-bottom: 16px;
    background-position-y: -80px;
}

.producto-discoteca{
    background-image: url("imagenes/discoteca.png");
    height: 200px;
    background-size: 100%;
    border-radius: 7px;
    margin-bottom: 16px;
    background-position-y: -80px;
}

.div-whatsapp{
    background-color: #25D366;
    color: #fff;
    font-size: 3em;
    padding: 2px 17px;
    border-radius: 50%;
    position: fixed;
    z-index: 999;
    bottom: 2em;
    right: 2em;
}

#quienes-somos{
    box-shadow: -2px 3px 21px 15px rgba(31,31,31,0.13);
    -webkit-box-shadow: -2px 3px 21px 15px rgba(31,31,31,0.13);
    -moz-box-shadow: -2px 3px 21px 15px rgba(31,31,31,0.13);
}

/* Animación para el botón de CTA de la hero section */
@keyframes pulse-elegant {
    0% {
        box-shadow: 0 0 0 0 rgba(157, 140, 71, 0.5);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(157, 140, 71, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(157, 140, 71, 0);
    }
}
.animate-pulse-elegant {
    animation: pulse-elegant 2s infinite;
}