/* ============================================================
   LATAMLift Bridge Outsources LLC — Base Styles
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap');

:root {
    --color-primary: #10b981;
    --color-blue:    #1e40af;
}

/* ── Global transition baseline ─────────────────────────── */
* {
    box-sizing: border-box;
    transition-property: color, background-color, border-color,
                         text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* ── Navbar ─────────────────────────────────────────────── */
.navbar {
    box-shadow: 0 10px 15px -3px rgb(16 185 129 / 0.1);
}

/* ── Hero gradient overlay ──────────────────────────────── */
.hero-overlay {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0.65) 70%
    );
}

/* ── Hub cards — base ───────────────────────────────────── */
.hub-card {
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ── Language buttons ───────────────────────────────────── */
.lang-btn {
    transition: all 0.3s ease;
}

.lang-btn.active {
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.3);
}

/* ── Form inputs ────────────────────────────────────────── */
.form-input {
    border: 2px solid #e5e7eb;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
}