/* ===================================
   FONTS - It!Wheel
   ClashDisplay: Títulos (Medium) + Texto (Regular)
   Exo: Diferenciais texto, Blog texto, FAQ respostas
   =================================== */

@font-face {
    font-family: 'ClashDisplay';
    src: url('../fonts/ClashDisplay-Regular.woff2') format('woff2'),
         url('../fonts/ClashDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ClashDisplay';
    src: url('../fonts/ClashDisplay-Medium.woff2') format('woff2'),
         url('../fonts/ClashDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UnicaOne';
    src: url('../fonts/UnicaOne-Regular.woff2') format('woff2'),
         url('../fonts/UnicaOne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/Exo-Regular.woff2') format('woff2'),
         url('../fonts/Exo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/Exo-Bold.woff2') format('woff2'),
         url('../fonts/Exo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ===================================
   OVERRIDES - Font assignments
   =================================== */

body {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 400;
}

h1, h2, .h2,
h3, .h3,
h4,
.section-banners .txt-banner h1,
.section-banners .txt-banner h1 p,
.section-banners .txt-banner h3,
.section-ingressos h2,
.section-diferenciais h2,
.section-promocoes h2,
.section-fotos h2,
.section-blog h2,
.section-parceiros h2,
.section-faq h2,
.section-block-1 h2,
.faq-question span {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0;
}

h3, .h3,
.section-banners .txt-banner h3,
.section-banners .txt-banner h3 p {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Banner: Clash Display Regular */
.section-banners .txt-banner h1,
.section-banners .txt-banner h1 p {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 400 !important;
}

header .links a,
.menu-fixed a {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 300 !important;
}

footer a,
footer nav a,
footer .h3,
.btn,
.btn span,
input, .input,
textarea, .textarea,
.select select,
button, .button {
    font-family: 'ClashDisplay', sans-serif !important;
}

.font-primary {
    font-family: 'ClashDisplay', sans-serif !important;
}

.font-title {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 500 !important;
}

/* ===================================
   EXO EXCEPTIONS — keep Exo on these
   =================================== */

/* Diferenciais: título = Clash Display Regular, texto = Exo */
.card-diferencial h4 {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 400 !important;
}

.card-diferencial p {
    font-family: 'Exo', sans-serif !important;
}

/* Blog small text on home */
.section-blog .blog-card p,
.section-blog .blog-card .blog-card-date,
.section-blog .blog-card .blog-card-excerpt {
    font-family: 'Exo', sans-serif !important;
}

/* FAQ answers + question text body */
.faq-answer,
.faq-answer p {
    font-family: 'Exo', sans-serif !important;
}


/* ===================================
   GLOBAL OVERRIDES - Figma Design
   =================================== */

/* Section titles color */
section h2 {
    color: #279BB1;
}

/* Footer - GRD-4 gradient */
footer .bg {
    background: linear-gradient(180deg, #5ABDCF 0%, #0F6FA9 100%) !important;
    border-radius: 1000px 0 0 0 !important;
    width: 95% !important;
    height: 100% !important;
}

footer .bg2 {
    display: none !important;
}

footer .h3 {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 28px;
    color: #FFF;
}

footer nav a {
    font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 41px;
}

footer p,
footer address {
    color: #C6EBF6;
    letter-spacing: 0.05em;
}

footer .h5 a {
    color: #C6EBF6;
}

footer .direitos {
    color: #C6EBF6 !important;
    letter-spacing: 0.04em;
}

footer a:hover {
    color: #EC6608;
}

footer .redes-sociais a:hover {
    color: #EC6608;
}

footer .redes-sociais a:hover svg path {
    fill: #EC6608;
}