/* Ajustes de identidade: mais contraste, menos cores e tipografia legível. */
:root {
  --ink: #11263a;
  --navy: #11263a;
  --blue: #008c9f;
  --cyan: #008c9f;
  --lime: #008c9f;
  --paper: #f7f9fa;
  --line: #d6dfe3;
  --muted: #526474;
}

body { font-size: 17px; }
.site-header { background: rgba(255, 255, 255, .96); padding-left: clamp(24px, 10vw, 160px); padding-right: clamp(24px, 10vw, 160px); }
.nav { font-size: 15px; gap: 26px; }
.nav-cta { background: var(--ink); }
.eyebrow, .number, .card-index, .formats, .hero-facts span, footer small { font-size: 13px !important; }
.eyebrow { color: var(--blue); letter-spacing: .045em; }
.hero { align-items: center; background: var(--ink); display: flex; min-height: 690px; overflow: hidden; padding-bottom: 85px; padding-top: 100px; position: relative; }
.hero::before { background: linear-gradient(90deg, rgba(7, 18, 31, .98) 0%, rgba(7, 18, 31, .94) 36%, rgba(7, 18, 31, .64) 54%, rgba(7, 18, 31, .12) 77%, rgba(7, 18, 31, .04) 100%); content: ""; inset: 0; position: absolute; z-index: 1; }
.hero-media { inset: 0; position: absolute; }
.hero-media img { display: block; height: 100%; object-fit: cover; object-position: center center; width: 100%; }
.hero-copy { margin: 0; max-width: 700px; position: relative; text-align: left; z-index: 2; }
.hero h1 { max-width: 690px; }
.hero .eyebrow, .hero-actions { justify-content: flex-start; }
.hero-facts { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); margin: 48px 0 0; max-width: 540px; }
.hero-facts div { align-content: center; background: rgba(255, 255, 255, .05); border: 0; border-right: 1px solid #405265; margin: 0; min-height: 88px; padding: 16px 24px; text-align: center; }
.hero-facts div:last-child { border-right: 0; }
.hero-facts strong { color: var(--lime); font-size: 27px; letter-spacing: -.04em; }
.hero-facts span { font-size: 14px !important; margin-top: 2px; }
.hero h1 em { color: var(--lime); }
.lead { font-size: 19px; line-height: 1.65; max-width: 670px; }
.button { font-size: 15px; padding: 16px 20px; }
.button-primary { background: var(--lime); }
.hero-facts strong { font-size: 23px; }
.hero-facts span { color: #d0d9df; }
.hero-visual { background: #17354d; }
.scan-tag { border-color: #6d899b; font-size: 12px; }
.tag-two strong { color: var(--lime); }

.section-heading h2 { letter-spacing: -.045em; }
.pain-grid h3, .application-grid h3, .steps h3 { font-size: 21px; }
.pain-grid .number { display: inline-block; font-size: 24px !important; font-weight: 500; letter-spacing: -.06em; line-height: 1; }
.solution-card .card-index { display: inline-block; font-size: 24px !important; font-weight: 500; letter-spacing: -.06em; line-height: 1; }
.steps span { display: inline-block; font-size: 24px !important; font-weight: 500; letter-spacing: -.06em; line-height: 1; }
.pain-grid p, .application-grid p, .steps p, .solution-card p { font-size: 16px; line-height: 1.65; }
.solution-card h3 { letter-spacing: -.035em; }
.solution-card .formats { color: var(--blue); }
.arrow { color: var(--blue); }
.solutions-layout { align-items: stretch; display: grid; gap: clamp(32px, 6vw, 96px); grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.solutions-content .section-heading { max-width: none; }
.solutions-content .section-heading h2 { font-size: clamp(36px, 4vw, 56px); }
.solutions-content .solution-list { margin-top: 52px; }
.solutions-visual { margin: 0; min-height: 100%; overflow: hidden; }
.solutions-visual img { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; }

.metrology { background: var(--ink); }
.metrology .eyebrow { color: var(--lime); }
.metrology-copy > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; }
.metrology li { font-size: 16px; }
.metrology-photo { margin: 0; }
.metrology-photo img { border: 1px solid rgba(255, 255, 255, .2); box-shadow: 18px 22px 0 rgba(0, 140, 159, .14); display: block; height: auto; width: 100%; }
.metrology-photo figcaption { color: #b5c7d8; font-family: var(--mono); font-size: 12px; margin-top: 13px; }
.applications { background: #eef3f4; }
.application-grid article { border-top: 3px solid var(--blue); }
.contact { background: var(--ink); }
.contact-copy > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; }
.contact-copy > a { color: var(--lime); font-size: 15px; }
.contact-form label { font-size: 12px; }
.contact-form input, .contact-form textarea { font-size: 16px; padding: 13px; }
.form-note { font-size: 13px; }
.contact-form .form-submit { grid-column: 1 / -1; justify-content: center; justify-self: stretch; position: relative; width: 100%; }
.contact-form .form-submit span { position: absolute; right: 20px; }
.contact-form .form-submit { font-size: 17px; }
footer { background: #fff; color: var(--muted); }
footer { gap: 28px; }
.footer-layout { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: clamp(32px, 6vw, 96px); grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); padding-bottom: 28px; }
footer p { font-size: 14px; max-width: 420px; }
.footer-summary { display: grid; gap: 8px; }
footer address { font-size: 14px; font-style: normal; line-height: 1.7; }
footer address a { color: var(--blue); }
.whatsapp-float { border-radius: 50%; bottom: 24px; box-shadow: 0 10px 28px rgba(17, 38, 58, .26); display: block; height: 64px; overflow: hidden; position: fixed; right: 24px; width: 64px; z-index: 20; }
.whatsapp-float img { display: block; height: 100%; width: 100%; }

@media (max-width: 800px) {
  body { font-size: 16px; }
  .site-header { padding-left: 24px; padding-right: 24px; }
  .hero { min-height: 0; padding: 88px 24px 70px; }
  .hero::before { background: linear-gradient(90deg, rgba(7, 18, 31, .96) 0%, rgba(7, 18, 31, .88) 57%, rgba(7, 18, 31, .58) 100%); }
  .hero-media img { object-position: 68% center; }
  .nav { font-size: 16px; }
  .lead { font-size: 17px; }
  .hero-facts { max-width: 440px; }
  .pain-grid p, .application-grid p, .steps p, .solution-card p { font-size: 15px; }
  .solutions-layout { grid-template-columns: 1fr; }
  .solutions-visual img { height: auto; }
  .footer-layout { gap: 24px; grid-template-columns: 1fr; }
  .whatsapp-float { bottom: 16px; height: 56px; right: 16px; width: 56px; }
  .contact-form .form-submit { grid-column: auto; }
}

@media (max-width: 480px) {
  .hero-facts { grid-template-columns: 1fr; max-width: 300px; }
  .hero-facts div, .hero-facts div:last-child { border-bottom: 1px solid #405265; border-right: 0; }
  .hero-facts div:last-child { border-bottom: 0; }
}
