/* Importação de fontes */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url(/scr/css/Paraquem.css);
@import url(/scr/css/tipografia.css);
@import url(/scr/css/nav.css);
@import url(/scr/css/hero.css);
@import url(/scr/css/resultados.css);
@import url(/scr/css/bonus.css);
@import url(/scr/css/parcelado.css);
@import url(/scr/css/depoianna.css);
@import url(/scr/css/depoimentos.css);
@import url(/scr/css/perguntas.css);
@import url(/scr/css/footer.css);
@import url(/scr/css/vaga.css);

/* Variáveis CSS */
:root {
    /* Cores - Paleta mais moderna e harmoniosa */
    --color-primary: #ff4b4b;
    --color-primary-dark: #e63e3e;
    --color-primary-light: #ff7171;
    --color-secondary: #2a3647;
    --color-secondary-light: #3d4f68;
    --color-background: #f8fafc;
    --color-surface: #ffffff;
    --color-text: #1a2027;
    --color-text-light: #64748b;
    --color-white: #ffffff;
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-error: #ef4444;

    /* Sombras mais suaves e naturais */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.15);

    /* Fonte moderna */
    --font-primary: "Inter", system-ui, -apple-system, sans-serif;

    /* Espaçamentos refinados */
    --spacing-xs: 0.375rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1.25rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;

    /* Border Radius mais consistente */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Container */
    --container-max-width: 1240px;
    --container-padding: 1.5rem;
}


/* Reset e Base */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    background-color: var(--color-background);
    color: var(--color-text);
    line-height: 1.5;
    ;
}



html {
    font-size: 16px;
    scroll-behavior: smooth;
}

.logo img {
    margin: var(--spacing-xs) auto;
    /* Centraliza horizontalmente */
    max-width: 100%;
    height: auto;
    display: block;
}

.section-padding {
    padding: var(--spacing-xl) 0;
}

.bg-light {
    background-color: var(--color-white);
}

.bg-accent {
    background-color: var(--color-secondary);
    color: var(--color-white);
}