/* Bootstrap-based custom styles */
:root {
    --accent: #0077cc
}

body {
    font-family: Inter, system-ui, Arial, sans-serif;
    margin: 0;
    background: #f7f9fc
}

/* Hero adjustments */
header#inicio {
    min-height: 320px;
    display: flex;
    align-items: center
}

header#inicio .display-5 {
    font-weight: 600
}

/* Products section background */
#productos {
    padding-top: 0
}

.productos-bg {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9)), url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    padding: 2.5rem
}

/* Card tweaks */
.card .card-title {
    margin-bottom: .25rem
}

.card h6 {
    margin-bottom: .75rem
}

/* Contact form */
form#contact-form {
    max-width: 700px;
    margin: 0 auto
}

/* WhatsApp button */
.whatsapp-button {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #25D366;
    color: #fff;
    padding: .6rem .9rem;
    border-radius: 8px 0 0 8px;
    display: flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.18);
    font-weight: 700;
    z-index: 60
}

.whatsapp-button .wp-emoji {
    font-size: 1.1rem
}

.whatsapp-button .wp-text {
    font-size: .95rem
}

.whatsapp-button:hover {
    transform: translateY(-50%) scale(1.03)
}

@media(max-width:420px) {
    .whatsapp-button {
        display: none
    }
}