/* Tipografia global do clone Eximport (padrão da home / Elun)
   Helvetica Neue no corpo · Neue Haas Grotesk Display em títulos */

@font-face {
  font-family: "Neue Haas Grotesk Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Neue Haas Grotesk Display Roman"),
    local("Neue Haas Grotesk Display Pro"),
    url("/eximport-site-novo/assets/fonts/NeueHaasDisplayRoman.woff") format("woff");
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("Neue Haas Grotesk Display Medium"),
    local("Neue Haas Grotesk Display Pro Medium"),
    url("/eximport-site-novo/assets/fonts/NeueHaasDisplayMedium.woff") format("woff");
}

@font-face {
  font-family: "Neue Haas Grotesk Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Neue Haas Grotesk Display Bold"),
    local("Neue Haas Grotesk Display Pro Bold"),
    url("/eximport-site-novo/assets/fonts/NeueHaasDisplayBold.woff") format("woff");
}

:root {
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-h1: "Neue Haas Grotesk Display", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  font-family: var(--font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- Sem sublinhado em todo o site ---------- */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus,
button,
span,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
label,
.app-shell a,
.app-shell span,
app-root a,
app-root span,
app-navbar a,
app-navbar span,
app-navbar .navbar-item,
app-navbar .navbar-item span,
app-navbar .navbar-item.active,
app-navbar .navbar-item.active span,
app-navbar .menu .active,
app-navbar .info a,
app-navbar .info a:hover,
app-navbar #virtus-link,
app-navbar #virtus-link:hover,
app-footer a,
app-footer a:hover,
app-home a,
app-home a:hover,
app-home h3,
app-home .markets h3,
app-home [class*="market"] h3,
app-contato a,
app-contato a:hover,
app-produtos a,
app-produtos a:hover,
.mat-mdc-menu-item,
.mat-mdc-menu-item:hover {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-underline-offset: unset !important;
  text-decoration-thickness: 0 !important;
}

/* ---------- Corpo: Helvetica Neue (substitui Roboto / Smooch) ---------- */
body,
body *,
.app-shell,
app-root,
app-navbar,
app-footer,
app-home,
app-produtos,
app-produtos-categoria,
app-produto,
app-sistema,
app-categorias-sistemas,
app-sistemas,
app-industrias,
app-contato,
app-contact,
app-contact-form,
app-services,
app-training,
app-treinamentos,
app-about-us,
app-about-us-menu,
app-certified-professionals,
app-code,
app-privacy-policy,
app-privacy-policy-app,
app-quality-policy,
app-sobre-nos,
button,
input,
textarea,
select,
.mat-mdc-button,
.mat-mdc-menu-item,
.mat-mdc-form-field,
.mat-typography {
  font-family: var(--font) !important;
}

/* Material Icons devem manter a fonte de ícones */
mat-icon,
.mat-icon,
.material-icons,
[class*="material-icons"] {
  font-family: "Material Icons", "Material Icons Outlined", sans-serif !important;
}

/* ---------- Títulos: Neue Haas (igual home / Elun H1) ---------- */
h1,
h2,
h3,
h4,
h5,
h6,
.font-h1,
app-home h1,
app-home h2,
app-home h3,
app-produtos h1,
app-produtos h2,
app-produtos h3,
app-produtos h4,
app-produtos-categoria h1,
app-produtos-categoria h3,
app-produtos-categoria h4,
app-produto h1,
app-produto h2,
app-produto h3,
app-produto h5,
app-sistema h1,
app-sistema h2,
app-sistema h3,
app-sistema h5,
app-categorias-sistemas h1,
app-industrias h1,
app-industrias h2,
app-contato h1,
app-contato h2,
app-contato h3,
app-contact h1,
app-contact h2,
app-contact h3,
app-contact h4,
app-about-us h1,
app-about-us h2,
app-about-us h3,
app-about-us-menu h1,
app-services h1,
app-services h2,
app-services h3,
app-services h4,
app-training h1,
app-training h2,
app-training h3,
app-training h4,
app-certified-professionals h1,
app-certified-professionals h2,
app-certified-professionals h3,
app-code h1,
app-privacy-policy h1,
app-privacy-policy h2,
app-privacy-policy h3,
app-privacy-policy-app h1,
app-privacy-policy-app h2,
app-privacy-policy-app h3,
app-quality-policy h1,
app-quality-policy h2,
app-quality-policy h3,
app-footer h4,
app-navbar .navbar-item span,
app-navbar .dropdown-toggle,
#produtos .banner h1,
#produtos .container h3,
#produtos .produto-card h4,
#product h1,
#product h5 {
  font-family: var(--font-h1) !important;
  letter-spacing: -0.02em;
}

/* Mercado / slider: título sem underline */
.subtitle h3,
app-home .subtitle h3,
app-home .slider h3,
app-home .markets h3,
[class*="slider"] .subtitle h3 {
  text-decoration: none !important;
  text-decoration-line: none !important;
  font-family: var(--font-h1) !important;
}

/* Nav ativo: peso em vez de underline */
app-navbar .navbar-item.active span,
app-navbar .menu .active,
app-navbar .menu .active span {
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* Footer / reCAPTCHA */
app-footer .recaptcha-notice a,
app-footer a,
.recaptcha-notice a {
  text-decoration: none !important;
}


/* Força tipografia mesmo contra estilos encapsulados do Angular */
html body app-root,
html body app-root .app-shell,
html body app-root app-navbar,
html body app-root app-footer,
html body app-root router-outlet + *,
html body app-root [class*="mat-"]:not(mat-icon):not(.mat-icon):not(.material-icons) {
  font-family: var(--font) !important;
}

html body app-root mat-icon,
html body app-root .mat-icon,
html body app-root .material-icons {
  font-family: "Material Icons", "Material Icons Outlined", sans-serif !important;
  text-decoration: none !important;
}

html body app-root h1,
html body app-root h2,
html body app-root h3,
html body app-root h4,
html body app-root h5,
html body app-root h6,
html body app-root .banner h1,
html body app-root .produto-card h4,
html body app-root .navbar-item > span,
html body app-root .dropdown-toggle {
  font-family: var(--font-h1) !important;
}

html body app-root a,
html body app-root a *,
html body app-root .navbar-item.active span,
html body app-root .active,
html body app-root .subtitle h3,
html body app-root .recaptcha-notice a,
html body app-root footer a {
  text-decoration: none !important;
  text-decoration-line: none !important;
}