/* home-custom-critical.css — subset ATF de custom.css. HOME-ONLY. Não editar custom.css. */
:root {
    --color-white: #fff;
    --color-primary: #505a57;
    --color-secondary: #d7d7d7;
    --color-highlight: #494b4c;
    --color-background: #ffffff;
    --color-background-button-cta: #a66b4e;
    --color-menu-bg: #133551;
    --color-menu-bg-scrolled: #ccdae8;
    --color-menu-text: #BED7E5;
    --font-family-primary: "ClanOT-Book", sans-serif;
    --font-size-home-hero-cta: 1.3rem;
    --line-height-default: 2rem;
}

html,
body {
    color: var(--color-primary);
    background-color: var(--color-background);
    font-family: var(--font-family-primary);
    max-width: 100%;
    overflow-x: hidden;
}

.cta_buttom {
    background-color: var(--color-background-button-cta);
    color: #fff !important;
    font-weight: 300;
    font-size: var(--font-size-home-hero-cta);
    line-height: var(--line-height-default);
    letter-spacing: 0.02em;
    padding: 0.3rem 1.5rem;
    border-radius: var(--bs-border-radius-pill) !important;
    font-family: 'InterTight-Light' !important;
    border: 0 !important;
    text-decoration: none !important;
    display: inline-block;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cta_buttom {
        font-size: calc(var(--font-size-home-hero-cta) - 0.25rem);
        padding: 0.2rem .6rem;
    }
}

@media (max-width: 480px) {
    body.container-large .container {
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        padding-left: calc(var(--bs-gutter-x) * 1.5);
    }
}