/* landing.css - Design System para Prestadores de Serviço de Alto Valor */
/* Paleta: Slate 900 (#0F172A) + Royal Blue 600 (#2563EB) + Emerald 600 (#059669) */

/* Fonte Inter global */
html, body, .mud-typography {
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mud-input-control, .mud-input, input {
    font-family: 'Inter', sans-serif !important;
}

/* Ticker fixo no topo absoluto */
.ticker-topo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    height: 40px;
}

/* Glass effect para navbar */
.cabecalho-vidro {
    backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid var(--me-borda);
}

@supports not (backdrop-filter: blur(16px)) {
    .cabecalho-vidro {
        background-color: var(--me-superficie) !important;
    }
}

/* Hero section */
.fundo-hero {
    background: linear-gradient(135deg,
        rgba(37, 99, 235, 0.02) 0%,
        rgba(59, 130, 246, 0.04) 50%,
        rgba(37, 99, 235, 0.02) 100%);
    position: relative;
}

/* Seção de destaque (fundo alternado) */
.secao-destaque {
    background-color: var(--me-fundo);
}

/* Card hover lift */
.card-hover-lift {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.12);
}

/* Tipografia */
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.font-mono {
    font-family: 'Roboto Mono', monospace !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

/* Scroll suave para âncoras */
html {
    scroll-behavior: smooth;
}

/* Scroll margin para seções com âncora (compensa header fixo) */
[id] {
    scroll-margin-top: 120px;
}