/* Página de serviços técnicos */
.technical-page section[id] { scroll-margin-top: var(--header-height); }
.technical-page a:focus-visible, .technical-page button:focus-visible,
.technical-page input:focus-visible, .technical-page select:focus-visible,
.technical-page textarea:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }

.technical-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: var(--color-primary-deep); }
.technical-hero::before { position: absolute; z-index: -1; inset: 0; content: ''; background: radial-gradient(circle at 78% 50%, rgba(58,121,119,.3), transparent 38%), linear-gradient(115deg, #032f33 10%, #063f43 70%, #0b5355); }
.technical-hero-art { position: absolute; z-index: -1; top: -20%; right: -8%; width: 58%; height: 140%; opacity: .38; transform: rotate(-14deg); background: repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.18) 80px 81px), repeating-linear-gradient(0deg, transparent 0 79px, rgba(255,255,255,.18) 80px 81px); mask-image: linear-gradient(90deg, transparent, #000 40%); }
.technical-hero-inner { min-height: 590px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(220px, .45fr); align-items: end; gap: 60px; padding-block: 100px 95px; }
.technical-hero-copy { max-width: 830px; }
.technical-hero h1 { max-width: 820px; margin-bottom: 26px; color: #fff; font-size: clamp(3.1rem, 5vw, 5.5rem); text-wrap: balance; }
.technical-hero-copy > p:not(.eyebrow) { max-width: 640px; color: rgba(255,255,255,.86); font-size: 1.06rem; }
.technical-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin-top: 35px; }
.technical-text-link { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.technical-text-link:hover { color: #dccba9; }
.technical-hero-mark { justify-self: end; width: min(100%, 260px); padding: 28px 0 0; border-top: 2px solid var(--color-accent); text-align: right; }
.technical-hero-mark small { display: block; }
.technical-hero-mark img { width: 170px; height: auto; margin-left: auto; }
.technical-hero-mark small { margin-top: 12px; color: rgba(255,255,255,.72); font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; }

.technical-overview { padding: 90px 0 100px; background: #fff; }
.technical-section-head { max-width: 800px; margin-bottom: 42px; }
.technical-section-head h2 { max-width: 760px; }
.technical-section-head > p:last-child { max-width: 650px; margin-bottom: 0; }
.technical-area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.technical-area-card { position: relative; min-height: 330px; display: flex; flex-direction: column; align-items: flex-start; padding: 40px; background: var(--color-light); border: 1px solid var(--color-border); transition: background .25s ease, transform .25s ease; }
.technical-area-card:hover { background: #edeae2; transform: translateY(-4px); }
.technical-area-number { position: absolute; top: 37px; right: 40px; color: var(--color-accent); font-family: Georgia, 'Times New Roman', serif; font-size: 1.6rem; }
.technical-area-card > i { margin-bottom: 28px; color: var(--color-primary); font-size: 2.25rem; }
.technical-area-card h3 { margin-bottom: 12px; color: var(--color-primary-deep); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.5rem, 2.2vw, 2.4rem); font-weight: 400; }
.technical-area-card p { max-width: 400px; margin-bottom: 24px; }
.technical-area-more { display: inline-flex; align-items: center; gap: 11px; margin-top: auto; color: var(--color-primary); font-size: .73rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.technical-services { padding: 90px 0 100px; }
.technical-services-light { background: var(--color-light); }
.technical-services-dark { color: #fff; background: var(--color-primary-deep); }
.technical-service-intro { display: grid; grid-template-columns: 1fr .78fr; gap: 70px; align-items: end; margin-bottom: 42px; }
.technical-service-intro h2 { margin-bottom: 0; }
.technical-service-intro > p { max-width: 490px; margin: 0; }
.technical-services-dark h2 { color: #fff; }
.technical-services-dark .technical-service-intro > p { color: rgba(255,255,255,.75); }
.technical-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--color-border); border: 1px solid var(--color-border); }
.technical-service-card { min-height: 300px; padding: 32px 26px; background: #fff; }
.technical-card-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 30px; color: var(--color-primary); background: var(--color-light); font-size: 1.35rem; }
.technical-service-card h3 { margin-bottom: 12px; color: var(--color-dark); font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; }
.technical-service-card p { margin: 0; font-size: .84rem; line-height: 1.65; }
.technical-services-dark .technical-service-grid { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.2); }
.technical-services-dark .technical-service-card { background: #0d494c; }
.technical-services-dark .technical-service-card h3 { color: #fff; }
.technical-services-dark .technical-service-card p { color: rgba(255,255,255,.77); }
.technical-services-dark .technical-card-icon { color: #fff; background: #176165; }
.technical-inline-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 34px; color: var(--color-primary); font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.technical-inline-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.technical-services-dark .technical-inline-link { color: #fff; }

.technical-contact { padding: 95px 0; background: #fff; }
.technical-contact-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(60px, 9vw, 145px); align-items: start; }
.technical-contact-copy { max-width: 450px; }
.technical-contact-copy > p:not(.eyebrow) { max-width: 390px; }
.technical-contact-direct { display: grid; gap: 10px; margin-top: 42px; padding-top: 27px; border-top: 1px solid var(--color-border); }
.technical-contact-direct span { margin-bottom: 5px; color: var(--color-muted); font-size: .75rem; letter-spacing: .05em; text-transform: uppercase; }
.technical-contact-direct a { display: inline-flex; align-items: center; gap: 11px; color: var(--color-primary); font-size: .9rem; overflow-wrap: anywhere; }
.technical-contact-direct a:hover { text-decoration: underline; }
.technical-form { display: grid; gap: 20px; padding: 38px; background: var(--color-light); border: 1px solid var(--color-border); }
.technical-field { display: grid; gap: 8px; }
.technical-field label { color: var(--color-dark); font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.technical-field input, .technical-field select, .technical-field textarea { width: 100%; min-height: 52px; padding: 12px 15px; color: var(--color-dark); background: #fff; border: 1px solid #c6cbc7; border-radius: 0; font: inherit; font-size: .92rem; }
.technical-field textarea { min-height: 125px; resize: vertical; }
.technical-field input::placeholder, .technical-field textarea::placeholder { color: #687370; opacity: 1; }
.technical-form .btn { justify-self: start; margin-top: 5px; cursor: pointer; }
.technical-form-note { margin: -6px 0 0; font-size: .76rem; }

@media (max-width: 1180px) {
  .technical-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .technical-service-card { min-height: 235px; }
}
@media (max-width: 900px) {
  .technical-hero-inner { grid-template-columns: 1fr; min-height: 0; padding-block: 85px; }
  .technical-hero-mark { display: none; }
  .technical-service-intro, .technical-contact-grid { grid-template-columns: 1fr; gap: 26px; }
  .technical-contact-copy { max-width: 650px; }
}
@media (max-width: 640px) {
  .technical-hero-inner { padding-block: 70px 75px; }
  .technical-hero h1 { font-size: clamp(2.65rem, 11vw, 3.8rem); }
  .technical-hero-actions { align-items: flex-start; flex-direction: column; }
  .technical-overview, .technical-services, .technical-contact { padding-block: 68px; }
  .technical-area-grid, .technical-service-grid { grid-template-columns: 1fr; }
  .technical-area-card { min-height: 290px; padding: 30px; }
  .technical-area-number { top: 27px; right: 30px; }
  .technical-service-card { min-height: 0; padding: 28px 25px; }
  .technical-form { padding: 24px; }
  .technical-form .btn { width: 100%; }
}