/* ============================
   LogiGate Design System
   ============================ */

:root {
    --lg-primary: #0B2A4A;
    --lg-secondary: #F59E0B;
    --lg-dark: #111827;
    --lg-gray: #F3F4F6;
    --lg-text: #374151;
}

/* Tipografia */
body {
    font-family: "Inter", "Roboto", sans-serif;
    color: var(--lg-text);
    background-color: #fff;
}

h1, h2, h3, h4, h5 {
    color: var(--lg-dark);
    letter-spacing: -0.02em;
}

/* Navbar */
.navbar {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

    .navbar.scrolled {
        background-color: rgba(11, 42, 74, 0.95);
        box-shadow: 0 2px 12px rgba(0,0,0,.15);
    }

/* Botões */
.btn-warning {
    background-color: var(--lg-secondary);
    border: none;
    color: #fff;
}

    .btn-warning:hover {
        background-color: #e18c07;
        transform: translateY(-1px);
    }

/* Seções */
section {
    position: relative;
}

.bg-gray-100 {
    background-color: var(--lg-gray);
}

/* Cards */
.card {
    border-radius: 14px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 28px rgba(0,0,0,.12);
    }

/* Floating WhatsApp CTA */
.floating-whatsapp {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1090;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1.05rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #25D366 0%, #1DA851 100%);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 28px rgba(19, 105, 52, 0.32);
    text-decoration: none;
    transform: translateY(10px);
    opacity: 0;
    animation: whatsapp-fade-in 0.35s ease-out 0.2s forwards;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.floating-whatsapp i {
    font-size: 1.25rem;
}

.floating-whatsapp:hover {
    color: #fff;
    transform: translateY(-2px);
    filter: saturate(1.05);
    box-shadow: 0 18px 34px rgba(19, 105, 52, 0.4);
}

.floating-whatsapp:focus-visible {
    outline: 3px solid rgba(37, 211, 102, 0.35);
    outline-offset: 2px;
}

@keyframes whatsapp-fade-in {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}