:root { --black: #1d1d1d; --black-2: #101112; --black-3: #27292b; --yellow: #ffb71b; --yellow-dark: #d89400; --steel: #4a4d50; --steel-2: #34373a; --silver: #c6c9cc; --muted: #70757a; --line: #e7e7e7; --paper: #f5f5f3; --white: #ffffff; --max: 1180px; --radius: 18px; --shadow: 0 18px 50px rgba(0,0,0,.10); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--black); background: var(--white); line-height: 1.55; overflow-x: hidden; } body.modal-open { overflow: hidden; } img { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button, input, textarea { font: inherit; } button { cursor: pointer; } ::selection { background: var(--yellow); color: var(--black); } .container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; } .skip-link { position: fixed; top: -100px; left: 20px; z-index: 9999; background: var(--yellow); color: #111; padding: 10px 16px; border-radius: 0 0 8px 8px; font-weight: 800; } .skip-link:focus { top: 0; } .site-header { position: fixed; inset: 0 0 auto; z-index: 1000; background: rgba(22,22,22,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.08); } .header-inner { height: 76px; display: flex; align-items: center; gap: 26px; } .brand { width: 238px; flex: 0 0 238px; } .brand img { width: 100%; height: 63px; object-fit: contain; object-position: left center; } .main-nav { margin-left: auto; display: flex; align-items: center; gap: 24px; } .main-nav a { position: relative; color: #f4f4f4; font-size: .88rem; font-weight: 750; letter-spacing: -.01em; } .main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 2px; background: var(--yellow); transition: right .25s ease; } .main-nav a:hover::after, .main-nav a:focus-visible::after { right: 0; } .main-nav a:hover { color: var(--yellow); } .header-cta { white-space: nowrap; } .menu-toggle { display: none; width: 44px; height: 44px; border: 0; background: transparent; padding: 11px 8px; } .menu-toggle span { display: block; height: 2px; background: #fff; margin: 5px 0; transition: .25s ease; } .btn { min-height: 48px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border-radius: 3px; border: 1px solid transparent; font-size: .88rem; font-weight: 850; letter-spacing: -.01em; transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease; } .btn:hover { transform: translateY(-2px); } .btn-primary { background: var(--yellow); color: #151515; border-color: var(--yellow); box-shadow: 0 10px 26px rgba(255,185,34,.18); } .btn-primary:hover { background: #ffc64a; border-color: #ffc64a; } .btn-secondary { background: var(--steel); color: #fff; border-color: var(--steel); } .btn-secondary:hover { background: var(--steel-2); border-color: var(--steel-2); } .btn-outline-yellow { color: #fff; border-color: var(--yellow); background: transparent; } .btn-outline-yellow:hover { color: #161616; background: var(--yellow); } .btn-white { background: #fff; color: #111; border-color: #fff; } .btn-arrow { font-size: 1rem; line-height: 1; } .text-link { font-weight: 850; display: inline-flex; gap: 8px; align-items: center; } .text-link span { color: var(--yellow-dark); } .hero { position: relative; min-height: 720px; background: var(--black); padding-top: 76px; } .hero-slides { position: relative; height: 644px; overflow: hidden; } .hero-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; background-image: var(--bg); background-size: cover; background-position: center; transform: scale(1.025); transition: opacity .8s ease, transform 6s ease; } .hero-slide.is-active { opacity: 1; pointer-events: auto; transform: scale(1); } .hero-slide:nth-child(1) { background-position: center 54%; } .hero-slide:nth-child(2) { background-position: 62% 52%; } .hero-slide:nth-child(3) { background-position: center 45%; } .hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,10,.93) 0%, rgba(8,9,10,.78) 38%, rgba(8,9,10,.30) 72%, rgba(8,9,10,.22) 100%); } .hero-overlay::after { content: ""; position: absolute; inset: auto 0 0; height: 160px; background: linear-gradient(transparent, rgba(8,9,10,.42)); } .hero-content { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; } .hero-copy { max-width: 720px; color: #fff; padding-bottom: 36px; opacity: 0; transform: translateY(16px); transition: .5s ease .16s; } .hero-slide.is-active .hero-copy { opacity: 1; transform: none; } .eyebrow, .kicker { display: inline-flex; align-items: center; gap: 10px; font-size: .74rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: var(--yellow-dark); } .eyebrow { color: #fff; opacity: .9; } .eyebrow span { width: 34px; height: 3px; background: var(--yellow); border-radius: 999px; } .hero h1, .hero h2 { max-width: 760px; margin: 18px 0 18px; color: #fff; font-size: clamp(2.8rem, 5.3vw, 5.4rem); line-height: .98; letter-spacing: -.055em; font-weight: 900; } .hero h2 { font-size: clamp(2.6rem, 4.9vw, 5rem); } .hero-copy p { max-width: 650px; font-size: clamp(1.04rem, 1.5vw, 1.24rem); color: rgba(255,255,255,.80); margin: 0 0 30px; } .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; } .hero-bottom { position: absolute; z-index: 8; bottom: 0; left: 0; right: 0; height: 78px; background: rgba(18,18,18,.95); border-top: 1px solid rgba(255,255,255,.08); } .hero-bottom-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; } .hero-dots { display: flex; gap: 9px; } .hero-dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.28); } .hero-dot.is-active { width: 28px; border-radius: 99px; background: var(--yellow); } .hero-trust { color: #fff; display: flex; gap: 34px; font-size: .78rem; opacity: .78; } .hero-trust b { color: var(--yellow); margin-right: 4px; } .yellow-band { background: var(--yellow); color: #151515; } .yellow-band-inner { min-height: 126px; display: flex; align-items: center; justify-content: space-between; gap: 28px; } .yellow-band p { max-width: 840px; margin: 0; font-size: clamp(1.45rem, 2.35vw, 2.35rem); line-height: 1.06; letter-spacing: -.04em; font-weight: 900; } .section { padding: 104px 0; } .section-heading, .clients-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 70px; align-items: end; margin-bottom: 46px; } .section-heading h2, .clients-head h2, .split-copy h2, .location-copy h2, .cta-inner h2 { margin: 10px 0 0; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.05em; } .section-heading p, .clients-head p { margin: 0 0 5px; color: #6d7073; font-size: 1rem; } .services { background: #fff; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .service-card { position: relative; min-height: 250px; padding: 28px; background: #f7f7f5; border: 1px solid #ececea; border-radius: var(--radius); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .service-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 4px; height: 0; background: var(--yellow); transition: height .25s ease; } .service-card:hover { transform: translateY(-5px); border-color: #ddd; box-shadow: var(--shadow); } .service-card:hover::before { height: 100%; } .service-icon { width: 50px; height: 50px; display: grid; place-items: center; background: #232628; color: var(--yellow); border-radius: 50%; font-size: 1.35rem; margin-bottom: 46px; } .service-card h3 { margin: 0 0 10px; font-size: 1.22rem; letter-spacing: -.025em; } .service-card p { margin: 0; color: #666a6d; font-size: .94rem; } .split-section { background: var(--paper); } .split-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 78px; align-items: center; } .split-media { position: relative; } .split-media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 2px; box-shadow: var(--shadow); } .media-badge { position: absolute; left: 24px; right: 24px; bottom: 24px; padding: 18px 20px; background: rgba(16,17,18,.90); color: #fff; backdrop-filter: blur(10px); border-left: 4px solid var(--yellow); font-weight: 850; } .media-badge span { display: block; margin-top: 3px; color: rgba(255,255,255,.65); font-size: .78rem; font-weight: 650; } .split-copy .lead { font-size: 1.2rem; font-weight: 700; color: #343638; margin: 28px 0 14px; } .split-copy > p:not(.lead) { color: #666a6d; } .benefit-list { margin: 30px 0 34px; border-top: 1px solid #d9d9d6; } .benefit-list > div { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 18px 0; border-bottom: 1px solid #d9d9d6; } .benefit-list span { color: var(--yellow-dark); font-weight: 900; font-size: .78rem; padding-top: 4px; } .benefit-list p { margin: 0; } .benefit-list b { display: block; font-size: .98rem; } .benefit-list small { display: block; color: #74787a; margin-top: 3px; font-size: .88rem; } .inline-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; } .dark-section { background: #171819; color: #fff; } .section-heading.light p { color: rgba(255,255,255,.62); } .section-heading.light h2 { color: #fff; } .machine-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .machine-card { background: #222426; border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius); overflow: hidden; } .machine-image { aspect-ratio: 4/3; overflow: hidden; background: #111; } .machine-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; } .machine-card:hover .machine-image img { transform: scale(1.035); } .machine-copy { padding: 24px 24px 26px; } .machine-copy > span { color: var(--yellow); font-size: .72rem; font-weight: 900; letter-spacing: .16em; } .machine-copy h3 { margin: 8px 0 10px; font-size: 1.4rem; letter-spacing: -.025em; } .machine-copy p { margin: 0; color: rgba(255,255,255,.64); font-size: .92rem; } .projects { background: #fff; } .gallery { display: grid; grid-template-columns: 1.25fr .75fr .75fr; grid-auto-rows: 240px; gap: 12px; } .gallery-item { position: relative; border: 0; padding: 0; overflow: hidden; background: #ddd; border-radius: 12px; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease, filter .4s ease; } .gallery-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 58%, rgba(0,0,0,.68)); } .gallery-item span { position: absolute; z-index: 2; left: 18px; bottom: 14px; color: #fff; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; } .gallery-item:hover img { transform: scale(1.04); filter: contrast(1.03); } .gallery .item-large { grid-row: span 2; } .gallery-item:nth-child(4) { grid-column: 2 / span 1; } .gallery-item:nth-child(5) { grid-column: 3 / span 1; } .clients-section { background: #f4f4f2; } .logo-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .logo-card { height: 124px; display: grid; place-items: center; padding: 22px; background: #fff; border: 1px solid #e4e4e1; border-radius: 12px; } .logo-card img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .72; transition: filter .25s ease, opacity .25s ease, transform .25s ease; } .logo-card:hover img { filter: none; opacity: 1; transform: scale(1.03); } .cta-section { position: relative; background: #151617; color: #fff; overflow: hidden; } .cta-bg { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,13,14,.97), rgba(12,13,14,.75)), url('/assets/images/cta-gears.webp') center/cover no-repeat; opacity: .82; } .cta-section::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 10px; background: var(--yellow); z-index: 1; } .cta-inner { position: relative; z-index: 2; min-height: 360px; display: flex; align-items: center; justify-content: space-between; gap: 50px; } .cta-inner > div:first-child { max-width: 720px; } .cta-inner h2 { color: #fff; } .cta-inner p { color: rgba(255,255,255,.68); font-size: 1.08rem; } .light-kicker { color: var(--yellow); } .cta-actions { display: flex; flex-direction: column; min-width: 230px; gap: 12px; } .location-section { background: #fff; } .location-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; } .location-copy > p { font-size: 1.08rem; color: #5f6366; margin: 22px 0 24px; } .contact-list { margin: 0 0 30px; } .contact-list > div { display: grid; grid-template-columns: 160px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line); } .contact-list dt { color: #8a8d90; font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; } .contact-list dd { margin: 0; font-weight: 750; } .map-card { position: relative; width: 100%; height: 480px; padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: #d8d8d8; box-shadow: var(--shadow); } .map-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; filter: grayscale(.72) contrast(.94); } .map-shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 65%, rgba(0,0,0,.38)); pointer-events: none; } .map-pin { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; transform: translate(-50%,-50%); border-radius: 50% 50% 50% 0; background: var(--yellow); rotate: -45deg; box-shadow: 0 8px 25px rgba(0,0,0,.25); } .map-pin::before, .map-pin::after { content: ""; position: absolute; inset: -12px; border: 2px solid var(--yellow); border-radius: 50%; animation: pulse 1.9s infinite; transform: rotate(45deg); opacity: .5; } .map-pin::after { inset: -24px; animation-delay: .55s; opacity: .28; } .map-pin i { position: absolute; width: 8px; height: 8px; left: 7px; top: 7px; border-radius: 50%; background: #1b1b1b; } .map-caption { position: absolute; left: 24px; right: 24px; bottom: 20px; z-index: 3; padding: 12px 14px; border-radius: 8px; background: rgba(18,18,18,.88); color: #fff; font-size: .78rem; font-weight: 800; text-align: center; backdrop-filter: blur(8px); } @keyframes pulse { from { transform: rotate(45deg) scale(.4); opacity: .65; } to { transform: rotate(45deg) scale(1.3); opacity: 0; } } .site-footer { background: #141516; color: #fff; padding: 64px 0 24px; } .footer-main { display: grid; grid-template-columns: 1.6fr .7fr .7fr; gap: 70px; } .footer-brand img { width: 230px; height: auto; margin-bottom: 14px; } .footer-brand p { color: rgba(255,255,255,.56); max-width: 380px; } .footer-links { display: flex; flex-direction: column; gap: 8px; } .footer-links h3 { font-size: .78rem; text-transform: uppercase; letter-spacing: .14em; color: var(--yellow); } .footer-links a { color: rgba(255,255,255,.67); font-size: .9rem; } .footer-links a:hover { color: #fff; } .footer-bottom { margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); display: flex; justify-content: space-between; color: rgba(255,255,255,.42); font-size: .76rem; } .floating-whatsapp { position: fixed; z-index: 900; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; background: #1f9d55; color: #fff; padding: 13px 16px; border-radius: 999px; box-shadow: 0 12px 32px rgba(0,0,0,.22); font-size: .82rem; } .floating-whatsapp span { font-size: 1.1rem; } .mobile-cta { display: none; } .modal[hidden], .lightbox[hidden] { display: none; } .modal, .lightbox { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 20px; } .modal-backdrop, .lightbox-backdrop { position: absolute; inset: 0; background: rgba(8,8,8,.72); backdrop-filter: blur(8px); } .modal-panel { position: relative; z-index: 1; width: min(92vw, 560px); background: #fff; border-radius: 18px; padding: 34px; box-shadow: 0 30px 90px rgba(0,0,0,.35); } .modal-panel h2 { margin: 6px 0 10px; font-size: 2rem; letter-spacing: -.04em; } .modal-panel p { color: #6c7073; } .modal-close, .lightbox-close { position: absolute; z-index: 4; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #dedede; background: #fff; color: #111; font-size: 1.7rem; line-height: 1; } .modal-close { top: 18px; right: 18px; } .route-actions { display: grid; gap: 12px; margin-top: 24px; } .route-card { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid #e2e2e2; border-radius: 12px; transition: transform .2s ease, border-color .2s ease; } .route-card:hover { transform: translateY(-2px); border-color: #c6c6c6; } .route-card > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #efefef; font-weight: 950; } .route-card.google > span { color: #4285f4; } .route-card.waze > span { color: #23c7f2; } .route-card b, .route-card small { display: block; } .route-card small { color: #84878a; margin-top: 2px; } .lightbox { padding: 54px 26px; } .lightbox img { position: relative; z-index: 2; max-width: min(92vw, 1400px); max-height: 88vh; border-radius: 10px; box-shadow: 0 30px 90px rgba(0,0,0,.48); } .lightbox-close { top: 20px; right: 20px; } .reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; } .reveal.is-visible { opacity: 1; transform: none; } @media (max-width: 1060px) { .main-nav { gap: 15px; } .main-nav a { font-size: .78rem; } .header-cta { padding-inline: 14px; } .services-grid { grid-template-columns: repeat(2, 1fr); } .logo-grid { grid-template-columns: repeat(4, 1fr); } .footer-main { grid-template-columns: 1.3fr .7fr .7fr; gap: 35px; } } @media (max-width: 860px) { body { padding-bottom: 64px; } .container { width: min(calc(100% - 30px), var(--max)); } .site-header { background: rgba(20,20,20,.98); } .header-inner { height: 68px; } .brand { width: 200px; flex-basis: 200px; } .brand img { height: 54px; } .menu-toggle { display: block; margin-left: auto; } .main-nav { position: fixed; top: 68px; left: 0; right: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; background: #171819; border-top: 1px solid rgba(255,255,255,.06); padding: 12px 18px 22px; transform: translateY(-130%); opacity: 0; pointer-events: none; transition: .28s ease; } .main-nav.is-open { transform: none; opacity: 1; pointer-events: auto; } .main-nav a { padding: 14px 4px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .92rem; } .main-nav a::after { display: none; } .header-cta { display: none; } .hero { min-height: 660px; padding-top: 68px; } .hero-slides { height: 592px; } .hero-slide:nth-child(1), .hero-slide:nth-child(2), .hero-slide:nth-child(3) { background-position: 63% center; } .hero-overlay { background: linear-gradient(90deg, rgba(8,9,10,.95) 0%, rgba(8,9,10,.82) 58%, rgba(8,9,10,.48) 100%); } .hero-copy { max-width: 610px; padding-bottom: 52px; } .hero h1, .hero h2 { font-size: clamp(2.65rem, 8vw, 4.3rem); } .hero-bottom { height: 68px; } .hero-trust { display: none; } .yellow-band-inner { padding: 26px 0; min-height: 0; align-items: flex-start; } .yellow-band p { font-size: 1.6rem; } .yellow-band .btn { display: none; } .section { padding: 76px 0; } .section-heading, .clients-head { grid-template-columns: 1fr; gap: 16px; margin-bottom: 34px; } .split-grid, .location-grid { grid-template-columns: 1fr; gap: 42px; } .split-media { max-width: 650px; } .machine-grid { grid-template-columns: 1fr; } .machine-card { display: grid; grid-template-columns: .9fr 1.1fr; } .machine-image { aspect-ratio: 4/3; } .gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 240px; } .gallery .item-large { grid-row: span 2; } .gallery-item:nth-child(4), .gallery-item:nth-child(5) { grid-column: auto; } .logo-grid { grid-template-columns: repeat(3, 1fr); } .cta-inner { padding: 56px 0; min-height: 0; align-items: flex-start; flex-direction: column; } .cta-actions { flex-direction: row; min-width: 0; } .footer-main { grid-template-columns: 1fr 1fr; } .footer-brand { grid-column: 1 / -1; } .floating-whatsapp { display: none; } .mobile-cta { position: fixed; z-index: 1600; left: 0; right: 0; bottom: 0; height: 64px; display: grid; grid-template-columns: 1.35fr .65fr; box-shadow: 0 -8px 24px rgba(0,0,0,.16); } .mobile-cta a { display: grid; place-items: center; font-size: .82rem; font-weight: 900; } .mobile-budget { background: var(--yellow); color: #151515; } .mobile-call { background: var(--steel); color: #fff; } } @media (max-width: 620px) { .container { width: min(calc(100% - 24px), var(--max)); } .brand { width: 184px; flex-basis: 184px; } .hero { min-height: 700px; } .hero-slides { height: 632px; } .hero-content { align-items: end; padding-bottom: 22px; } .hero-copy { padding: 0 0 52px; } .hero h1, .hero h2 { font-size: clamp(2.55rem, 12vw, 3.7rem); max-width: 96%; } .hero-copy p { font-size: 1rem; } .hero-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .hero-actions .btn { padding-inline: 12px; font-size: .78rem; } .hero-slide:nth-child(1) { background-position: 62% center; } .hero-slide:nth-child(2) { background-position: 58% center; } .hero-slide:nth-child(3) { background-position: 59% center; } .yellow-band p { font-size: 1.45rem; } .section { padding: 66px 0; } .section-heading h2, .clients-head h2, .split-copy h2, .location-copy h2, .cta-inner h2 { font-size: clamp(2.15rem, 10vw, 3.25rem); } .services-grid { grid-template-columns: 1fr; } .service-card { min-height: 0; } .service-icon { margin-bottom: 34px; } .split-media img { aspect-ratio: 1/1.12; } .machine-card { grid-template-columns: 1fr; } .gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; gap: 8px; } .gallery .item-large { grid-column: 1 / -1; grid-row: auto; height: 240px; } .logo-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .logo-card { height: 104px; padding: 16px; } .cta-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .cta-actions .btn { padding-inline: 10px; font-size: .78rem; } .contact-list > div { grid-template-columns: 1fr; gap: 4px; } .map-card { height: 390px; } .footer-main { grid-template-columns: 1fr; } .footer-brand { grid-column: auto; } .footer-bottom { flex-direction: column; gap: 6px; } .modal-panel { padding: 28px 20px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* Multipage institutional/SEO extensions */ .main-nav a.is-current, .main-nav a[aria-current="page"] { color: var(--yellow); } .main-nav a.is-current::after, .main-nav a[aria-current="page"]::after { right: 0; } .internal-hero { position: relative; min-height: 545px; padding-top: 76px; display: flex; align-items: center; overflow: hidden; background:#111; } .internal-hero-bg { position:absolute; inset:0; background-image:var(--bg); background-size:cover; background-position:center; transform:scale(1.01); } .internal-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,9,10,.95) 0%,rgba(8,9,10,.78) 48%,rgba(8,9,10,.34) 100%); } .internal-hero-content { position:relative; z-index:2; color:#fff; padding:92px 0 76px; } .internal-hero h1 { max-width:900px; margin:18px 0; font-size:clamp(2.8rem,5.1vw,5.2rem); line-height:.98; letter-spacing:-.055em; } .internal-hero p { max-width:720px; margin:0 0 30px; font-size:clamp(1.03rem,1.5vw,1.22rem); color:rgba(255,255,255,.78); } .breadcrumbs { padding-top:22px; } .breadcrumbs ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; font-size:.78rem; color:#808488; } .breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:#bbb; } .breadcrumbs a:hover { color:var(--black); } .trust-strip { background:#f1f1ef; border-bottom:1px solid #e3e3e0; } .trust-grid { display:grid; grid-template-columns:repeat(4,1fr); } .trust-grid>div { padding:24px 22px; border-right:1px solid #ddd; } .trust-grid>div:last-child { border-right:0; } .trust-grid b,.trust-grid span { display:block; } .trust-grid b { font-size:.95rem; } .trust-grid span { margin-top:4px; color:#74777a; font-size:.82rem; } .service-photo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .service-photo-card { border:1px solid #e6e6e3; background:#fff; overflow:hidden; border-radius:16px; transition:.25s ease; } .service-photo-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); } .service-photo { display:block; aspect-ratio:4/3; overflow:hidden; background:#ddd; } .service-photo img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; } .service-photo-card:hover .service-photo img { transform:scale(1.035); } .service-photo-copy { padding:24px; } .service-photo-copy>span { color:var(--yellow-dark); font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.14em; } .service-photo-copy h3 { margin:7px 0 10px; font-size:1.35rem; letter-spacing:-.03em; } .service-photo-copy p { margin:0 0 18px; color:#686c6f; font-size:.92rem; } .process-section,.paper-section { background:var(--paper); } .process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .process-grid article { padding:28px; min-height:210px; background:#fff; border:1px solid #e4e4e0; border-radius:14px; } .process-grid article span { display:inline-block; color:var(--yellow-dark); font-size:.8rem; font-weight:950; letter-spacing:.1em; } .process-grid article h3 { margin:34px 0 8px; font-size:1.18rem; } .process-grid article p { margin:0; color:#666a6d; } .process-grid.compact article { min-height:170px; } .reverse { direction:rtl; } .reverse>* { direction:ltr; } .light-text { color:#fff !important; } .light-muted { color:rgba(255,255,255,.64)!important; } .segment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .segment-grid a { padding:28px; min-height:190px; background:#f7f7f5; border:1px solid #e7e7e4; border-radius:14px; transition:.2s ease; } .segment-grid a:hover { border-color:#cfcfc9; transform:translateY(-3px); } .segment-grid b,.segment-grid span { display:block; } .segment-grid b { font-size:1.1rem; margin-bottom:12px; } .segment-grid span { color:#6e7274; font-size:.9rem; } .center-action { display:flex; justify-content:center; margin-top:34px; } .value-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; } .value-grid article { padding:26px 22px; background:#222426; border:1px solid rgba(255,255,255,.08); border-radius:14px; } .value-grid h3 { margin:0 0 10px; color:#fff; } .value-grid p { margin:0; color:rgba(255,255,255,.62); font-size:.9rem; } .three-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .three-columns article { padding:30px; border:1px solid #e5e5e2; border-radius:14px; } .three-columns h3 { margin:10px 0; font-size:1.45rem; } .three-columns p { color:#666a6d; } .check-list { list-style:none; padding:0; margin:26px 0 30px; display:grid; gap:10px; } .check-list li { position:relative; padding-left:28px; color:#4e5255; } .check-list li::before { content:"✓"; position:absolute; left:0; color:var(--yellow-dark); font-weight:950; } .faq-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:72px; align-items:start; } .faq-grid h2 { margin:10px 0 16px; font-size:clamp(2.2rem,4vw,4rem); line-height:1.02; letter-spacing:-.05em; } .faq-grid>div:first-child p { color:#696d70; } .faq-list { border-top:1px solid #dededb; } .faq-list details { border-bottom:1px solid #dededb; } .faq-list summary { cursor:pointer; list-style:none; padding:22px 44px 22px 0; font-weight:850; position:relative; } .faq-list summary::-webkit-details-marker { display:none; } .faq-list summary::after { content:"+"; position:absolute; right:6px; top:16px; font-size:1.7rem; color:var(--yellow-dark); } .faq-list details[open] summary::after { content:"–"; } .faq-list details p { margin:0; padding:0 46px 22px 0; color:#666a6d; } .related-section { background:#f6f6f4; } .related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .related-card { padding:24px; background:#fff; border:1px solid #e6e6e2; border-radius:12px; } .related-card b,.related-card span { display:block; } .related-card span { margin-top:18px; color:var(--yellow-dark); font-size:.82rem; font-weight:850; } .works-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .work-card { position:relative; border:0; padding:0; aspect-ratio:4/3; overflow:hidden; border-radius:12px; background:#ddd; } .work-card img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; } .work-card:hover img { transform:scale(1.035); } .work-card::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.72)); } .work-card span { position:absolute; z-index:2; left:18px; bottom:15px; color:#fff; font-weight:900; text-transform:uppercase; font-size:.76rem; letter-spacing:.08em; } .segment-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; } .segment-detail { scroll-margin-top:100px; padding:38px; border:1px solid #e5e5e2; border-radius:16px; } .segment-detail h2 { margin:10px 0 14px; font-size:2rem; letter-spacing:-.04em; } .segment-detail p { color:#676b6e; } .article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .article-card { padding:30px; border:1px solid #e5e5e1; border-radius:14px; min-height:290px; display:flex; flex-direction:column; } .article-card h2 { margin:12px 0; font-size:1.45rem; line-height:1.1; letter-spacing:-.03em; } .article-card p { color:#686c6f; } .article-card .text-link { margin-top:auto; } .article-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:70px; align-items:start; } .article-body { max-width:760px; } .article-body p { color:#575c60; font-size:1.04rem; } .article-lead { font-size:1.3rem!important; color:#2c2f31!important; font-weight:650; } .article-body h2 { margin:42px 0 12px; font-size:2rem; letter-spacing:-.04em; } .article-cta { margin-top:36px; display:flex; gap:12px; flex-wrap:wrap; } .article-aside { position:sticky; top:100px; padding:28px; background:#f6f6f4; border:1px solid #e4e4e0; border-radius:14px; } .article-aside h3 { margin:10px 0; } .article-aside a { display:block; margin-top:10px; font-weight:800; } .contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:start; } .contact-panel h2,.quote-form h2 { margin:10px 0 24px; font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.04; letter-spacing:-.045em; } .contact-cards { display:grid; gap:10px; } .contact-cards>a,.contact-cards>button,.contact-cards>div { width:100%; text-align:left; border:1px solid #e4e4e0; background:#f7f7f5; border-radius:12px; padding:18px; color:inherit; } .contact-cards b,.contact-cards span { display:block; } .contact-cards span { margin-top:3px; color:#6b6f72; font-size:.9rem; } .quote-form { padding:36px; border:1px solid #e3e3df; background:#fff; border-radius:16px; box-shadow:0 16px 44px rgba(0,0,0,.06); } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .form-grid label { display:grid; gap:7px; font-size:.8rem; font-weight:800; } .form-grid .full { grid-column:1/-1; } .form-grid input,.form-grid select,.form-grid textarea { width:100%; border:1px solid #d9d9d5; border-radius:8px; padding:13px 14px; background:#fafafa; color:#222; } .form-grid textarea { resize:vertical; } .quote-form .btn { margin-top:18px; } .form-note { color:#85898c; font-size:.76rem; } .narrow { max-width:820px; } .legal h2 { margin-top:38px; } .error-page { min-height:78vh; padding:180px 0 100px; display:grid; align-items:center; background:#f5f5f3; } .error-page h1 { margin:10px 0 16px; font-size:clamp(3rem,7vw,6rem); line-height:.95; letter-spacing:-.06em; } .error-page p { max-width:600px; color:#666a6d; font-size:1.1rem; } @media(max-width:1060px){.service-photo-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.segment-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div{border-bottom:1px solid #ddd}.works-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:860px){.internal-hero{min-height:530px;padding-top:68px}.internal-hero-content{padding:94px 0 66px}.internal-hero h1{font-size:clamp(2.7rem,8vw,4.4rem)}.faq-grid,.article-layout,.contact-grid{grid-template-columns:1fr;gap:42px}.article-aside{position:static}.process-grid{grid-template-columns:repeat(2,1fr)}.three-columns{grid-template-columns:1fr}.segment-detail-grid{grid-template-columns:1fr}.reverse{direction:ltr}.article-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0}.service-photo-grid,.article-grid,.process-grid,.related-grid,.works-grid{grid-template-columns:1fr}.segment-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.service-photo-card{border-radius:12px}.service-photo-copy{padding:20px}.internal-hero{min-height:600px}.internal-hero-bg{background-position:58% center}.internal-hero-content{padding-top:110px}.internal-hero h1{font-size:clamp(2.55rem,12vw,3.8rem)}.internal-hero .hero-actions{grid-template-columns:1fr 1fr}.internal-hero .btn{padding-inline:10px;font-size:.78rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.quote-form{padding:24px 18px}.segment-detail{padding:28px 22px}.work-card{aspect-ratio:4/3}} /* Layout hardening: prevent intrinsic media/logo widths from creating horizontal scroll */ .split-grid { grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); } .split-grid > *, .logo-grid > *, .service-photo-grid > *, .machine-grid > *, .gallery > *, .segment-grid > *, .process-grid > *, .value-grid > *, .three-columns > *, .related-grid > *, .works-grid > *, .article-grid > *, .contact-grid > * { min-width:0; } .logo-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } .service-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .machine-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .segment-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .process-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .value-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } .three-columns { grid-template-columns:repeat(3,minmax(0,1fr)); } .related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .works-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .contact-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); } @media(max-width:1060px){.service-photo-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:860px){.split-grid,.location-grid,.faq-grid,.article-layout,.contact-grid{grid-template-columns:minmax(0,1fr)}.split-grid>*{width:100%;max-width:100%}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:minmax(0,1fr)}.segment-detail-grid{grid-template-columns:minmax(0,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:620px){.service-photo-grid,.article-grid,.process-grid,.related-grid,.works-grid,.segment-grid,.value-grid,.three-columns{grid-template-columns:minmax(0,1fr)}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-media{max-width:100%;width:100%}} @media(max-width:860px){.machine-grid{grid-template-columns:minmax(0,1fr)}} .logo-card { display:flex; align-items:center; justify-content:center; overflow:hidden; } .logo-card img { width:100%; height:auto; max-height:100%; min-width:0; object-fit:contain; } /* ============================================================ REFINAMENTO VISUAL — 23/09/2026 Padrão aprovado: grafite/preto + amarelo industrial + cinza metálico ============================================================ */ /* Botões: primários SEMPRE amarelos; secundários SEMPRE cinza metálico. */ .btn-primary, .btn-outline-yellow, .header-cta { background: var(--yellow); color: #151515; border-color: var(--yellow); box-shadow: 0 10px 26px rgba(255,183,27,.18); } .btn-primary:hover, .btn-outline-yellow:hover, .header-cta:hover { background: #ffc447; color: #151515; border-color: #ffc447; } .btn-secondary, .btn-white { background: var(--steel); color: #fff; border-color: var(--steel); box-shadow: none; } .btn-secondary:hover, .btn-white:hover { background: var(--steel-2); color: #fff; border-color: var(--steel-2); } /* Blocos com imagem: proporção quadrada, acabamento premium e hover discreto. */ .split-grid.refined-split { gap: clamp(42px, 5vw, 66px); } .split-media.media-square { width: 100%; max-width: 560px; justify-self: end; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.12); background: #141516; box-shadow: 0 20px 54px rgba(0,0,0,.14); } .split-section .split-media.media-square { border-color: #dededb; background: #e9e9e6; } .split-media.media-square::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); } .split-media.media-square img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; border-radius: 0; box-shadow: none; transform: scale(1); transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .4s ease; } .split-media.media-square:hover img { transform: scale(1.035); filter: contrast(1.02); } /* Foto da equipe deve aparecer inteira, sem cortar a pessoa. */ .split-media.media-square.media-person img { object-fit: contain; background: #111315; } .split-media.media-square .media-badge { left: 18px; right: 18px; bottom: 18px; border-radius: 10px; } .split-section.section { padding-top: 88px; padding-bottom: 88px; } .dark-section.section.refined-institutional { padding-top: 92px; padding-bottom: 92px; } /* Logos: sempre coloridas, sem distorção. */ .logo-card { flex: 0 0 clamp(168px, 16vw, 218px); width: clamp(168px, 16vw, 218px); height: 118px; padding: 20px 24px; background: #fff; border: 1px solid #e4e4e1; border-radius: 14px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .logo-card img { width: auto; height: auto; max-width: 100%; max-height: 78px; object-fit: contain; filter: none !important; opacity: 1 !important; transform: none; transition: transform .3s ease; } .logo-card:hover img { transform: scale(1.035); } /* Carrossel contínuo e automático, sem setas. */ .logo-marquee { position: relative; overflow: hidden; width: 100%; padding: 8px 0 10px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%); } .logo-track { --logo-gap: 14px; width: max-content; display: flex; align-items: center; animation: logoMarquee 34s linear infinite; will-change: transform; } .logo-set { display: flex; align-items: center; gap: var(--logo-gap); padding-right: var(--logo-gap); } @keyframes logoMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } } /* Fotos e cards nunca esticam a imagem. */ .service-photo img, .machine-image img, .gallery-item img, .work-card img, .article-card img { object-fit: cover; object-position: center; } @media (max-width: 860px) { .split-media.media-square { justify-self: start; max-width: min(100%, 560px); } .split-section.section, .dark-section.section.refined-institutional { padding-top: 72px; padding-bottom: 72px; } .logo-card { flex-basis: 174px; width: 174px; height: 106px; padding: 17px 20px; } .logo-card img { max-height: 70px; } .logo-track { animation-duration: 28s; } } @media (max-width: 620px) { .split-media.media-square { border-radius: 14px; } .split-media.media-square .media-badge { left: 12px; right: 12px; bottom: 12px; } .logo-marquee { width: calc(100% + 24px); margin-left: -12px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); } .logo-card { flex-basis: 152px; width: 152px; height: 96px; padding: 15px 18px; } .logo-card img { max-height: 62px; } .logo-track { animation-duration: 24s; } } @media (prefers-reduced-motion: reduce) { .logo-track { animation: none; } } /* ===== REFINAMENTO GLOBAL V3 — padrão Limpa Fossa / Torneadora ===== */ /* Tipografia: menos comprimida, mais leitura e respiro em todas as páginas */ body { line-height: 1.68; } .hero h1, .hero h2, .internal-hero h1, .section-heading h2, .clients-head h2, .split-copy h2, .location-copy h2, .cta-inner h2, .faq-grid h2, .contact-panel h2, .quote-form h2, .segment-detail h2, .article-body h2, .error-page h1 { letter-spacing: -.024em !important; line-height: 1.075 !important; text-wrap: balance; } .hero-copy p, .internal-hero p, .section-heading p, .clients-head p, .split-copy p, .location-copy p, .service-photo-copy p, .machine-copy p, .segment-detail p, .value-grid p, .three-columns p, .contact-cards span, .article-body p { line-height: 1.7; letter-spacing: .002em; } .internal-hero h1 { max-width: 940px; } .section-heading { align-items: center; } /* Ícones SVG por máscara — sem emoji */ .icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-block; background: currentColor; -webkit-mask: var(--icon) center/contain no-repeat; mask: var(--icon) center/contain no-repeat; } .icon-whatsapp { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.198.198-.767.967-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.008-.372-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.693.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884a9.821 9.821 0 0 1 6.988 2.895 9.825 9.825 0 0 1 2.893 6.99c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E"); } .icon-phone { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.22.2 2.42.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E"); } .icon-location { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E"); } .icon-clock { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 11h5v-2h-4V6h-2v7Z'/%3E%3C/svg%3E"); } .icon-arrow { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7h-7V5h10v10h-2V8L8 18Z'/%3E%3C/svg%3E"); } .icon-route { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 15.2V6.5a3.5 3.5 0 1 0-2 0v8.7a3.5 3.5 0 1 0 2 0ZM6 8.8V18H3l4 4 4-4H8V8.8a3.5 3.5 0 1 0-2 0Z'/%3E%3C/svg%3E"); } /* Botões: padronização visual forte e profissional */ .btn { border-radius: 7px; min-height: 50px; padding-inline: 22px; gap: 10px; } .btn .icon { transition: transform .2s ease; } .btn:hover .icon-arrow { transform: translate(2px,-2px); } .btn-primary, .btn-outline-yellow, .header-cta { background: var(--yellow) !important; color: #171717 !important; border-color: var(--yellow) !important; } .btn-primary:hover, .btn-outline-yellow:hover, .header-cta:hover { background: #ffc84d !important; border-color: #ffc84d !important; } .btn-secondary, .btn-white { background: linear-gradient(180deg,#555a5e,#3d4145) !important; color:#fff !important; border-color:#565b5f !important; } .btn-secondary:hover, .btn-white:hover { background: linear-gradient(180deg,#666b70,#4a4f53) !important; } .header-cta { box-shadow: inset 0 0 0 1px rgba(0,0,0,.05), 0 8px 22px rgba(255,183,27,.14); } /* Frase solta vira citação/intenção editorial */ .copy-callout { position: relative; margin: 0; padding: 19px 22px 19px 28px; border-left: 4px solid var(--yellow); border-radius: 0 12px 12px 0; background: linear-gradient(90deg,rgba(255,183,27,.09),rgba(255,255,255,.72)); color:#4f5458 !important; font-size:.98rem !important; line-height:1.68 !important; box-shadow: 0 10px 28px rgba(0,0,0,.035); } .copy-callout::before { content:'“'; position:absolute; left:8px; top:-6px; font-family:Georgia,serif; font-size:3rem; line-height:1; color:rgba(216,148,0,.35); } .dark-section .copy-callout, .copy-callout.callout-dark { background:linear-gradient(90deg,rgba(255,183,27,.13),rgba(255,255,255,.035)); color:rgba(255,255,255,.72)!important; box-shadow:none; } /* Fotos: nitidez, zero distorção, acabamento moderno */ .split-media, .service-photo-card, .machine-card, .work-card, .segment-detail { isolation:isolate; } .split-media img, .service-photo img, .machine-image img, .work-card img { image-rendering:auto; object-fit:cover; filter:saturate(.96) contrast(1.025); } .media-wide { overflow:hidden; border-radius:18px; border:1px solid #dfdfdc; box-shadow:0 22px 58px rgba(0,0,0,.11); background:#111; } .media-wide img { width:100%; aspect-ratio:16/10 !important; object-fit:cover !important; object-position:center !important; border-radius:0 !important; box-shadow:none !important; transition:transform .55s cubic-bezier(.2,.7,.2,1); } .media-wide:hover img { transform:scale(1.025); } .dark-section .media-wide { border-color:rgba(255,255,255,.1); } /* Empresa: valores alinhados, hover e ícones discretos */ .company-values { background:#171819; overflow:hidden; } .company-values .section-heading { margin-bottom:38px; } .company-values .value-grid { align-items:stretch; } .company-values .value-grid article { position:relative; min-height:230px; padding:28px 24px 24px; background:linear-gradient(145deg,#242628,#1d1f20); border:1px solid rgba(255,255,255,.09); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; } .company-values .value-grid article:hover { transform:translateY(-5px); border-color:rgba(255,183,27,.5); box-shadow:0 18px 44px rgba(0,0,0,.22); } .value-icon, .mission-icon, .structure-card-icon, .contact-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,183,27,.1); border:1px solid rgba(255,183,27,.22); color:var(--yellow); margin-bottom:28px; position:relative; } .value-icon::before, .mission-icon::before, .structure-card-icon::before, .contact-icon::before { content:''; width:20px; height:20px; background:currentColor; -webkit-mask:var(--card-icon) center/contain no-repeat; mask:var(--card-icon) center/contain no-repeat; } .icon-commit { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.2 4.5 5 .7-3.6 3.5.8 5-4.4-2.3-4.4 2.3.8-5L4.8 7.2l5-.7Z'/%3E%3C/svg%3E"); } .icon-quality { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 6v6c0 5 3.8 9.7 9 10 5.2-.3 9-5 9-10V6Zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5-5 1.4 1.4Z'/%3E%3C/svg%3E"); } .icon-responsibility { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15h-2v-2h2Zm1.1-7.8-.9.9c-.8.8-1.2 1.4-1.2 2.9h-2v-.5c0-1.1.4-2.1 1.2-2.9l1.2-1.2a1.7 1.7 0 1 0-2.9-1.2h-2a3.7 3.7 0 1 1 6.3 2.6Z'/%3E%3C/svg%3E"); } .icon-experience { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13 .1-1-.1-1 2.1-1.6-2-3.4-2.5 1a8 8 0 0 0-1.7-1L15 3h-4l-.4 2.9a8 8 0 0 0-1.7 1l-2.5-1-2 3.4L6.5 11l-.1 1 .1 1-2.1 1.6 2 3.4 2.5-1a8 8 0 0 0 1.7 1L11 21h4l.4-2.9a8 8 0 0 0 1.7-1l2.5 1 2-3.4ZM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Z'/%3E%3C/svg%3E"); } .icon-relationship { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.7 0 3-1.3 3-3s-1.3-3-3-3-3 1.3-3 3 1.3 3 3 3ZM8 11c1.7 0 3-1.3 3-3S9.7 5 8 5 5 6.3 5 8s1.3 3 3 3Zm8 2c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3ZM8 13c-2.3 0-6 1.2-6 3.5V18h6v-2c0-.8.3-1.5.9-2.1A8.3 8.3 0 0 0 8 13Z'/%3E%3C/svg%3E"); } /* Missão / visão / atuação com engrenagens em marca d'água */ .mission-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#f8f8f6,#f1f1ee); } .mission-section::before, .mission-section::after { content:''; position:absolute; width:360px; aspect-ratio:1; border:26px solid rgba(34,36,38,.032); border-radius:50%; background:repeating-conic-gradient(from 0deg,rgba(34,36,38,.04) 0 7deg,transparent 7deg 18deg); -webkit-mask:radial-gradient(circle at center,transparent 0 38%,#000 39% 54%,transparent 55%); mask:radial-gradient(circle at center,transparent 0 38%,#000 39% 54%,transparent 55%); animation:gearSlow 46s linear infinite; pointer-events:none; } .mission-section::before { right:-120px; top:-130px; } .mission-section::after { left:-160px; bottom:-180px; width:430px; animation-direction:reverse; animation-duration:60s; } @keyframes gearSlow { to { transform:rotate(360deg); } } .mission-section .three-columns { position:relative; z-index:1; } .mission-section .three-columns article { min-height:270px; background:rgba(255,255,255,.84); backdrop-filter:blur(3px); border:1px solid rgba(29,29,29,.08); box-shadow:0 14px 40px rgba(0,0,0,.045); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .mission-section .three-columns article:hover { transform:translateY(-5px); border-color:rgba(255,183,27,.55); box-shadow:0 18px 46px rgba(0,0,0,.08); } .mission-icon { margin-bottom:22px; } .icon-mission { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10H12Zm2 0v8h8A10 10 0 0 0 14 2Z'/%3E%3C/svg%3E"); } .icon-vision { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2 9.5 1 12c1 2.5 5.5 7 11 7s10-4.5 11-7c-1-2.5-5.5-7-11-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z'/%3E%3C/svg%3E"); } .icon-action { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19.3 15.6 12.2a6 6 0 0 1-7.7-7.7l3.5 3.5 2.6-2.6-3.5-3.5a6 6 0 0 1 7.7 7.7l7.1 7.1Z' transform='translate(-2 -2)'/%3E%3C/svg%3E"); } /* Estrutura: cartões legíveis, técnicos e consistentes */ .structure-page .machine-card { background:linear-gradient(160deg,#25282a,#181a1b); border-color:rgba(255,255,255,.1); box-shadow:0 16px 40px rgba(0,0,0,.14); transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; } .structure-page .machine-card:hover { transform:translateY(-5px); border-color:rgba(255,183,27,.5); box-shadow:0 24px 55px rgba(0,0,0,.2); } .structure-page .machine-copy { position:relative; padding-top:26px; } .structure-page .machine-copy > span { color:var(--yellow)!important; } .structure-page .machine-copy h3 { color:#fff!important; } .structure-page .machine-copy p { color:rgba(255,255,255,.68)!important; } .structure-card-icon { margin-bottom:16px; width:38px; height:38px; border-radius:10px; } .icon-lathe { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h4v10H3Zm14 2h4v6h-4ZM8 10h8v4H8Zm1-3h6v2H9Zm0 8h6v2H9Z'/%3E%3C/svg%3E"); } .icon-mill { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2h4v5h-1v3h3v3h-3v7h6v2H5v-2h6v-7H8v-3h3V7h-1Zm-5 9h2v6H5Zm12 0h2v6h-2Z'/%3E%3C/svg%3E"); } .icon-gear { --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13 .1-1-.1-1 2.1-1.6-2-3.4-2.5 1a8 8 0 0 0-1.7-1L15 3h-4l-.4 2.9a8 8 0 0 0-1.7 1l-2.5-1-2 3.4L6.5 11l-.1 1 .1 1-2.1 1.6 2 3.4 2.5-1a8 8 0 0 0 1.7 1L11 21h4l.4-2.9a8 8 0 0 0 1.7-1l2.5 1 2-3.4ZM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Z'/%3E%3C/svg%3E"); } .structure-solution .split-grid { align-items:center; } .structure-solution .split-copy { align-self:center; } .structure-solution .split-copy .lead { margin-top:22px; } /* Trabalhos: grade 3x3 mais refinada */ .works-grid { gap:14px; } .work-card { border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.08); } .work-card::after { inset:48% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.78)); } .work-card span { left:20px; bottom:18px; } .work-card:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; } /* Segmentos: fotos reais do acervo + camada de marca d'água por segmento */ .segment-detail-grid { gap:20px; } .segment-detail { position:relative; overflow:hidden; min-height:330px; padding:34px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.12); color:#fff; background:#151718; box-shadow:0 16px 44px rgba(0,0,0,.11); transition:transform .28s ease,box-shadow .28s ease; } .segment-detail::before { content:''; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(180deg,rgba(12,13,14,.18),rgba(12,13,14,.92)),var(--segment-bg); background-size:cover; background-position:center; filter:saturate(.82) contrast(1.05); transform:scale(1.01); transition:transform .5s ease; } .segment-detail::after { content:''; position:absolute; right:26px; top:24px; width:94px; height:94px; z-index:-1; opacity:.12; background:#fff; -webkit-mask:var(--sector-icon) center/contain no-repeat; mask:var(--sector-icon) center/contain no-repeat; } .segment-detail:hover { transform:translateY(-5px); box-shadow:0 24px 58px rgba(0,0,0,.18); } .segment-detail:hover::before { transform:scale(1.045); } .segment-detail .kicker { color:var(--yellow); } .segment-detail h2 { color:#fff; margin-bottom:10px; } .segment-detail p { color:rgba(255,255,255,.74); max-width:520px; } .segment-detail .text-link { color:#fff; margin-top:12px; } .segment-detail .text-link span { color:var(--yellow); } .segment-agro { --sector-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h10v8H4Zm10 3h3l3 4v5h-2a3 3 0 0 0-6 0H9a3 3 0 0 0-6 0H2V9h2v5h10ZM6 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm9 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E"); } .segment-food { --sector-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v8H7V2Zm4 0h2v8h-2V2Zm-6 0h2v6a3 3 0 0 0 3 3v11H8V11a3 3 0 0 0-3-3Zm11 0h2v8h-2V2Zm0 10h2v10h-2Z'/%3E%3C/svg%3E"); } .segment-pharma { --sector-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2h-1v5.2l4.8 8.1A3 3 0 0 1 16.2 22H7.8a3 3 0 0 1-2.6-4.7L10 9.2V4H9Zm1.2 12-3.3 5.6c-.1.2 0 .4.2.4h9.8c.2 0 .3-.2.2-.4L13.8 14Z'/%3E%3C/svg%3E"); } .segment-paper { --sector-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h10l4 4v14H5Zm9 1.5V8h3.5ZM8 11h8v2H8Zm0 4h8v2H8Z'/%3E%3C/svg%3E"); } /* CTA: tira a faixa vertical assimétrica; usa linha superior contínua */ .cta-section::before { inset:0 0 auto 0 !important; width:auto !important; height:4px !important; background:var(--yellow); } .cta-bg { background-position:72% 70% !important; } /* Contato: ícones alinhados e cartão de dados mais premium */ .contact-cards > a, .contact-cards > button, .contact-cards > div { position:relative; min-height:82px; padding:17px 18px 17px 72px; border-radius:14px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .contact-cards > a:hover, .contact-cards > button:hover { transform:translateY(-2px); border-color:#cfcfca; box-shadow:0 12px 28px rgba(0,0,0,.06); } .contact-cards .contact-icon { position:absolute; left:17px; top:50%; transform:translateY(-50%); margin:0; } .contact-cards .icon-whatsapp-contact { --card-icon:var(--icon-whatsapp-placeholder); } .contact-icon.icon-whatsapp-contact::before { -webkit-mask:var(--icon-whatsapp) center/contain no-repeat; mask:var(--icon-whatsapp) center/contain no-repeat; } .contact-icon.icon-phone-contact::before { -webkit-mask:var(--icon-phone) center/contain no-repeat; mask:var(--icon-phone) center/contain no-repeat; } .contact-icon.icon-location-contact::before { -webkit-mask:var(--icon-location) center/contain no-repeat; mask:var(--icon-location) center/contain no-repeat; } .contact-icon.icon-clock-contact::before { -webkit-mask:var(--icon-clock) center/contain no-repeat; mask:var(--icon-clock) center/contain no-repeat; } :root { --icon-whatsapp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.5 14.4c-.3-.2-1.8-.9-2-.9-.3-.1-.5-.2-.7.1l-.9 1.2c-.2.2-.4.2-.7.1-2.5-1.2-4.1-3.7-4.2-3.8-.2-.3 0-.5.1-.6.1-.2.3-.4.4-.6.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5L8.9 6.7c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4 0-.1-.2-.2-.5-.3ZM12 22a10 10 0 0 1-5-1.4L2 22l1.3-4.9A10 10 0 1 1 12 22Zm0-18a8 8 0 0 0-6.8 12.2l.2.4-.8 2.8 2.9-.8.4.2A8 8 0 1 0 12 4Z'/%3E%3C/svg%3E"); --icon-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.3 1Z'/%3E%3C/svg%3E"); --icon-location:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7Zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E"); --icon-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 11h5v-2h-4V6h-2v7Z'/%3E%3C/svg%3E"); } /* Mapa: visão centrada na empresa, um único pino customizado e cartão de perfil */ .map-card { height:500px; border-radius:20px; border:1px solid #dededb; } .map-card iframe { filter:grayscale(.74) contrast(.95) brightness(1.03); } .map-pin { left:50%; top:46%; width:24px; height:24px; z-index:4; } .map-business-card { position:absolute; left:18px; bottom:18px; z-index:5; width:min(390px,calc(100% - 36px)); padding:17px 18px; border-radius:14px; background:rgba(18,19,20,.93); color:#fff; text-align:left; backdrop-filter:blur(10px); box-shadow:0 16px 42px rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.11); } .map-business-card b { display:block; font-size:1rem; color:#fff; margin-bottom:4px; } .map-business-card span { display:block; color:rgba(255,255,255,.68); font-size:.78rem; line-height:1.5; } .map-business-card small { display:block; margin-top:8px; color:var(--yellow); font-size:.72rem; font-weight:850; } .map-caption { display:none!important; } /* WhatsApp flutuante: símbolo correto e padrão da identidade */ .floating-whatsapp { background:var(--yellow); color:#171717; border:1px solid rgba(0,0,0,.08); font-weight:800; } .floating-whatsapp:hover { background:#ffc84d; transform:translateY(-2px); } .floating-whatsapp .icon { width:20px; height:20px; } /* Mobile específico: mais próximo do padrão Limpa Fossa, não uma mera redução do desktop */ @media (max-width: 860px) { body { padding-bottom:70px; } .site-header { background:rgba(18,18,18,.97); } .header-inner { height:68px; } .brand { width:172px; flex-basis:172px; } .brand img { height:54px; } .internal-hero { min-height:610px; padding-top:68px; align-items:flex-end; } .internal-hero-bg { background-position:center; transform:scale(1.015); } .internal-hero-overlay { background:linear-gradient(180deg,rgba(8,9,10,.28) 0%,rgba(8,9,10,.48) 35%,rgba(8,9,10,.96) 92%); } .internal-hero-content { padding:170px 0 54px; width:100%; } .internal-hero h1 { max-width:96%; margin:14px 0 16px; font-size:clamp(2.5rem,8.5vw,4rem); line-height:1.055!important; } .internal-hero p { max-width:94%; font-size:1rem; line-height:1.62; } .internal-hero .hero-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:9px; } .internal-hero .btn { min-height:50px; padding-inline:10px; font-size:.78rem; } .breadcrumbs { padding-top:15px; } .section { padding:68px 0; } .section-heading, .clients-head { gap:18px; margin-bottom:32px; } .copy-callout { margin-top:2px; } .split-grid { gap:34px; } .split-media.media-square, .media-wide { max-width:100%; width:100%; justify-self:stretch; } .media-wide img { aspect-ratio:4/3!important; } .machine-card { display:block!important; } .machine-image { aspect-ratio:16/10; } .value-grid { grid-template-columns:1fr 1fr!important; gap:10px; } .company-values .value-grid article { min-height:220px; } .mission-section .three-columns { gap:12px; } .segment-detail-grid { grid-template-columns:1fr!important; gap:14px; } .segment-detail { min-height:300px; } .contact-grid { gap:30px; } .map-card { height:420px; } .cta-inner { gap:26px; } .cta-bg { background-position:72% center!important; } .mobile-cta { height:66px; grid-template-columns:1.25fr .75fr; } .mobile-cta a { display:flex!important; align-items:center; justify-content:center; gap:8px; font-size:.8rem; } .mobile-budget { background:var(--yellow)!important; color:#171717!important; } .mobile-call { background:linear-gradient(180deg,#555a5e,#3d4145)!important; color:#fff!important; } .mobile-cta .icon { width:17px; height:17px; } } @media (max-width: 620px) { .container { width:min(calc(100% - 28px),var(--max)); } .internal-hero { min-height:590px; } .internal-hero-content { padding-top:150px; padding-bottom:44px; } .internal-hero h1 { font-size:clamp(2.18rem,10.5vw,3.25rem); } .internal-hero .hero-actions { grid-template-columns:1fr 1fr; } .internal-hero .btn { min-height:49px; font-size:.74rem; } .section { padding:58px 0; } .section-heading h2, .clients-head h2, .split-copy h2, .location-copy h2, .cta-inner h2 { font-size:clamp(2rem,9.8vw,3rem); } .value-grid { grid-template-columns:1fr!important; } .company-values .value-grid article { min-height:0; } .mission-section::before { right:-220px; } .mission-section::after { left:-260px; } .work-card { aspect-ratio:4/3; } .segment-detail { min-height:285px; padding:28px 24px; } .contact-cards > a, .contact-cards > button, .contact-cards > div { padding-left:68px; } .map-card { height:390px; } .map-pin { top:44%; } .map-business-card { left:12px; bottom:12px; width:calc(100% - 24px); padding:14px 15px; } .cta-actions { grid-template-columns:1fr 1fr; } .cta-actions .btn { min-height:50px; } } @media (prefers-reduced-motion: reduce) { .mission-section::before,.mission-section::after { animation:none!important; } } /* V3.1 — consistência visual nas demais páginas institucionais */ .structure-page .machine-image { background:#151617; display:grid; place-items:center; } .structure-page .machine-image img { object-fit:contain !important; object-position:center !important; } .process-grid article, .related-card, .article-card, .service-photo-card, .three-columns article { transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease; } .process-grid article:hover, .related-card:hover, .article-card:hover { transform:translateY(-4px); border-color:rgba(216,148,0,.38); box-shadow:0 16px 38px rgba(0,0,0,.065); } .faq-list details { transition:background .2s ease; border-radius:8px; padding-inline:12px; margin-inline:-12px; } .faq-list details[open] { background:rgba(255,183,27,.055); } .article-aside { border-left:3px solid var(--yellow); } /* ===== V4 HOME REFINEMENTS — 23/09/2026 ===== */ /* Hero: todos os slides ocupam a mesma grade visual para evitar saltos de texto e botões */ .hero-copy { width: min(820px, 100%); max-width: 820px; min-height: 440px; padding-bottom: 0; display: grid; grid-template-rows: 28px 250px 92px 52px; align-content: center; } .hero .eyebrow { align-self: center; } .hero h1, .hero h2 { max-width: 820px; margin: 0; align-self: center; font-size: clamp(2.8rem, 4.65vw, 4.8rem); line-height: 1.055 !important; letter-spacing: -.024em !important; } .hero-copy p { max-width: 680px; margin: 0; padding-top: 8px; align-self: start; } .hero-actions { align-self: start; min-height: 52px; } .hero-actions .btn { min-width: 205px; } /* Faixa de confiança: ícones lineares coerentes com a linguagem industrial */ .trust-grid > div { display: grid; grid-template-columns: 48px minmax(0,1fr); column-gap: 14px; align-items: center; } .trust-grid > div > b, .trust-grid > div > span:not(.trust-icon) { grid-column: 2; } .trust-icon { grid-column: 1; grid-row: 1 / span 2; width: 42px; height: 42px; display: grid !important; place-items: center; border-radius: 12px; background: #242628; border: 1px solid #34373a; color: var(--yellow); } .trust-icon::before { content: ''; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--trust-icon) center/contain no-repeat; mask: var(--trust-icon) center/contain no-repeat; } .trust-calendar { --trust-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1Zm11 8H6v9h12Zm-8 2h4v4h-4Z'/%3E%3C/svg%3E"); } .trust-gear { --trust-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13 .1-1-.1-1 2.1-1.6-2-3.4-2.5 1a8 8 0 0 0-1.7-1L15 3h-4l-.4 2.9a8 8 0 0 0-1.7 1l-2.5-1-2 3.4L6.5 11l-.1 1 .1 1-2.1 1.6 2 3.4 2.5-1a8 8 0 0 0 1.7 1L11 21h4l.4-2.9a8 8 0 0 0 1.7-1l2.5 1 2-3.4ZM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Z'/%3E%3C/svg%3E"); } .trust-location { --trust-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E"); } .trust-contact { --trust-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.3 1Z'/%3E%3C/svg%3E"); } /* Textos laterais de abertura passam a ter intenção visual de citação em TODAS as páginas */ .section-heading > p, .clients-head > p { position: relative; margin: 0; padding: 20px 22px 20px 30px; border-left: 4px solid var(--yellow); border-radius: 0 12px 12px 0; background: linear-gradient(90deg, rgba(255,183,27,.09), rgba(247,247,245,.72)); color: #505559 !important; font-size: .98rem !important; line-height: 1.7 !important; box-shadow: 0 10px 28px rgba(0,0,0,.035); } .section-heading > p::before, .clients-head > p::before { content: '“'; position: absolute; left: 8px; top: -7px; font-family: Georgia, serif; font-size: 3.15rem; line-height: 1; color: rgba(216,148,0,.38); } .dark-section .section-heading > p, .section-heading.light > p, .dark-section .clients-head > p { background: linear-gradient(90deg, rgba(255,183,27,.13), rgba(255,255,255,.035)); color: rgba(255,255,255,.76) !important; box-shadow: none; } /* WhatsApp flutuante: cor oficial, sem misturar com a hierarquia amarela dos CTAs do site */ .floating-whatsapp { background: #25D366 !important; color: #fff !important; border-color: #25D366 !important; box-shadow: 0 14px 34px rgba(37,211,102,.28) !important; } .floating-whatsapp:hover { background: #20bd5a !important; border-color: #20bd5a !important; color: #fff !important; } @media (max-width: 860px) { .hero-copy { width: 100%; min-height: 470px; grid-template-rows: 26px 228px 108px 52px; align-content: end; padding-bottom: 28px; } .hero h1, .hero h2 { font-size: clamp(2.45rem, 8vw, 4rem); max-width: 700px; } .hero-copy p { max-width: 610px; padding-top: 6px; } } @media (max-width: 620px) { .hero-content { align-items: end; padding-bottom: 0; } .hero-copy { min-height: 454px; grid-template-rows: 24px 214px 112px 50px; padding-bottom: 34px; } .hero h1, .hero h2 { font-size: clamp(2.12rem, 10vw, 3rem); line-height: 1.075 !important; max-width: 100%; } .hero-copy p { font-size: .98rem; line-height: 1.6; padding-top: 4px; } .hero-actions { grid-template-columns: 1fr 1fr; width: 100%; gap: 8px; } .hero-actions .btn { min-width: 0; width: 100%; padding-inline: 9px; font-size: .74rem; } .trust-grid > div { grid-template-columns: 44px minmax(0,1fr); column-gap: 13px; } .trust-icon { width: 40px; height: 40px; } .section-heading > p, .clients-head > p { padding: 18px 18px 18px 27px; } } /* ===== END V4 HOME REFINEMENTS ===== */ /* ===== V5 REFINAMENTO FINAL — 23/09/2026 ===== */ /* Home: hero com a mesma régua vertical e hierarquia dos heros internos. */ .home-page .hero-copy { width:min(100%,760px); max-width:760px; padding:92px 0 76px; display:grid; grid-template-rows:auto minmax(2.08em,auto) minmax(3.8em,auto) auto; align-content:center; } .home-page .hero-copy .eyebrow { align-self:end; } .home-page .hero-copy h1, .home-page .hero-copy h2 { margin:18px 0; max-width:900px; font-size:clamp(2.8rem,5.1vw,5.2rem); line-height:1.02!important; letter-spacing:-.024em!important; align-self:end; } .home-page .hero-copy p { margin:0 0 30px; max-width:720px; align-self:start; } .home-page .hero-actions { align-self:start; } /* Confiança: permanece somente dentro do hero; sem faixa repetida abaixo. */ .hero-trust { display:flex; gap:20px; align-items:center; opacity:1; } .hero-trust-item { display:grid; grid-template-columns:20px auto; grid-template-rows:auto auto; column-gap:8px; align-items:center; min-width:0; } .hero-trust-icon { grid-row:1 / 3; width:18px; height:18px; display:block; background:var(--yellow); -webkit-mask:var(--trust-icon) center/contain no-repeat; mask:var(--trust-icon) center/contain no-repeat; } .hero-trust-item b { margin:0!important; color:#fff!important; font-size:.74rem; line-height:1.15; white-space:nowrap; } .hero-trust-item small { color:rgba(255,255,255,.52); font-size:.66rem; line-height:1.2; white-space:nowrap; } .trust-mini-calendar { --trust-icon:var(--icon-clock); } .trust-mini-gear { --trust-icon:url("/assets/logos/gear-mark.svg"); } .trust-mini-location { --trust-icon:var(--icon-location); } .trust-mini-contact { --trust-icon:var(--icon-whatsapp); } /* Citações: mais discretas, integradas à hierarquia, sem parecer um bloco solto. */ .heading-with-note { grid-template-columns:1fr!important; gap:16px!important; align-items:start!important; } .heading-with-note > div { max-width:920px; } .copy-callout, .compact-callout { max-width:760px; margin:0!important; padding:13px 16px 13px 20px!important; border-left:3px solid var(--yellow)!important; border-radius:0 8px 8px 0!important; background:rgba(255,183,27,.055)!important; color:#5c6063!important; font-size:.91rem!important; line-height:1.62!important; box-shadow:none!important; } .copy-callout::before { font-size:2rem!important; left:6px!important; top:-2px!important; color:rgba(216,148,0,.22)!important; } .dark-section .copy-callout, .copy-callout.callout-dark { background:rgba(255,183,27,.075)!important; color:rgba(255,255,255,.7)!important; } .clients-head.heading-with-note .copy-callout { max-width:680px; } /* Cards de serviço: mesmo efeito tom-sobre-tom leve usado no contato, sem degradê. */ .service-photo { position:relative; overflow:hidden; background:#171819; } .service-photo::after { content:""; position:absolute; inset:0; background:rgba(17,19,20,.10); pointer-events:none; transition:background .28s ease; } .service-photo-card:hover .service-photo::after { background:rgba(17,19,20,.045); } .service-photo-card { transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; } .service-photo-card:hover { transform:translateY(-3px); border-color:#d8d8d4; box-shadow:0 16px 38px rgba(0,0,0,.07); } /* Home segmentos: introdução comercial sem repetir a página Segmentos. */ .segment-grid-home { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .segment-grid-home a { min-height:170px; padding:28px; } .segment-grid-home a::before { content:""; display:block; width:34px; height:3px; background:var(--yellow); margin-bottom:24px; border-radius:99px; } /* Rótulos Tornearia / Fresagem / Transmissão: sem ícones, só filete amarelo. */ .machine-label { display:inline-flex!important; flex-direction:column; align-items:flex-start; gap:7px; color:var(--yellow)!important; } .machine-label::after { content:""; width:26px; height:2px; background:var(--yellow); border-radius:999px; opacity:.95; } /* Empresa: imagem mais equilibrada e valores menores/alinhados. */ .company-story .media-wide { max-width:560px; justify-self:end; } .company-story .media-wide img { aspect-ratio:4/3!important; object-fit:cover!important; object-position:center 45%!important; } .company-values { position:relative; overflow:hidden; } .company-values .value-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; } .company-values .value-grid article { min-height:196px; padding:22px 20px 20px; display:flex; flex-direction:column; align-items:flex-start; } .company-values .value-grid article h3 { margin:0 0 8px; font-size:1.05rem; } .company-values .value-grid article p { margin:0; font-size:.86rem; line-height:1.55; } .value-icon { width:23px!important; height:23px!important; margin:0 0 18px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--yellow)!important; } .value-icon::before { width:21px!important; height:21px!important; } /* Engrenagem da identidade como marca-d'água animada nas seções da Empresa. */ .gear-watermark-section { position:relative; overflow:hidden; } .gear-watermark-section::after { content:""; position:absolute; width:420px; height:420px; right:-125px; top:50%; transform:translateY(-50%); background:var(--yellow); opacity:.095; -webkit-mask:url("/assets/logos/gear-mark.svg") center/contain no-repeat; mask:url("/assets/logos/gear-mark.svg") center/contain no-repeat; animation:gearWatermarkSpin 46s linear infinite; pointer-events:none; z-index:0; } .gear-watermark-section > .container { position:relative; z-index:1; } .company-values.gear-watermark-section::after { opacity:.12; right:-100px; } .mission-section.gear-watermark-section::after { opacity:.11; left:-135px; right:auto; } @keyframes gearWatermarkSpin { from{ transform:translateY(-50%) rotate(0deg);} to{ transform:translateY(-50%) rotate(360deg);} } /* Estrutura: imagens inteiras e enquadradas; sem ícones decorativos. */ .structure-page .machine-image-contain { background:linear-gradient(145deg,#17191a,#232628); padding:12px; } .structure-page .machine-image-contain img { object-fit:contain!important; object-position:center!important; background:#171819; border-radius:10px; } .structure-page .machine-card { overflow:hidden; } .structure-page .structure-solution .media-wide { max-width:620px; } .structure-page .structure-solution .media-wide img { aspect-ratio:4/3!important; object-fit:cover!important; object-position:center!important; } /* Trabalhos: somente hierarquia da citação; galeria permanece intacta. */ body:not(.home-page) .section-heading.heading-with-note { margin-bottom:34px; } /* Segmentos: fotografias reais em marca-d'água bem suave, com texto preservado. */ .segments-page .segment-detail { min-height:300px; background:#f5f5f2; color:#1d1d1d; border:1px solid #e1e1dd; box-shadow:none; isolation:isolate; } .segments-page .segment-detail::before { background-image:var(--segment-bg)!important; background-size:cover; background-position:center; opacity:.115; filter:saturate(.78) contrast(.92) grayscale(.08); transform:scale(1.01); } .segments-page .segment-detail::after { display:none!important; } .segments-page .segment-detail:hover { transform:translateY(-3px); box-shadow:0 18px 42px rgba(0,0,0,.07); } .segments-page .segment-detail:hover::before { opacity:.16; transform:scale(1.025); } .segments-page .segment-detail .kicker { color:#a96e00; } .segments-page .segment-detail h2 { color:#1d1d1d; } .segments-page .segment-detail p { color:#5d6164; } .segments-page .segment-detail .text-link { color:#1d1d1d; } /* Contato: só o símbolo amarelo, sem bolinha/caixa em volta. */ .contact-icon-minimal, .contact-cards .contact-icon { width:24px!important; height:24px!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--yellow)!important; } .contact-cards .contact-icon::before { width:20px!important; height:20px!important; } /* WhatsApp flutuante na cor oficial. */ .floating-whatsapp { background:#25D366!important; color:#fff!important; border-color:#25D366!important; } .floating-whatsapp:hover { background:#20bd5a!important; color:#fff!important; } /* Rodapé: engrenagem discreta e animada, mesma geometria da logo. */ .site-footer { position:relative; overflow:hidden; } .site-footer::before { content:""; position:absolute; width:430px; height:430px; right:-120px; bottom:-180px; background:var(--yellow); opacity:.055; -webkit-mask:url("/assets/logos/gear-mark.svg") center/contain no-repeat; mask:url("/assets/logos/gear-mark.svg") center/contain no-repeat; animation:footerGearSpin 58s linear infinite; pointer-events:none; } .site-footer > .container { position:relative; z-index:1; } @keyframes footerGearSpin { to{ transform:rotate(360deg);} } @media (max-width:1060px) { .hero-trust { gap:12px; } .hero-trust-item:nth-child(2) { display:none; } .company-values .value-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .segment-grid-home { grid-template-columns:1fr!important; } } @media (max-width:860px) { .home-page .hero-content { align-items:flex-end; } .home-page .hero-copy { display:block; padding:150px 0 48px; min-height:0; } .home-page .hero-copy h1,.home-page .hero-copy h2 { min-height:0; font-size:clamp(2.5rem,8.5vw,4rem); } .home-page .hero-copy p { min-height:0; } .hero-trust { display:none!important; } .heading-with-note { gap:13px!important; } .copy-callout,.compact-callout { max-width:100%; font-size:.88rem!important; padding:12px 14px 12px 18px!important; } .company-story .media-wide { max-width:100%; justify-self:stretch; } .company-values .value-grid { grid-template-columns:1fr 1fr!important; } .company-values .value-grid article { min-height:176px; } .gear-watermark-section::after { width:300px; height:300px; right:-120px; opacity:.075; } .mission-section.gear-watermark-section::after { left:-120px; } .segments-page .segment-detail { min-height:255px; } } @media (max-width:620px) { .company-values .value-grid { grid-template-columns:1fr!important; } .company-values .value-grid article { min-height:0; } .site-footer::before { width:310px; height:310px; right:-120px; bottom:-120px; } } @media (prefers-reduced-motion:reduce) { .gear-watermark-section::after,.site-footer::before { animation:none!important; } } /* ===== V6 REAL UX REFINEMENT — 23/09/2026 ===== */ :root{ --v6-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='105,60 111.77,64.89 109.86,74.77 101.75,76.78 98.97,82.5 102.39,90.12 95.79,97.72 87.77,95.41 82.5,98.97 81.65,107.28 72.14,110.56 66.34,104.55 60,105 55.11,111.77 45.23,109.86 43.22,101.75 37.5,98.97 29.88,102.39 22.28,95.79 24.59,87.77 21.03,82.5 12.72,81.65 9.44,72.14 15.45,66.34 15,60 8.23,55.11 10.14,45.23 18.25,43.22 21.03,37.5 17.61,29.88 24.21,22.28 32.23,24.59 37.5,21.03 38.35,12.72 47.86,9.44 53.66,15.45 60,15 64.89,8.23 74.77,10.14 76.78,18.25 82.5,21.03 90.12,17.61 97.72,24.21 95.41,32.23 98.97,37.5 107.28,38.35 110.56,47.86 104.55,53.66' fill='black'/%3E%3C/svg%3E"); } /* HOME HERO: mesma régua do hero da página Segmentos. */ .home-page .hero{min-height:690px;padding-top:76px;} .home-page .hero-slides{height:614px;} .home-page .hero-content{align-items:center!important;} .home-page .hero-copy{ display:block!important;width:min(100%,900px)!important;max-width:900px!important;min-height:0!important; padding:92px 0 76px!important;transform:translateY(14px);color:#fff; } .home-page .hero-slide.is-active .hero-copy{transform:none;} .home-page .hero-copy .eyebrow{margin:0 0 18px;} .home-page .hero-copy h1,.home-page .hero-copy h2{ margin:0 0 18px!important;max-width:900px!important;min-height:0!important; font-size:clamp(2.8rem,5.1vw,5.2rem)!important;line-height:1.075!important;letter-spacing:-.024em!important; } .home-page .hero-copy p{margin:0 0 30px!important;max-width:720px!important;min-height:0!important;font-size:clamp(1.03rem,1.5vw,1.22rem)!important;line-height:1.68!important;} .home-page .hero-actions{min-height:50px;align-items:center;} /* Remove o barrado cinza: controles e provas ficam flutuando DENTRO do hero. */ .home-page .hero-bottom{height:auto!important;bottom:20px!important;background:transparent!important;border:0!important;pointer-events:none;} .home-page .hero-bottom-inner{height:auto!important;align-items:flex-end!important;} .home-page .hero-dots{pointer-events:auto;padding:9px 12px;border:1px solid rgba(255,255,255,.10);background:rgba(12,13,14,.70);backdrop-filter:blur(10px);border-radius:999px;} .home-page .hero-trust{pointer-events:none;display:flex!important;gap:8px!important;align-items:stretch!important;} .home-page .hero-trust-item{min-width:132px;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08);background:rgba(12,13,14,.72);backdrop-filter:blur(10px);border-radius:8px;} .home-page .hero-trust-item b{font-size:.72rem!important;} .home-page .hero-trust-item small{font-size:.62rem!important;} .home-page .hero-trust-icon{width:17px;height:17px;} /* Hierarquia editorial: a anotação fica abaixo do título, e não solta em outra coluna. */ .section-heading.heading-with-note,.clients-head.heading-with-note{display:block!important;max-width:980px!important;margin-bottom:44px!important;} .section-heading.heading-with-note>div,.clients-head.heading-with-note>div{max-width:940px!important;} .section-heading.heading-with-note h2,.clients-head.heading-with-note h2{max-width:920px;margin-bottom:0!important;} .section-heading.heading-with-note .copy-callout,.clients-head.heading-with-note .copy-callout{ max-width:630px!important;margin-top:18px!important;padding:11px 14px 11px 17px!important; border-left:2px solid var(--yellow)!important;border-radius:0 7px 7px 0!important; background:rgba(255,183,27,.045)!important;font-size:.86rem!important;line-height:1.58!important;color:#666a6d!important; } .section-heading.heading-with-note .copy-callout::before,.clients-head.heading-with-note .copy-callout::before{font-size:1.65rem!important;left:4px!important;top:-2px!important;opacity:.55;} .dark-section .section-heading.heading-with-note .copy-callout{background:rgba(255,183,27,.06)!important;color:rgba(255,255,255,.66)!important;} /* Serviços: o corte da foto ganha o mesmo tom-sobre-tom sutil dos cards de contato. */ .service-photo-card{border:1px solid #e5e5e1!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.035);} .service-photo{position:relative!important;display:block!important;overflow:hidden!important;background:#171819!important;} .service-photo::after{content:"";position:absolute;inset:0;background:rgba(18,20,21,.14)!important;pointer-events:none;transition:background .28s ease;} .service-photo-card:hover .service-photo::after{background:rgba(18,20,21,.06)!important;} .service-photo-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(0,0,0,.08)!important;border-color:#d3d3ce!important;} .service-photo img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease!important;} .service-photo-card:hover .service-photo img{transform:scale(1.025)!important;} /* Filete padrão sob Tornearia / Fresagem / Transmissão, Home e Estrutura. */ .machine-label{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;color:var(--yellow)!important;background:none!important;border:0!important;padding:0!important;} .machine-label::after{content:"";display:block;width:30px;height:2px;background:var(--yellow);border-radius:99px;opacity:.92;} /* Logos: cor original sempre, sem grayscale. */ .logo-card img{filter:none!important;opacity:1!important;} /* EMPRESA — foto controlada e cards realmente alinhados. */ .company-story .split-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:70px;align-items:center;} .company-story .media-wide{width:100%;max-width:560px;justify-self:end;border-radius:16px;} .company-story .media-wide img{aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 50%!important;} .company-values .value-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:14px!important;} .company-values .value-grid article{flex:0 1 calc(33.333% - 10px)!important;min-height:184px!important;padding:24px 22px 22px!important;border-radius:12px!important;} .company-values .value-grid article h3{font-size:1.02rem!important;line-height:1.2!important;margin:0 0 8px!important;} .company-values .value-grid article p{font-size:.84rem!important;line-height:1.55!important;} .value-icon{width:22px!important;height:22px!important;margin:0 0 17px!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--yellow)!important;} .value-icon::before{width:21px!important;height:21px!important;} /* Uma engrenagem única atravessa a área branca e a área escura. */ .company-story{position:relative!important;overflow:visible!important;z-index:2;} .company-story::after{content:"";position:absolute;width:430px;height:430px;right:-118px;bottom:-215px;background:var(--yellow);opacity:.13;-webkit-mask:var(--v6-gear) center/contain no-repeat;mask:var(--v6-gear) center/contain no-repeat;animation:v6GearSpin 48s linear infinite;pointer-events:none;z-index:4;} .company-values{position:relative;z-index:1;overflow:hidden!important;} .company-values.gear-watermark-section::after{display:none!important;} .mission-section.gear-watermark-section::after{width:390px!important;height:390px!important;left:-130px!important;right:auto!important;opacity:.09!important;background:var(--yellow)!important;-webkit-mask:var(--v6-gear) center/contain no-repeat!important;mask:var(--v6-gear) center/contain no-repeat!important;} @keyframes v6GearSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}} /* ESTRUTURA — enquadramento deliberado, não crop aleatório. */ .structure-page .machine-grid{align-items:stretch;} .structure-page .machine-card{border-radius:14px!important;display:flex;flex-direction:column;} .structure-page .machine-image{height:285px!important;aspect-ratio:auto!important;display:grid;place-items:center;padding:14px!important;background:#17191a!important;} .structure-page .machine-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:8px!important;background:#17191a!important;} .structure-page .machine-copy{flex:1;padding:23px 24px 26px!important;} .structure-page .structure-solution .split-grid{align-items:center!important;} .structure-page .structure-solution .media-wide{max-width:620px;width:100%;} .structure-page .structure-solution .media-wide img{aspect-ratio:16/10!important;object-fit:cover!important;object-position:center 58%!important;} /* TRABALHOS — só a apresentação editorial; galeria não é alterada. */ body.works-page .section-heading.heading-with-note{max-width:960px!important;} /* SEGMENTOS — foto real como marca d'água de verdade, bem leve. */ .segments-page .segment-detail{position:relative!important;min-height:285px!important;background:#f7f7f4!important;color:#1d1d1d!important;border:1px solid #dfdfda!important;overflow:hidden!important;} .segments-page .segment-detail::before{content:""!important;position:absolute!important;inset:0!important;background-image:var(--segment-bg)!important;background-size:cover!important;background-position:center!important;opacity:.075!important;filter:saturate(.72) contrast(.92)!important;transform:scale(1.015)!important;transition:opacity .3s ease,transform .4s ease!important;} .segments-page .segment-detail::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:rgba(247,247,244,.20)!important;pointer-events:none;} .segments-page .segment-detail>*{position:relative!important;z-index:2!important;} .segments-page .segment-detail:hover::before{opacity:.11!important;transform:scale(1.03)!important;} .segments-page .segment-detail h2{color:#1e1f20!important;} .segments-page .segment-detail p{color:#555a5e!important;} .segments-page .segment-detail .text-link{color:#1e1f20!important;} .segments-page .cta-bg{background-position:68% 66%!important;} /* CONTATO — somente o pictograma amarelo, sem círculo. */ .contact-cards>a,.contact-cards>button,.contact-cards>div{position:relative!important;padding-left:62px!important;} .contact-icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;margin:0!important;background:var(--yellow)!important;border:0!important;border-radius:0!important;} .contact-icon::before{display:none!important;} .icon-whatsapp-contact{-webkit-mask:var(--icon-whatsapp) center/contain no-repeat!important;mask:var(--icon-whatsapp) center/contain no-repeat!important;} .icon-phone-contact{-webkit-mask:var(--icon-phone) center/contain no-repeat!important;mask:var(--icon-phone) center/contain no-repeat!important;} .icon-location-contact{-webkit-mask:var(--icon-location) center/contain no-repeat!important;mask:var(--icon-location) center/contain no-repeat!important;} .icon-clock-contact{-webkit-mask:var(--icon-clock) center/contain no-repeat!important;mask:var(--icon-clock) center/contain no-repeat!important;} /* WhatsApp flutuante oficial. */ .floating-whatsapp{background:#25D366!important;color:#fff!important;border-color:#25D366!important;} .floating-whatsapp:hover{background:#1fbd59!important;color:#fff!important;} /* Rodapé com engrenagem mais perceptível, ainda sutil. */ .site-footer{position:relative!important;overflow:hidden!important;} .site-footer::before{content:"";position:absolute;width:450px;height:450px;right:-120px;bottom:-185px;background:var(--yellow)!important;opacity:.085!important;-webkit-mask:var(--v6-gear) center/contain no-repeat!important;mask:var(--v6-gear) center/contain no-repeat!important;animation:v6GearSpin 62s linear infinite;pointer-events:none;} .site-footer>.container{position:relative;z-index:1;} @media(max-width:1060px){ .home-page .hero-trust-item{min-width:120px;} .home-page .hero-trust-item:nth-child(2){display:none!important;} .company-values .value-grid article{flex-basis:calc(50% - 8px)!important;} } @media(max-width:860px){ .home-page .hero{min-height:650px;padding-top:68px;} .home-page .hero-slides{height:582px;} .home-page .hero-content{align-items:flex-end!important;} .home-page .hero-copy{padding:145px 0 82px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.5rem,8.5vw,4rem)!important;} .home-page .hero-bottom{bottom:14px!important;} .home-page .hero-trust{display:none!important;} .section-heading.heading-with-note,.clients-head.heading-with-note{max-width:100%!important;margin-bottom:34px!important;} .section-heading.heading-with-note .copy-callout,.clients-head.heading-with-note .copy-callout{max-width:100%!important;} .company-story .split-grid{grid-template-columns:1fr;gap:38px;} .company-story .media-wide{max-width:100%;justify-self:stretch;} .company-story::after{width:300px;height:300px;right:-125px;bottom:-150px;opacity:.10;} .structure-page .machine-image{height:260px!important;} } @media(max-width:620px){ .home-page .hero-copy{padding:130px 0 78px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.18rem,10.5vw,3.25rem)!important;} .home-page .hero-dots{padding:8px 10px;} .company-values .value-grid article{flex-basis:100%!important;min-height:0!important;} .structure-page .machine-image{height:235px!important;} .site-footer::before{width:320px;height:320px;right:-135px;bottom:-120px;} } @media(prefers-reduced-motion:reduce){.company-story::after,.site-footer::before{animation:none!important;}} /* V6 icon masks: variáveis globais para funcionar também fora dos botões. */ :root{ --v6-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.149-.198.198-.767.967-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.008-.372-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.693.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884a9.821 9.821 0 0 1 6.988 2.895 9.825 9.825 0 0 1 2.893 6.99c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E"); --v6-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.22.2 2.42.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E"); --v6-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E"); --v6-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 11h5v-2h-4V6h-2v7Z'/%3E%3C/svg%3E"); } .trust-mini-calendar{--trust-icon:var(--v6-clock)!important}.trust-mini-gear{--trust-icon:var(--v6-gear)!important}.trust-mini-location{--trust-icon:var(--v6-pin)!important}.trust-mini-contact{--trust-icon:var(--v6-wa)!important} .icon-whatsapp-contact{-webkit-mask:var(--v6-wa) center/contain no-repeat!important;mask:var(--v6-wa) center/contain no-repeat!important} .icon-phone-contact{-webkit-mask:var(--v6-phone) center/contain no-repeat!important;mask:var(--v6-phone) center/contain no-repeat!important} .icon-location-contact{-webkit-mask:var(--v6-pin) center/contain no-repeat!important;mask:var(--v6-pin) center/contain no-repeat!important} .icon-clock-contact{-webkit-mask:var(--v6-clock) center/contain no-repeat!important;mask:var(--v6-clock) center/contain no-repeat!important} /* LIGHTBOX_ASPECT_FIX_V7 */ .lightbox{overflow:auto;} .lightbox img{display:block!important;width:auto!important;height:auto!important;max-width:min(94vw,1600px)!important;max-height:88vh!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;} .hero-slide,.internal-hero-bg{background-repeat:no-repeat!important;background-size:cover!important;} /* ===== V8 FULL-SITE QA / REFINAMENTO FINAL ===== */ :root{ --metal-gear:url('/assets/logos/gear-metal-outline.svg'); } /* Tipografia e ritmo global */ h1,h2,h3{font-kerning:normal;text-wrap:balance;} h1{line-height:1.07!important;letter-spacing:-.035em!important;} h2{line-height:1.11!important;letter-spacing:-.03em!important;} h3{line-height:1.22!important;letter-spacing:-.018em!important;} p{line-height:1.68;} .section{padding-top:88px;padding-bottom:88px;} .section-heading{margin-bottom:38px;} .section-heading h2,.clients-head h2{max-width:880px;} /* Header e logo: interação premium sem mover o TA/texto. A engrenagem gira dentro do próprio SVG. */ .brand{transition:transform .28s ease,filter .28s ease;transform-origin:left center;} .brand:hover,.brand:focus-visible{transform:scale(1.035);filter:drop-shadow(0 5px 12px rgba(210,216,220,.18));} .brand img{transition:filter .28s ease;} .brand:focus-visible{outline:2px solid var(--yellow);outline-offset:5px;border-radius:6px;} /* Heros usam IMG real, não dependem de background-image. */ .hero-slide,.internal-hero-bg{background-image:none!important;overflow:hidden;} .hero-slide-image,.internal-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none;user-select:none;} .hero-slide-image{z-index:0;transition:transform 6s ease;transform:scale(1.025);} .hero-slide.is-active .hero-slide-image{transform:scale(1);} .hero-overlay,.internal-hero-overlay{z-index:1;} .hero-content,.internal-hero-content{position:relative;z-index:2;} .hero-overlay{background:linear-gradient(90deg,rgba(7,8,9,.91) 0%,rgba(7,8,9,.78) 38%,rgba(7,8,9,.40) 69%,rgba(7,8,9,.24) 100%)!important;} .internal-hero-overlay{background:linear-gradient(90deg,rgba(7,8,9,.92) 0%,rgba(7,8,9,.78) 42%,rgba(7,8,9,.38) 72%,rgba(7,8,9,.26) 100%)!important;} .home-page .hero-slide:nth-child(1) .hero-slide-image{object-position:center 54%;} .home-page .hero-slide:nth-child(2) .hero-slide-image{object-position:62% 52%;} .home-page .hero-slide:nth-child(3) .hero-slide-image{object-position:center 46%;} .internal-hero{min-height:540px;} .internal-hero-content{padding-top:126px;padding-bottom:78px;max-width:1180px;} .internal-hero-content>p{max-width:700px;font-size:1.08rem;} .internal-hero h1{max-width:820px;font-size:clamp(2.9rem,5.2vw,5rem);} /* Ações: amarelo fica reservado a conversão pelo WhatsApp. */ .btn-primary{background:var(--yellow)!important;color:#111!important;border-color:var(--yellow)!important;} .btn-primary:hover{background:#ffc54b!important;border-color:#ffc54b!important;transform:translateY(-2px);} .btn-secondary{background:linear-gradient(180deg,#4b5054,#34383c)!important;color:#fff!important;border-color:#555b60!important;} .btn-secondary:hover{background:linear-gradient(180deg,#5a6065,#40454a)!important;border-color:#666d72!important;transform:translateY(-2px);} /* Callouts/citações: discretos, conectados ao título, nunca soltos. */ .section-heading.heading-with-note,.clients-head.heading-with-note{max-width:980px!important;margin-bottom:42px!important;} .copy-callout,.compact-callout{ max-width:620px!important;margin-top:16px!important;padding:10px 14px 10px 17px!important; border-left:2px solid var(--yellow)!important;border-radius:0 6px 6px 0!important; background:linear-gradient(90deg,rgba(255,183,27,.07),rgba(255,183,27,.018))!important; color:#686c6f!important;font-size:.88rem!important;line-height:1.58!important; } .copy-callout::before{display:none!important;} .dark-section .copy-callout{color:rgba(255,255,255,.7)!important;background:linear-gradient(90deg,rgba(255,183,27,.095),rgba(255,183,27,.025))!important;} /* Cards de serviços: tom-sobre-tom, imagem sem corte seco e textos completos. */ .service-photo-card{overflow:hidden;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfbfa)!important;border:1px solid #e5e5e2!important;box-shadow:0 10px 28px rgba(0,0,0,.045);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;} .service-photo-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.085);border-color:#d4d4cf!important;} .service-photo{position:relative;overflow:hidden;background:#151617;} .service-photo img{transition:transform .45s ease,filter .35s ease;} .service-photo::after{background:rgba(18,20,21,.105)!important;transition:background .3s ease;} .service-photo-card:hover .service-photo img{transform:scale(1.035);filter:contrast(1.025);} .service-photo-card:hover .service-photo::after{background:rgba(18,20,21,.035)!important;} .service-photo-copy{padding:23px 23px 25px!important;} .service-photo-copy p{font-size:.91rem!important;line-height:1.62!important;} /* Home: foto institucional correta e melhor proporção. */ .home-page .refined-institutional .media-person{max-width:520px!important;justify-self:end;} .home-page .refined-institutional .media-person img{aspect-ratio:4/3!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center 52%!important;border-radius:14px!important;} /* Processo: cards menores e com hierarquia consistente. */ .process-grid{gap:14px!important;align-items:stretch;} .process-grid article{min-height:180px!important;padding:25px 22px!important;border-radius:12px!important;border:1px solid #e3e3df!important;box-shadow:0 8px 24px rgba(0,0,0,.035);} .process-grid article span{color:var(--yellow-dark)!important;} .process-grid article h3{margin-top:12px!important;} /* Máquina/estrutura: enquadramento sem deformação. */ .structure-page .machine-image{height:300px!important;padding:12px!important;background:#17191a!important;} .structure-page .machine-image img{object-fit:contain!important;object-position:center!important;background:#17191a!important;border-radius:8px!important;} .machine-label::before{display:none!important;} .machine-label::after{display:block!important;width:28px!important;height:2px!important;margin-top:8px!important;background:var(--yellow)!important;} .structure-page .structure-solution .split-grid{gap:64px!important;} .structure-page .structure-solution .media-wide{max-width:600px!important;} .structure-page .structure-solution .media-wide img{aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important;border-radius:14px!important;} /* Galeria Home: composição editorial sem buracos. */ .home-page .gallery{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(2,260px)!important;gap:12px!important;} .home-page .gallery .gallery-item{grid-column:auto!important;grid-row:auto!important;min-height:0!important;} .home-page .gallery .gallery-item:nth-child(1){grid-column:1/7!important;grid-row:1/3!important;} .home-page .gallery .gallery-item:nth-child(2){grid-column:7/10!important;grid-row:1!important;} .home-page .gallery .gallery-item:nth-child(3){grid-column:10/13!important;grid-row:1!important;} .home-page .gallery .gallery-item:nth-child(4){grid-column:7/10!important;grid-row:2!important;} .home-page .gallery .gallery-item:nth-child(5){grid-column:10/13!important;grid-row:2!important;} .home-page .gallery-item img{object-fit:cover!important;} /* Marcas: maior presença, sempre coloridas, carrossel contínuo. */ .logo-marquee{overflow:hidden;padding:8px 0 4px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);} .logo-track{gap:14px!important;animation-duration:34s!important;} .logo-set{gap:14px!important;} .logo-card{width:190px!important;min-width:190px!important;height:112px!important;padding:19px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 22px rgba(0,0,0,.035);} .logo-card img{filter:none!important;opacity:1!important;object-fit:contain!important;} /* Segmentos: imagens setoriais como marca d'água discreta. */ .segments-page .segment-detail::before{opacity:.095!important;filter:saturate(.7) contrast(.94)!important;} .segments-page .segment-detail:hover::before{opacity:.13!important;} /* Empresa: valores mais compactos e alinhados. */ .company-values .value-grid article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:178px!important;} .value-icon{width:22px!important;height:22px!important;background:transparent!important;border:0!important;margin-bottom:16px!important;} .value-icon::before{width:21px!important;height:21px!important;} .company-values .value-grid article p{margin-top:auto!important;} /* Engrenagens decorativas: mesmo desenho de dentes da logo, vazadas e metálicas. */ .company-story::after,.mission-section::before,.mission-section::after,.gear-watermark-section::after,.site-footer::before{ background:var(--metal-gear) center/contain no-repeat!important; -webkit-mask:none!important;mask:none!important;border:0!important;border-radius:0!important; opacity:.16!important;filter:none!important;pointer-events:none!important; } .company-story::after{width:430px!important;height:430px!important;right:-115px!important;bottom:-215px!important;animation:v8GearSpin 56s linear infinite!important;} .mission-section::before{width:360px!important;height:360px!important;right:-120px!important;top:-125px!important;animation:v8GearSpin 58s linear infinite!important;} .mission-section::after{width:420px!important;height:420px!important;left:-155px!important;bottom:-180px!important;animation:v8GearSpin 72s linear infinite reverse!important;} .mission-section.gear-watermark-section::after{background:var(--metal-gear) center/contain no-repeat!important;opacity:.13!important;} .site-footer::before{width:430px!important;height:430px!important;right:-110px!important;bottom:-165px!important;opacity:.13!important;animation:v8GearSpin 68s linear infinite!important;} @keyframes v8GearSpin{to{transform:rotate(360deg)}} /* CTA e rodapé: menos massa escura e melhor equilíbrio. */ .cta-inner{min-height:310px!important;} .site-footer{padding:54px 0 22px!important;} .footer-main{grid-template-columns:1.45fr .8fr .8fr .85fr!important;gap:44px!important;align-items:start!important;} .footer-brand img{width:205px!important;} .footer-bottom{margin-top:34px!important;padding-right:155px;} /* Lightbox: proporção ORIGINAL, sem esticar qualquer foto. */ .lightbox{overflow:auto!important;padding:58px 28px!important;} .lightbox img{width:auto!important;height:auto!important;max-width:min(94vw,1600px)!important;max-height:86vh!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;background:#111;} /* FAQ mais compacto e equilibrado. */ .faq-grid{grid-template-columns:.72fr 1.28fr!important;gap:54px!important;align-items:start!important;} .faq-list details{padding:2px 0!important;} /* Mobile: composição própria, não simples redução do desktop. */ @media(max-width:860px){ .section{padding-top:66px;padding-bottom:66px;} .hero,.internal-hero{min-height:610px!important;padding-top:68px!important;} .hero-slide-image,.internal-hero-image{object-position:60% center;} .home-page .hero-slide:nth-child(1) .hero-slide-image{object-position:60% center!important;} .home-page .hero-slide:nth-child(2) .hero-slide-image{object-position:61% center!important;} .home-page .hero-slide:nth-child(3) .hero-slide-image{object-position:56% center!important;} .hero-overlay,.internal-hero-overlay{background:linear-gradient(180deg,rgba(7,8,9,.56) 0%,rgba(7,8,9,.72) 36%,rgba(7,8,9,.94) 100%)!important;} .internal-hero-content{padding-top:122px!important;padding-bottom:68px!important;align-self:flex-end;} .internal-hero h1{font-size:clamp(2.4rem,10.5vw,3.55rem)!important;max-width:100%!important;} .internal-hero-content>p{font-size:.98rem!important;line-height:1.62!important;} .internal-hero .hero-actions,.home-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;max-width:420px!important;} .internal-hero .btn,.home-page .hero-actions .btn{padding:12px 10px!important;font-size:.78rem!important;justify-content:center!important;} .home-page .hero-bottom{bottom:13px!important;} .home-page .hero-trust{display:none!important;} .home-page .gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:9px!important;} .home-page .gallery .gallery-item:nth-child(n){grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important;} .home-page .gallery .gallery-item:nth-child(1){grid-column:1/3!important;aspect-ratio:16/10!important;} .logo-card{width:155px!important;min-width:155px!important;height:96px!important;padding:15px!important;} .faq-grid{grid-template-columns:1fr!important;gap:30px!important;} .footer-main{grid-template-columns:1fr 1fr!important;gap:34px 24px!important;} .footer-brand{grid-column:1/3!important;} .footer-bottom{padding-right:0!important;margin-top:28px!important;padding-bottom:8px!important;} .floating-whatsapp{display:none!important;} .company-story::after{width:300px!important;height:300px!important;right:-135px!important;bottom:-145px!important;opacity:.12!important;} .mission-section::before{width:250px!important;height:250px!important;right:-110px!important;top:-90px!important;} .mission-section::after{width:290px!important;height:290px!important;left:-125px!important;bottom:-110px!important;} } @media(max-width:620px){ .container{width:min(calc(100% - 28px),var(--max));} .section{padding-top:56px;padding-bottom:56px;} .home-page .hero-copy{padding:122px 0 80px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.2rem,10.7vw,3.2rem)!important;line-height:1.04!important;} .home-page .hero-copy p{font-size:.96rem!important;line-height:1.6!important;} .internal-hero .hero-actions,.home-page .hero-actions{grid-template-columns:1fr!important;max-width:300px!important;} .service-photo-grid{gap:14px!important;} .service-photo-copy{padding:20px!important;} .footer-main{grid-template-columns:1fr!important;} .footer-brand{grid-column:auto!important;} .site-footer::before{width:300px!important;height:300px!important;right:-130px!important;bottom:-105px!important;opacity:.1!important;} } @media(prefers-reduced-motion:reduce){ .company-story::after,.mission-section::before,.mission-section::after,.gear-watermark-section::after,.site-footer::before{animation:none!important;} .brand:hover,.brand:focus-visible{transform:none!important;} } /* ===== V8.1 HEADER LOGO STACK + CONTENT CLEANUP ===== */ .brand{height:62px;display:flex;align-items:center;} .brand-logo-stack{position:relative;display:block;width:240px;aspect-ratio:380/122;} .brand-logo-core{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;z-index:2;} .brand-logo-gear{position:absolute;left:.2%;top:50%;width:31.6%!important;height:auto!important;transform:translateY(-50%) rotate(0deg);transform-origin:50% 50%;z-index:1;animation:v8HeaderGear 28s linear infinite;filter:drop-shadow(0 2px 2px rgba(0,0,0,.26));transition:filter .25s ease;} .brand:hover .brand-logo-gear,.brand:focus-visible .brand-logo-gear{animation-duration:8s;filter:drop-shadow(0 3px 6px rgba(210,216,220,.28)) brightness(1.08);} @keyframes v8HeaderGear{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}} /* Serviço e home: todos os resumos terminam naturalmente, sem reticências artificiais. */ .service-photo-copy p{min-height:4.55em;} /* Blocos escuros e claros com mesma régua de respiro. */ .dark-section.section,.projects.section,.clients-section.section,.location-section.section,.faq-section.section{padding-top:84px!important;padding-bottom:84px!important;} .refined-institutional .split-grid,.structure-solution .split-grid{align-items:center!important;} /* Os detalhes de linha amarela nos títulos de processo ficam discretos. */ .machine-label{letter-spacing:.12em!important;text-transform:uppercase!important;font-size:.7rem!important;font-weight:850!important;} @media(max-width:860px){ .brand{height:56px;width:188px;flex-basis:188px;} .brand-logo-stack{width:188px;} .dark-section.section,.projects.section,.clients-section.section,.location-section.section,.faq-section.section{padding-top:62px!important;padding-bottom:62px!important;} } @media(prefers-reduced-motion:reduce){.brand-logo-gear{animation:none!important}.brand:hover .brand-logo-gear,.brand:focus-visible .brand-logo-gear{animation:none!important}} /* ============================================================ V9 — PENTE-FINO UX/UI DEFINITIVO — 24/09/2026 Direção: industrial premium, minimalista, consistente e responsiva. ============================================================ */ :root{ --v9-metal-gear:url('/assets/logos/gear-metal-outline.svg'); --v9-card:#1b1d1f; --v9-card-2:#212326; --v9-line:rgba(255,255,255,.09); --v9-shadow:0 20px 48px rgba(0,0,0,.11); } /* Tipografia: mesma régua em todas as páginas. */ .v9-site h1,.v9-site h2,.v9-site h3{ text-wrap:balance; } .v9-site h1,.v9-site h2{ letter-spacing:-.032em!important; } .v9-site p{ letter-spacing:.001em; } .section-heading h2,.clients-head h2,.split-copy h2,.location-copy h2,.cta-inner h2{ line-height:1.055!important; } /* Header: logo interativa sem mexer no TA/nome. */ .brand{transition:transform .25s ease,filter .25s ease; transform-origin:left center;} .brand:hover,.brand:focus-visible{transform:scale(1.035);filter:drop-shadow(0 5px 13px rgba(210,216,220,.17));} .brand-logo-gear{animation-duration:34s!important;} .brand:hover .brand-logo-gear,.brand:focus-visible .brand-logo-gear{animation-duration:8s!important;filter:drop-shadow(0 3px 7px rgba(220,226,230,.30)) brightness(1.1)!important;} /* HOME HERO: grade fixa. Nada muda de posição entre slides. */ .home-page .hero{min-height:690px!important;padding-top:76px!important;} .home-page .hero-slides{height:614px!important;} .home-page .hero-content{height:100%!important;align-items:flex-start!important;} .home-page .hero-copy{ width:min(100%,780px)!important;max-width:780px!important;height:470px!important;min-height:470px!important; padding:102px 0 0!important;margin:0!important;display:grid!important; grid-template-rows:30px 218px 90px 54px!important;align-content:start!important; } .home-page .hero-copy .eyebrow{margin:0!important;align-self:start!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ margin:0!important;align-self:start!important;max-width:760px!important;min-height:0!important; font-size:clamp(3rem,4.65vw,4.25rem)!important;line-height:1.03!important;letter-spacing:-.034em!important; } .home-page .hero-copy p{ margin:0!important;padding:3px 0 0!important;align-self:start!important;max-width:675px!important; font-size:clamp(1.02rem,1.25vw,1.16rem)!important;line-height:1.62!important; } .home-page .hero-actions{height:54px!important;min-height:54px!important;margin:0!important;align-self:start!important;display:flex!important;gap:10px!important;} .home-page .hero-actions .btn{min-width:202px!important;height:50px!important;} .home-page .hero-bottom{bottom:16px!important;} .home-page .hero-dots{padding:8px 11px!important;} .home-page .hero-trust-item{min-width:126px!important;padding:9px 11px!important;} /* Heros internos: imagem sempre visível e mesma composição. */ .internal-hero{min-height:550px!important;padding-top:76px!important;background:#111!important;} .internal-hero-bg,.internal-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;} .internal-hero-image{object-fit:cover!important;object-position:center!important;} .internal-hero-overlay{background:linear-gradient(90deg,rgba(7,8,9,.93) 0%,rgba(7,8,9,.78) 48%,rgba(7,8,9,.30) 100%)!important;} .internal-hero-content{padding:118px 0 80px!important;} .internal-hero h1{max-width:850px!important;font-size:clamp(3rem,4.8vw,4.8rem)!important;line-height:1.035!important;margin:16px 0 18px!important;} .internal-hero p{max-width:700px!important;line-height:1.62!important;margin-bottom:28px!important;} .internal-hero .hero-actions{display:flex!important;gap:10px!important;} .internal-hero .hero-actions .btn{min-width:202px!important;} .company-page .internal-hero-image{object-position:center 58%!important;} .structure-page .internal-hero-image{object-position:center 50%!important;} .works-page .internal-hero-image{object-position:center 50%!important;} .segments-page .internal-hero-image{object-position:center 48%!important;} .contact-page .internal-hero-image{object-position:center 52%!important;} /* Citações/anotações: discretas, abaixo do título, integradas ao layout. */ .heading-with-note,.clients-head.heading-with-note{display:block!important;max-width:960px!important;margin-bottom:38px!important;} .heading-with-note>div,.clients-head.heading-with-note>div{max-width:900px!important;} .copy-callout,.compact-callout{ position:relative!important;max-width:650px!important;margin-top:16px!important;padding:10px 14px 10px 17px!important; border-left:2px solid var(--yellow)!important;border-radius:0 6px 6px 0!important; background:rgba(255,183,27,.045)!important;box-shadow:none!important; color:#666b6f!important;font-size:.86rem!important;line-height:1.58!important; } .copy-callout::before{display:none!important;} .dark-section .copy-callout,.callout-dark.copy-callout{background:rgba(255,183,27,.07)!important;color:rgba(255,255,255,.69)!important;} /* Efeito premium de reflexo rápido (sheen) em cards aprovados. */ .v9-sheen-card,.v9-interactive-card{position:relative!important;overflow:hidden!important;} .v9-sheen-card::before,.v9-interactive-card::before{ content:"";position:absolute;z-index:8;top:-70%;left:-45%;width:24%;height:240%;pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:rotate(18deg) translateX(-260%);transition:transform .68s cubic-bezier(.22,.7,.18,1); } .v9-sheen-card:hover::before,.v9-interactive-card:hover::before{transform:rotate(18deg) translateX(690%);} /* HOME: imagem + texto equilibrados, sem blocos vazios. */ .refined-institutional{position:relative;overflow:hidden;} .refined-institutional .split-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr)!important;gap:62px!important;align-items:center!important;} .refined-institutional .v9-balanced-media{width:100%!important;max-width:500px!important;justify-self:end!important;background:transparent!important;border:0!important;border-radius:16px!important;box-shadow:0 24px 58px rgba(0,0,0,.24)!important;overflow:hidden!important;} .refined-institutional .v9-balanced-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 54%!important;border-radius:16px!important;} .refined-institutional .split-copy{max-width:650px;} .refined-institutional::after{ content:"";position:absolute;width:390px;height:390px;right:-120px;bottom:-155px;background:var(--v9-metal-gear) center/contain no-repeat; opacity:.16;animation:v9GearSpin 64s linear infinite;pointer-events:none; } /* Processo: cards mais coerentes e com peso visual proporcional. */ .process-grid{gap:14px!important;} .process-grid article{min-height:190px!important;padding:26px!important;border-radius:14px!important;background:#fff!important;} .process-grid article>span{color:var(--yellow-dark)!important;} /* Estrutura/Home: cards modernos, imagem integrada, sem moldura grossa. */ .machine-grid{gap:16px!important;} .machine-card,.v9-machine-card{ background:linear-gradient(180deg,#202224 0%,#181a1b 100%)!important;border:1px solid rgba(255,255,255,.085)!important; border-radius:17px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.09)!important; transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important; } .machine-card:hover,.v9-machine-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 48px rgba(0,0,0,.17)!important;border-color:rgba(255,183,27,.28)!important;} .machine-image,.v9-machine-media{height:265px!important;padding:0!important;background:#151617!important;overflow:hidden!important;display:block!important;} .machine-image img,.v9-machine-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;transition:transform .55s ease!important;} .machine-card:hover .machine-image img{transform:scale(1.025)!important;} .machine-card:nth-child(1) .machine-image img{object-position:center 46%!important;} .machine-card:nth-child(2) .machine-image img{object-position:center 50%!important;} .machine-card:nth-child(3) .machine-image img{object-position:center 48%!important;} .machine-copy{padding:24px 24px 27px!important;} .machine-copy h3{color:#fff!important;margin:12px 0 8px!important;line-height:1.16!important;} .machine-copy p{color:rgba(255,255,255,.68)!important;margin:0!important;} .machine-label{font-size:.68rem!important;letter-spacing:.13em!important;} .machine-label::after{width:28px!important;height:2px!important;} /* Empresa: menos corredor branco e melhor relação texto/imagem. */ .company-story{padding-top:76px!important;padding-bottom:76px!important;} .company-story .split-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)!important;gap:58px!important;align-items:center!important;} .company-story .v9-balanced-media{max-width:500px!important;width:100%!important;justify-self:end!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;} .company-story .v9-balanced-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 53%!important;border-radius:16px!important;} .company-story::after{ content:""!important;position:absolute!important;width:360px!important;height:360px!important;right:-122px!important;bottom:-178px!important; background:var(--v9-metal-gear) center/contain no-repeat!important;opacity:.14!important;animation:v9GearSpin 62s linear infinite!important; -webkit-mask:none!important;mask:none!important;pointer-events:none!important; } /* Empresa valores: uma faixa única no desktop; cards compactos com sheen. */ .v9-values .value-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;} .v9-values .value-grid article{ min-height:205px!important;padding:24px 22px!important;background:linear-gradient(180deg,#222426,#1c1e20)!important; border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;box-shadow:none!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important; } .v9-values .value-grid article:hover{transform:translateY(-4px)!important;border-color:rgba(255,183,27,.28)!important;box-shadow:0 18px 38px rgba(0,0,0,.16)!important;} .v9-values .value-grid article p{margin-top:auto!important;color:rgba(255,255,255,.67)!important;} .value-icon{margin-bottom:18px!important;} /* Missão/visão/atuação: mais limpa e com engrenagens metálicas. */ .v9-mission{position:relative;overflow:hidden;background:#f5f5f2!important;} .v9-mission .three-columns{gap:16px!important;} .v9-mission .three-columns article{min-height:300px!important;padding:30px!important;border-radius:15px!important;background:rgba(255,255,255,.88)!important;border:1px solid #e4e4df!important;box-shadow:0 14px 34px rgba(0,0,0,.055)!important;} .v9-mission::before,.v9-mission::after{ content:""!important;position:absolute!important;background:var(--v9-metal-gear) center/contain no-repeat!important;opacity:.10!important;pointer-events:none!important; -webkit-mask:none!important;mask:none!important;border:0!important;border-radius:0!important; } .v9-mission::before{width:310px!important;height:310px!important;right:-105px!important;top:-90px!important;animation:v9GearSpin 66s linear infinite!important;} .v9-mission::after{width:360px!important;height:360px!important;left:-135px!important;bottom:-150px!important;animation:v9GearSpin 78s linear infinite reverse!important;} /* Estrutura: solução compacta, editorial, com gear metálico ao fundo. */ .v9-structure-solution{position:relative;overflow:hidden;padding-top:78px!important;padding-bottom:78px!important;} .v9-structure-solution .split-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;gap:58px!important;align-items:center!important;} .v9-structure-solution-media{width:100%!important;max-width:470px!important;justify-self:start!important;background:transparent!important;border:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 24px 54px rgba(0,0,0,.22)!important;} .v9-structure-solution-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 50%!important;border-radius:16px!important;} .v9-structure-solution::after{ content:"";position:absolute;width:420px;height:420px;right:-135px;top:50%;transform:translateY(-50%); background:var(--v9-metal-gear) center/contain no-repeat;opacity:.15;animation:v9GearSpinCenter 70s linear infinite;pointer-events:none; } .v9-structure-solution .split-copy{position:relative;z-index:2;max-width:640px;} /* Trabalhos: preservar grade; abrir sem distorção e com hover refinado. */ .v9-work-card{border-radius:14px!important;box-shadow:0 10px 26px rgba(0,0,0,.07)!important;transition:transform .25s ease,box-shadow .25s ease!important;} .v9-work-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(0,0,0,.12)!important;} .lightbox img{width:auto!important;height:auto!important;max-width:min(94vw,1600px)!important;max-height:86vh!important;object-fit:contain!important;aspect-ratio:auto!important;} /* Segmentos: sem nota de desenvolvimento; fotos reais mais presentes, ainda elegantes. */ .segments-page main>section.section{background:#f5f5f2!important;padding-top:76px!important;padding-bottom:70px!important;} .segment-detail-grid{gap:18px!important;} .v9-segment-card{ position:relative!important;min-height:285px!important;padding:34px 34px 30px!important;border-radius:16px!important;overflow:hidden!important; background:#f8f8f5!important;border:1px solid #deded9!important;box-shadow:0 10px 28px rgba(0,0,0,.045)!important; transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important; } .v9-segment-card::before{ content:""!important;position:absolute!important;inset:0!important;background-image:var(--segment-bg)!important;background-size:cover!important;background-position:center!important; opacity:.38!important;filter:saturate(.82) contrast(.98)!important;transform:scale(1.01)!important;transition:transform .55s ease,opacity .3s ease!important; } .v9-segment-card::after{ content:""!important;display:block!important;position:absolute!important;inset:0!important; background:linear-gradient(90deg,rgba(249,249,246,.97) 0%,rgba(249,249,246,.91) 43%,rgba(249,249,246,.61) 74%,rgba(249,249,246,.42) 100%)!important; pointer-events:none!important; } .v9-segment-card>*{position:relative!important;z-index:2!important;max-width:66%!important;} .v9-segment-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 46px rgba(0,0,0,.09)!important;border-color:#d3d3cc!important;} .v9-segment-card:hover::before{transform:scale(1.035)!important;opacity:.46!important;} .v9-segment-card h2{margin:9px 0 13px!important;} .v9-segment-card .text-link{margin-top:23px!important;} .segment-closing-note{margin-top:28px!important;} .segment-closing-note p{max-width:740px;margin:0;padding:14px 18px;border-left:3px solid var(--yellow);background:rgba(255,183,27,.07);border-radius:0 8px 8px 0;color:#555a5e;} .segments-page .yellow-band{display:none!important;} .segments-page .v9-compact-cta{margin-top:0!important;} .segments-page .v9-compact-cta .cta-bg{background:linear-gradient(112deg,#0d0e0f,#17191b)!important;opacity:1!important;} .segments-page .v9-compact-cta .cta-inner{min-height:230px!important;padding:42px 0!important;} .segments-page .v9-compact-cta::after{ content:"";position:absolute;width:310px;height:310px;right:7%;top:50%;transform:translateY(-50%); background:var(--v9-metal-gear) center/contain no-repeat;opacity:.10;pointer-events:none; } /* Contato: pictogramas amarelos simples e cards com efeito sutil. */ .v9-contact-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;} .v9-contact-card:hover{transform:translateY(-3px)!important;border-color:rgba(216,148,0,.34)!important;box-shadow:0 14px 30px rgba(0,0,0,.07)!important;} .contact-icon{background:var(--yellow)!important;} /* CTA geral: mais compacto e sem poluição visual. */ .v9-cta{position:relative;overflow:hidden;border-top:1px solid rgba(255,183,27,.45);} .v9-cta .cta-bg{background:linear-gradient(108deg,rgba(12,13,14,.98),rgba(18,19,21,.94))!important;opacity:1!important;} .v9-cta .cta-inner{min-height:250px!important;padding:46px 0!important;position:relative;z-index:2!important;} .v9-cta::after{ content:"";position:absolute;width:330px;height:330px;right:7%;top:50%;transform:translateY(-50%); background:var(--v9-metal-gear) center/contain no-repeat;opacity:.10;pointer-events:none;z-index:1; } .v9-cta .cta-inner h2{max-width:720px!important;font-size:clamp(2.15rem,3.6vw,3.65rem)!important;} .v9-cta .cta-inner p{max-width:650px!important;} /* Rodapé: compacto e engrenagem metálica vazada. */ .v9-footer{position:relative!important;overflow:hidden!important;padding:50px 0 20px!important;} .v9-footer::before{ content:""!important;position:absolute!important;width:390px!important;height:390px!important;right:-125px!important;bottom:-160px!important; background:var(--v9-metal-gear) center/contain no-repeat!important;opacity:.12!important;animation:v9GearSpin 78s linear infinite!important; -webkit-mask:none!important;mask:none!important;pointer-events:none!important; } .v9-footer .footer-main{grid-template-columns:1.45fr .8fr .8fr .85fr!important;gap:40px!important;} .v9-footer .footer-bottom{margin-top:32px!important;padding-top:18px!important;padding-right:145px!important;} /* Marcas: presença melhor sem ficar pesada. */ .v9-clients .logo-marquee{padding:4px 0 10px!important;} .v9-clients .logo-card{width:180px!important;min-width:180px!important;height:104px!important;border:1px solid #ecece8!important;box-shadow:0 8px 22px rgba(0,0,0,.035)!important;} /* Engrenagem metálica vazada em pontos estratégicos (não em todo bloco). */ .v9-gear-section{position:relative;overflow:hidden;} .v9-gear-section:not(.refined-institutional):not(.v9-structure-solution):not(.v9-cta)::after{ content:"";position:absolute;width:350px;height:350px;right:-125px;bottom:-140px;background:var(--v9-metal-gear) center/contain no-repeat; opacity:.10;animation:v9GearSpin 72s linear infinite;pointer-events:none; } .v9-gear-section>.container{position:relative;z-index:2;} @keyframes v9GearSpin{to{transform:rotate(360deg)}} @keyframes v9GearSpinCenter{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}} /* WhatsApp flutuante: oficial e acima de tudo, sem encobrir footer no mobile. */ .floating-whatsapp{background:#25D366!important;color:#fff!important;} .floating-whatsapp:hover{background:#1fbd59!important;} /* Mobile: composição específica. */ @media(max-width:1100px){ .v9-values .value-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .home-page .hero-trust-item:nth-child(2){display:none!important;} } @media(max-width:860px){ .brand:hover,.brand:focus-visible{transform:none;} .home-page .hero{min-height:620px!important;padding-top:68px!important;} .home-page .hero-slides{height:552px!important;} .home-page .hero-copy{height:auto!important;min-height:0!important;padding:118px 0 88px!important;display:block!important;} .home-page .hero-copy .eyebrow{margin-bottom:14px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.45rem,8.8vw,3.7rem)!important;margin-bottom:16px!important;} .home-page .hero-copy p{margin-bottom:24px!important;} .home-page .hero-actions{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;max-width:430px!important;} .home-page .hero-actions .btn{min-width:0!important;width:100%!important;} .home-page .hero-trust{display:none!important;} .internal-hero{min-height:570px!important;padding-top:68px!important;align-items:flex-end!important;} .internal-hero-overlay{background:linear-gradient(180deg,rgba(7,8,9,.35) 0%,rgba(7,8,9,.58) 40%,rgba(7,8,9,.95) 100%)!important;} .internal-hero-content{padding:145px 0 55px!important;} .internal-hero h1{font-size:clamp(2.45rem,8.7vw,3.8rem)!important;max-width:100%!important;} .internal-hero .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;max-width:430px!important;} .internal-hero .hero-actions .btn{min-width:0!important;width:100%!important;} .refined-institutional .split-grid,.company-story .split-grid,.v9-structure-solution .split-grid{grid-template-columns:1fr!important;gap:34px!important;} .refined-institutional .v9-balanced-media,.company-story .v9-balanced-media,.v9-structure-solution-media{max-width:620px!important;justify-self:stretch!important;} .refined-institutional .v9-balanced-media{order:2;} .v9-values .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .v9-mission .three-columns{grid-template-columns:1fr!important;} .machine-grid{grid-template-columns:1fr!important;} .machine-image,.v9-machine-media{height:auto!important;aspect-ratio:16/10!important;} .segment-detail-grid{grid-template-columns:1fr!important;} .v9-segment-card>*{max-width:75%!important;} .v9-footer .footer-main{grid-template-columns:1fr 1fr!important;gap:32px 22px!important;} .v9-footer .footer-brand{grid-column:1/3!important;} .v9-footer .footer-bottom{padding-right:0!important;} .v9-cta::after,.segments-page .v9-compact-cta::after{right:-90px!important;opacity:.07!important;} } @media(max-width:620px){ .home-page .hero{min-height:650px!important;} .home-page .hero-slides{height:582px!important;} .home-page .hero-copy{padding:120px 0 100px!important;} .home-page .hero-actions,.internal-hero .hero-actions{grid-template-columns:1fr!important;max-width:300px!important;} .internal-hero{min-height:610px!important;} .internal-hero-content{padding:160px 0 52px!important;} .company-story,.v9-structure-solution{padding-top:58px!important;padding-bottom:58px!important;} .v9-values .value-grid{grid-template-columns:1fr!important;} .v9-values .value-grid article{min-height:0!important;} .v9-segment-card{padding:28px 24px!important;min-height:260px!important;} .v9-segment-card>*{max-width:88%!important;} .v9-segment-card::after{background:linear-gradient(90deg,rgba(249,249,246,.97),rgba(249,249,246,.78))!important;} .v9-footer .footer-main{grid-template-columns:1fr!important;} .v9-footer .footer-brand{grid-column:auto!important;} .v9-footer::before{width:280px!important;height:280px!important;right:-120px!important;bottom:-100px!important;opacity:.09!important;} } @media(prefers-reduced-motion:reduce){ .brand-logo-gear,.refined-institutional::after,.company-story::after,.v9-mission::before,.v9-mission::after,.v9-structure-solution::after,.v9-footer::before,.v9-gear-section::after{animation:none!important;} .v9-sheen-card::before,.v9-interactive-card::before{display:none!important;} } /* ============================= V10 START ============================= */ /* Revisão final: alinhamento do hero, imagens sem brilho, cards modernos, engrenagens metálicas, segmentos, CTA de trabalhos e contato. */ :root{ --v10-metal-gear:url('/assets/logos/gear-metal-outline.svg'); --v10-dark:#151718; --v10-dark-2:#1c1f21; } /* 1) HERO HOME — desktop com posições realmente travadas entre os slides. */ @media (min-width:861px){ .home-page .hero{min-height:690px!important;padding-top:76px!important;} .home-page .hero-slides{height:614px!important;} .home-page .hero-content{height:100%!important;align-items:flex-start!important;} .home-page .hero-copy{ position:relative!important;display:block!important;width:min(100%,780px)!important;max-width:780px!important; height:542px!important;min-height:542px!important;padding:0!important;margin:0!important; } .home-page .hero-copy .eyebrow{position:absolute!important;left:0!important;top:94px!important;margin:0!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ position:absolute!important;left:0!important;top:139px!important;width:100%!important;max-width:760px!important; margin:0!important;font-size:clamp(3rem,4.65vw,4.25rem)!important;line-height:1.03!important;letter-spacing:-.034em!important; } .home-page .hero-copy p{ position:absolute!important;left:0!important;top:358px!important;width:100%!important;max-width:675px!important; margin:0!important;padding:0!important;font-size:clamp(1.02rem,1.25vw,1.16rem)!important;line-height:1.58!important; } .home-page .hero-actions{ position:absolute!important;left:0!important;top:445px!important;height:50px!important;min-height:50px!important; margin:0!important;display:flex!important;gap:10px!important;align-items:stretch!important; } .home-page .hero-actions .btn{min-width:202px!important;height:50px!important;} .home-page .hero-bottom{bottom:0!important;height:72px!important;} .home-page .hero-dots,.home-page .hero-trust{align-self:center!important;} } /* 2) IMAGENS — sem brilho/sheen. Hover apenas com profundidade e zoom mínimo. */ .service-photo-card::before,.service-photo-card::after, .machine-card::before,.machine-card::after, .v9-machine-card::before,.v9-machine-card::after{content:none!important;display:none!important;} .service-photo-card,.machine-card,.v9-machine-card{isolation:isolate;} .service-photo-card:hover .service-photo img,.machine-card:hover .machine-image img,.v9-machine-card:hover .machine-image img{ transform:scale(1.018)!important;filter:none!important; } .service-photo::after{display:none!important;} /* 3) HOME — a foto institucional termina junto com a imagem: zero faixa preta vazia. */ .home-page .refined-institutional{padding-top:76px!important;padding-bottom:76px!important;} .home-page .refined-institutional .split-grid{grid-template-columns:minmax(0,1.04fr) minmax(360px,.82fr)!important;gap:54px!important;align-items:center!important;} .home-page .v10-home-experience-media{ width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important; justify-self:end!important;align-self:center!important;background:transparent!important;border:0!important;border-radius:16px!important; overflow:hidden!important;box-shadow:0 22px 52px rgba(0,0,0,.24)!important; } .home-page .v10-home-experience-media img{ display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important; object-position:center 54%!important;border-radius:16px!important;margin:0!important; } /* 4) EMPRESA — seção Experiência mais compacta e equilibrada. */ .company-page .company-story{padding-top:66px!important;padding-bottom:66px!important;} .company-page .company-story .split-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.96fr)!important;gap:50px!important;align-items:center!important;} .company-page .v10-company-story-media{ width:100%!important;max-width:590px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important; justify-self:end!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;box-shadow:0 20px 50px rgba(0,0,0,.10)!important; } .company-page .v10-company-story-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 52%!important;border-radius:16px!important;} .company-page .v10-company-story-media .media-badge{left:18px!important;right:18px!important;bottom:18px!important;} /* Valores: cinco cards compactos e homogêneos. Sheen fica SOMENTE aqui, como solicitado. */ .company-page .v9-values .value-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;} .company-page .v9-values .value-grid article{ min-height:190px!important;padding:24px 20px 22px!important;border-radius:14px!important;background:linear-gradient(180deg,#202224,#1b1d1f)!important; border:1px solid rgba(255,255,255,.09)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important; transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease!important; } .company-page .v9-values .value-grid article:hover{transform:translateY(-5px)!important;border-color:rgba(255,183,27,.34)!important;box-shadow:0 20px 44px rgba(0,0,0,.19)!important;} .company-page .v9-values .value-icon{background:transparent!important;border:0!important;width:24px!important;height:24px!important;margin-bottom:18px!important;color:var(--yellow)!important;} .company-page .v9-values .value-grid article h3{margin:0 0 10px!important;font-size:1rem!important;} .company-page .v9-values .value-grid article p{margin:auto 0 0!important;font-size:.82rem!important;line-height:1.58!important;} /* Mission/Visão/Atuação sem sheen excessivo. */ .company-page .mission-section article::before{display:none!important;content:none!important;} .company-page .mission-section article{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;} .company-page .mission-section article:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(0,0,0,.07)!important;border-color:rgba(255,183,27,.32)!important;} /* 5) ESTRUTURA — imagens integradas ao card, sem moldura preta grossa. */ .structure-page .machine-grid,.home-page .machine-grid{gap:18px!important;} .structure-page .machine-card,.home-page .structure-preview .machine-card{ overflow:hidden!important;padding:0!important;border-radius:15px!important;background:linear-gradient(180deg,#1c1e20,#17191b)!important; border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 32px rgba(0,0,0,.11)!important; } .structure-page .machine-image,.home-page .structure-preview .machine-image{ width:100%!important;height:260px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#111!important;overflow:hidden!important; } .structure-page .machine-image img,.home-page .structure-preview .machine-image img{ width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;display:block!important; } .structure-page .machine-copy,.home-page .structure-preview .machine-copy{padding:25px 24px 27px!important;} .structure-page .machine-label,.home-page .structure-preview .machine-label{display:inline-block!important;margin-bottom:12px!important;color:var(--yellow)!important;} .structure-page .machine-label::after,.home-page .structure-preview .machine-label::after{content:"";display:block;width:32px;height:2px;background:var(--yellow);margin-top:12px;border-radius:999px;} .structure-page .machine-card:hover,.home-page .structure-preview .machine-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 48px rgba(0,0,0,.16)!important;border-color:rgba(255,183,27,.24)!important;} /* 6) Estrutura — bloco solução mais moderno; imagem menor + duas engrenagens no topo direito. */ .structure-page .v9-structure-solution{position:relative!important;overflow:hidden!important;padding:72px 0!important;} .structure-page .v9-structure-solution::after{display:none!important;content:none!important;} .structure-page .v9-structure-solution .split-grid{grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr)!important;gap:50px!important;align-items:center!important;} .structure-page .v9-structure-solution-media{ width:100%!important;max-width:430px!important;justify-self:start!important;box-shadow:0 20px 48px rgba(0,0,0,.23)!important;border-radius:16px!important;overflow:hidden!important; } .structure-page .v9-structure-solution-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 52%!important;border-radius:16px!important;} .structure-page .v9-structure-solution .split-copy{max-width:650px!important;position:relative!important;z-index:3!important;} .v10-gear-cluster{position:absolute;right:1.5%;top:30px;width:420px;height:300px;z-index:1;pointer-events:none;opacity:.17;} .v10-gear{position:absolute;display:block;background:var(--v10-metal-gear) center/contain no-repeat;filter:drop-shadow(0 8px 20px rgba(0,0,0,.24));} .v10-gear-lg{width:285px;height:285px;right:0;top:0;animation:v10GearCW 48s linear infinite;} .v10-gear-sm{width:148px;height:148px;right:245px;top:104px;animation:v10GearCCW 31s linear infinite;} @keyframes v10GearCW{to{transform:rotate(360deg)}} @keyframes v10GearCCW{to{transform:rotate(-360deg)}} /* 7) SEGMENTOS — fotos visíveis de verdade, composição escura e premium. */ .segments-page main>section.section{background:#f2f2ef!important;padding-top:72px!important;padding-bottom:64px!important;} .segments-page .segment-detail-grid{gap:18px!important;} .segments-page .v10-segment-card{ position:relative!important;min-height:300px!important;padding:34px!important;border-radius:16px!important;overflow:hidden!important; background:#151718!important;border:1px solid rgba(0,0,0,.09)!important;box-shadow:0 14px 34px rgba(0,0,0,.08)!important;color:#fff!important; isolation:isolate!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important; } .segments-page .v10-segment-card::before{ content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important; background-image:var(--segment-bg)!important;background-size:cover!important;background-position:center!important; opacity:.76!important;filter:saturate(.86) contrast(1.05) brightness(.84)!important;transform:scale(1.01)!important;transition:transform .55s ease,opacity .3s ease!important; } .segments-page .v10-segment-card::after{ content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important; background:linear-gradient(90deg,rgba(12,14,15,.95) 0%,rgba(12,14,15,.85) 48%,rgba(12,14,15,.49) 78%,rgba(12,14,15,.32) 100%)!important; pointer-events:none!important; } .segments-page .v10-segment-card>*{position:relative!important;z-index:2!important;max-width:68%!important;} .segments-page .v10-segment-card .kicker{color:var(--yellow)!important;} .segments-page .v10-segment-card h2{color:#fff!important;margin:9px 0 13px!important;} .segments-page .v10-segment-card p{color:rgba(255,255,255,.78)!important;line-height:1.58!important;} .segments-page .v10-segment-card .text-link{color:#fff!important;margin-top:22px!important;} .segments-page .v10-segment-card .text-link span{color:var(--yellow)!important;} .segments-page .v10-segment-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 50px rgba(0,0,0,.15)!important;border-color:rgba(255,183,27,.28)!important;} .segments-page .v10-segment-card:hover::before{opacity:.84!important;transform:scale(1.035)!important;} .segments-page .segment-closing-note{margin-top:24px!important;} .segments-page .segment-closing-note p{max-width:720px!important;padding:12px 16px!important;font-size:.9rem!important;background:#fff!important;border-left:2px solid var(--yellow)!important;box-shadow:0 8px 22px rgba(0,0,0,.03)!important;} /* 8) TRABALHOS — CTA usa a foto pedida; cartão da empresa fica inteiro e visível. */ .works-page .v10-photo-cta{min-height:330px!important;position:relative!important;overflow:hidden!important;} .works-page .v10-photo-cta .cta-bg{ opacity:1!important;background-image:linear-gradient(90deg,rgba(10,11,12,.97) 0%,rgba(10,11,12,.90) 36%,rgba(10,11,12,.64) 57%,rgba(10,11,12,.30) 78%,rgba(10,11,12,.16) 100%),url('/assets/images/galeria-conexoes.webp')!important; background-size:cover!important;background-position:center 68%!important;background-repeat:no-repeat!important; } .works-page .v10-photo-cta::after{display:none!important;content:none!important;} .works-page .v10-photo-cta .cta-inner{min-height:330px!important;padding:48px 0!important;} .works-page .v10-photo-cta .cta-inner>div:first-child{max-width:650px!important;} /* 9) CONTATO — pictogramas amarelos realmente visíveis. */ .contact-page .contact-cards>a,.contact-page .contact-cards>button,.contact-page .contact-cards>div{padding-left:60px!important;} .contact-page .contact-icon-minimal,.contact-page .contact-cards .contact-icon{ position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important; display:block!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important; background-color:var(--yellow)!important;border:0!important;border-radius:0!important;color:transparent!important; -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important; -webkit-mask-size:contain!important;mask-size:contain!important; } .contact-page .contact-icon::before{display:none!important;content:none!important;} .contact-page .icon-whatsapp-contact{-webkit-mask-image:var(--icon-whatsapp)!important;mask-image:var(--icon-whatsapp)!important;} .contact-page .icon-phone-contact{-webkit-mask-image:var(--icon-phone)!important;mask-image:var(--icon-phone)!important;} .contact-page .icon-location-contact{-webkit-mask-image:var(--icon-location)!important;mask-image:var(--icon-location)!important;} .contact-page .icon-clock-contact{-webkit-mask-image:var(--icon-clock)!important;mask-image:var(--icon-clock)!important;} /* 10) Gears/rodapé — metálicos, vazados e discretos. */ .v10-site .v9-footer::before,.v10-site .site-footer::before{background:var(--v10-metal-gear) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important;opacity:.12!important;} /* 11) Mobile — sem herdar alturas rígidas do desktop. */ @media(max-width:860px){ .company-page .company-story{padding-top:54px!important;padding-bottom:54px!important;} .company-page .company-story .split-grid,.structure-page .v9-structure-solution .split-grid{grid-template-columns:1fr!important;gap:32px!important;} .company-page .v10-company-story-media,.structure-page .v9-structure-solution-media{max-width:100%!important;justify-self:stretch!important;} .company-page .v9-values .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .v10-gear-cluster{right:-90px!important;top:18px!important;width:330px!important;height:250px!important;opacity:.10!important;} .v10-gear-lg{width:225px!important;height:225px!important;} .v10-gear-sm{width:112px!important;height:112px!important;right:195px!important;top:92px!important;} .segments-page .v10-segment-card>*{max-width:78%!important;} .works-page .v10-photo-cta .cta-bg{background-position:64% 68%!important;} } @media(max-width:620px){ .home-page .v10-home-experience-media img,.company-page .v10-company-story-media img{aspect-ratio:4/3!important;} .company-page .v9-values .value-grid{grid-template-columns:1fr!important;} .segments-page .v10-segment-card{min-height:270px!important;padding:28px 24px!important;} .segments-page .v10-segment-card>*{max-width:92%!important;} .segments-page .v10-segment-card::after{background:linear-gradient(90deg,rgba(12,14,15,.94),rgba(12,14,15,.68))!important;} .works-page .v10-photo-cta{min-height:360px!important;} .works-page .v10-photo-cta .cta-bg{background-position:72% 68%!important;} .v10-gear-cluster{right:-120px!important;opacity:.075!important;} } @media(prefers-reduced-motion:reduce){.v10-gear-lg,.v10-gear-sm{animation:none!important;}} /* ============================== V10 END ============================== */ /* ============================= V11 HERO REFINEMENT ============================= */ /* Hierarquia refinada: títulos, subtítulos e CTAs usam a mesma régua visual sem criar grandes vazios quando o número de linhas do título muda. */ @media (min-width: 861px){ .home-page .hero{min-height:680px!important;padding-top:76px!important;} .home-page .hero-slides{height:604px!important;} .home-page .hero-content{height:100%!important;align-items:center!important;} .home-page .hero-copy{ position:relative!important; display:grid!important; grid-template-rows:26px 205px 72px 50px!important; row-gap:12px!important; align-content:center!important; width:min(100%,780px)!important; max-width:780px!important; height:470px!important; min-height:470px!important; padding:0!important; margin:0!important; } .home-page .hero-copy .eyebrow{ position:static!important; align-self:end!important; margin:0!important; line-height:1.2!important; } .home-page .hero-copy h1, .home-page .hero-copy h2{ position:static!important; align-self:end!important; width:100%!important; max-width:750px!important; margin:0!important; font-size:clamp(2.9rem,4.35vw,4.05rem)!important; line-height:1.015!important; letter-spacing:-.032em!important; text-wrap:balance!important; } .home-page .hero-copy p{ position:static!important; align-self:start!important; width:100%!important; max-width:690px!important; margin:0!important; padding:0!important; font-size:clamp(1rem,1.2vw,1.13rem)!important; line-height:1.52!important; } .home-page .hero-actions{ position:static!important; align-self:start!important; height:50px!important; min-height:50px!important; margin:0!important; display:flex!important; align-items:stretch!important; gap:10px!important; } .home-page .hero-actions .btn{height:50px!important;min-width:202px!important;} /* Heros internos: mesma cadência entre eyebrow, título, descrição e ações. */ .internal-hero-content{padding:84px 0 70px!important;} .internal-hero .eyebrow{margin:0 0 14px!important;} .internal-hero h1{ margin:0 0 16px!important; max-width:880px!important; font-size:clamp(2.75rem,4.75vw,4.75rem)!important; line-height:1.025!important; letter-spacing:-.032em!important; text-wrap:balance!important; } .internal-hero p{ margin:0 0 24px!important; max-width:710px!important; font-size:clamp(1rem,1.25vw,1.16rem)!important; line-height:1.55!important; } } /* Carrossel mais suave: crossfade longo + movimento fotográfico muito sutil. */ .home-page .hero-slide{ z-index:0!important; opacity:0!important; transform:none!important; transition:opacity 1.15s cubic-bezier(.4,0,.2,1)!important; will-change:opacity; } .home-page .hero-slide.is-active{z-index:2!important;opacity:1!important;} .home-page .hero-slide-image{ transform:scale(1.035)!important; transition:transform 8.5s cubic-bezier(.18,.72,.25,1), filter 1.15s ease!important; will-change:transform; } .home-page .hero-slide.is-active .hero-slide-image{transform:scale(1)!important;} .home-page .hero-copy{ opacity:0!important; transform:translateY(8px)!important; transition:opacity .62s ease .18s, transform .62s cubic-bezier(.2,.7,.2,1) .18s!important; } .home-page .hero-slide.is-active .hero-copy{opacity:1!important;transform:translateY(0)!important;} @media (max-width: 860px){ .home-page .hero-copy{ display:grid!important; grid-template-rows:auto auto auto auto!important; row-gap:12px!important; height:auto!important; min-height:0!important; padding:142px 0 52px!important; } .home-page .hero-copy .eyebrow{position:static!important;margin:0!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ position:static!important;margin:0!important; font-size:clamp(2.35rem,8.4vw,3.75rem)!important; line-height:1.035!important;letter-spacing:-.028em!important; } .home-page .hero-copy p{position:static!important;margin:0!important;line-height:1.56!important;} .home-page .hero-actions{position:static!important;margin-top:4px!important;} .internal-hero-content{padding:142px 0 52px!important;} .internal-hero .eyebrow{margin:0 0 12px!important;} .internal-hero h1{margin:0 0 14px!important;line-height:1.04!important;letter-spacing:-.028em!important;} .internal-hero p{margin:0 0 22px!important;line-height:1.58!important;} } @media (max-width: 620px){ .home-page .hero-copy{row-gap:10px!important;padding:128px 0 46px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.05rem,10vw,3.05rem)!important;} .home-page .hero-copy p{font-size:.96rem!important;} .internal-hero-content{padding:128px 0 46px!important;} .internal-hero h1{font-size:clamp(2.08rem,10.2vw,3.15rem)!important;} } @media (prefers-reduced-motion: reduce){ .home-page .hero-slide,.home-page .hero-slide-image,.home-page .hero-copy{transition:none!important;transform:none!important;} } /* ============================== V11 END ============================== */ /* ============================== V12 — SERVICE FEATURE SYSTEM ============================== */ /* Approved editorial layout for all individual service pages */ .service-page .service-detail-feature{ padding:clamp(68px,7.5vw,108px) 0; background:#fff; overflow:hidden; } .service-page .service-detail-feature .split-grid{ display:grid; grid-template-columns:minmax(340px,.88fr) minmax(0,1.32fr)!important; gap:clamp(44px,5.4vw,82px)!important; align-items:center!important; } .service-page .service-detail-feature .split-copy{ max-width:560px; align-self:center; } .service-page .service-detail-feature .split-copy .kicker{ display:inline-flex; align-items:center; gap:12px; margin-bottom:18px; color:#d99100; font-size:.76rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; } .service-page .service-detail-feature .split-copy h2{ margin:0; max-width:11.5ch; font-size:clamp(2.7rem,4.25vw,4.55rem); line-height:.98; letter-spacing:-.047em; text-wrap:balance; } .service-page .service-detail-feature .split-copy .lead{ margin:26px 0 18px; max-width:46ch; font-size:1.03rem; line-height:1.62; font-weight:700; color:#35383b; } .service-page .service-detail-feature .check-list{ display:grid; gap:11px; margin:0; padding:0; } .service-page .service-detail-feature .check-list li{ position:relative; padding-left:30px; line-height:1.48; color:#4b4f52; } .service-page .service-detail-feature .check-list li::before{ content:'✓'; position:absolute; left:0; top:.02em; color:#f2a900; font-weight:950; } .service-page .service-detail-feature .inline-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; } .service-page .service-detail-feature .split-media{ position:relative; width:100%; max-width:none!important; aspect-ratio:1.45 / 1; min-height:0!important; overflow:hidden; border-radius:18px; border:1px solid rgba(15,17,18,.09); background:#111315; box-shadow:0 22px 52px rgba(10,12,14,.12); isolation:isolate; } .service-page .service-detail-feature .split-media::after{ content:''; position:absolute; inset:auto 0 0 0; height:32%; background:linear-gradient(to top,rgba(10,12,14,.26),transparent); pointer-events:none; z-index:1; } .service-page .service-detail-feature .split-media img{ display:block; width:100%!important; height:100%!important; max-height:none!important; aspect-ratio:auto!important; object-fit:cover!important; object-position:center center; border-radius:0!important; box-shadow:none!important; transform:none!important; filter:none!important; transition:transform .55s cubic-bezier(.2,.7,.2,1)!important; } .service-page .service-detail-feature .split-media:hover img{ transform:scale(1.018)!important; } .service-page .service-detail-feature .media-badge{ position:absolute; left:auto!important; right:18px!important; bottom:18px!important; width:min(330px,46%); padding:16px 18px!important; border-left:4px solid var(--yellow); border-radius:10px; background:rgba(15,17,19,.92)!important; color:#fff; box-shadow:0 12px 28px rgba(0,0,0,.20); backdrop-filter:blur(10px); z-index:2; } .service-page .service-detail-feature .media-badge span{ margin-top:4px; color:rgba(255,255,255,.68); line-height:1.35; } @media(max-width:980px){ .service-page .service-detail-feature .split-grid{ grid-template-columns:1fr!important; gap:38px!important; } .service-page .service-detail-feature .split-copy{max-width:680px;} .service-page .service-detail-feature .split-copy h2{max-width:13ch;} .service-page .service-detail-feature .split-media{ max-width:780px!important; aspect-ratio:1.5 / 1; } } @media(max-width:640px){ .service-page .service-detail-feature{padding:56px 0;} .service-page .service-detail-feature .split-copy h2{ max-width:12ch; font-size:clamp(2.35rem,11vw,3.25rem); line-height:1.01; } .service-page .service-detail-feature .split-copy .lead{margin-top:20px;font-size:.98rem;} .service-page .service-detail-feature .inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .service-page .service-detail-feature .inline-actions .btn{width:100%;justify-content:center;padding-inline:12px;} .service-page .service-detail-feature .split-media{aspect-ratio:4 / 3;border-radius:14px;} .service-page .service-detail-feature .media-badge{ right:12px!important; bottom:12px!important; width:min(300px,78%); padding:13px 14px!important; } } /* ============================== V12 END ============================== */ /* ============================== V13 FINAL UX/UI — 24/09/2026 ============================== */ :root{ --v13-metal-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 5l7 1 4 10 8 3 9-5 7 4 1 11 6 6 11 1 3 8-7 9 1 8 8 7-2 8-11 3-4 8 4 10-6 6-10-4-8 4-3 11-8 2-7-8-8-1-9 7-8-3-1-11-6-6-11-1-3-8 7-9-1-8-8-7 2-8 11-3 4-8-4-10 6-6 10 4 8-4 3-11zM60 28a32 32 0 1 0 0 64 32 32 0 0 0 0-64zm0 11a21 21 0 1 1 0 42 21 21 0 0 1 0-42z' fill='none' stroke='%23aeb5bb' stroke-width='4.5'/%3E%3C/svg%3E"); } /* HERO HOME — bloco mais alto, textos mais próximos e CTAs realmente travados. */ .home-page .hero{min-height:650px!important;padding-top:76px!important;} .home-page .hero-slides{height:574px!important;} .home-page .hero-content{align-items:center!important;} .home-page .hero-copy{ position:relative!important;width:min(100%,900px)!important;max-width:900px!important;height:430px!important; padding:0!important;margin-top:-6px!important;display:block!important;color:#fff!important; } .home-page .hero-copy .eyebrow{margin:0 0 10px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ margin:0 0 10px!important;max-width:880px!important;font-size:clamp(2.75rem,5vw,5rem)!important; line-height:1.035!important;letter-spacing:-.027em!important; } .home-page .hero-copy p{ margin:0!important;max-width:735px!important;font-size:clamp(1rem,1.42vw,1.18rem)!important;line-height:1.52!important; } .home-page .hero-copy .hero-actions{ position:absolute!important;left:0!important;bottom:0!important;margin:0!important;display:flex!important;gap:12px!important;min-height:50px!important; } .home-page .hero-slide{transition:opacity 1.35s cubic-bezier(.22,.61,.36,1),transform 8.5s ease!important;transform:scale(1.035)!important;} .home-page .hero-slide.is-active{transform:scale(1)!important;} .home-page .hero-slide-image{transition:filter 1.2s ease!important;} .home-page .hero-slide:not(.is-active) .hero-slide-image{filter:brightness(.88)!important;} /* Heros internos — mesma régua refinada. */ .internal-hero-content{padding-top:118px!important;padding-bottom:68px!important;} .internal-hero .eyebrow{margin-bottom:10px!important;} .internal-hero h1{margin:0 0 12px!important;line-height:1.045!important;letter-spacing:-.025em!important;} .internal-hero p{margin:0 0 22px!important;line-height:1.52!important;max-width:760px!important;} .internal-hero .hero-actions{margin-top:0!important;} .internal-hero-bg .internal-hero-image{transition:transform 9s ease,filter 1.2s ease!important;transform:scale(1.015)!important;} .internal-hero:hover .internal-hero-image{transform:scale(1.03)!important;} /* Home — experiência: amarelo sutil e CTA principal destacado. */ .home-page .refined-institutional .light-text{color:rgba(255,255,255,.86)!important;font-weight:600!important;} .home-page .refined-institutional .accent-year{color:var(--yellow)!important;font-weight:800!important;} .home-page .refined-institutional .inline-actions .btn:first-child{background:var(--yellow)!important;color:#151515!important;border-color:var(--yellow)!important;box-shadow:0 10px 26px rgba(255,183,27,.16)!important;} .home-page .refined-institutional .inline-actions .btn:first-child:hover{background:#ffc340!important;border-color:#ffc340!important;transform:translateY(-2px)!important;} /* Imagens de cards: sem brilho/reflexo. Apenas micro-zoom e sombra sutil. */ .service-photo-card::before,.service-photo-card::after,.machine-card::before,.machine-card::after,.v9-machine-card::before,.v9-machine-card::after{content:none!important;display:none!important;} .service-photo::after{background:rgba(18,20,21,.08)!important;} .service-photo-card:hover .service-photo::after{background:rgba(18,20,21,.04)!important;} .service-photo-card:hover .service-photo img,.machine-card:hover .machine-image img,.v9-machine-card:hover .machine-image img{transform:scale(1.018)!important;filter:none!important;} /* Estrutura — cards mais limpos, sem moldura interna. */ .structure-page .machine-card,.home-page .structure-preview .machine-card{border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:linear-gradient(180deg,#202224,#181a1b)!important;} .structure-page .machine-image,.home-page .structure-preview .machine-image{height:255px!important;background:transparent!important;} .structure-page .machine-copy,.home-page .structure-preview .machine-copy{padding:24px 24px 28px!important;} /* Empresa — valores: composição mais viva e sheen APENAS nesses cards. */ .company-page .v9-values .value-grid article{background:linear-gradient(145deg,#222426 0%,#1a1c1e 100%)!important;} .company-page .v9-values .value-grid article h3{color:#fff!important;} .company-page .v9-values .value-grid article p{color:rgba(255,255,255,.66)!important;} .company-page .v9-values .value-icon{filter:drop-shadow(0 0 10px rgba(255,183,27,.13));} /* Duas engrenagens metálicas decorativas: maior no topo direito + menor contrária. */ .v10-gear-cluster{right:1.7%!important;top:18px!important;width:470px!important;height:325px!important;opacity:.22!important;} .v10-gear-lg{width:315px!important;height:315px!important;right:0!important;top:0!important;} .v10-gear-sm{width:168px!important;height:168px!important;right:270px!important;top:122px!important;} /* SEGMENTOS — modelo editorial branco aprovado, com borda amarela de fundo. */ .segments-page main>section.section.v13-segments-section{background:#fff!important;padding:76px 0 82px!important;} .v13-segments-head{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr) auto!important;gap:38px!important;align-items:end!important;margin-bottom:34px!important;} .v13-segments-head .kicker{margin-bottom:10px!important;} .v13-segments-head h2{font-size:clamp(2.25rem,3.8vw,4.2rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0!important;max-width:760px!important;} .v13-segments-head .segments-intro{color:#666b70!important;font-size:1rem!important;line-height:1.55!important;margin:0 0 8px!important;max-width:560px!important;} .v13-segments-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;} .v13-segment-card{position:relative!important;background:#fff!important;border:1px solid #e5e5e0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(0,0,0,.055)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;} .v13-segment-card::after{content:"";position:absolute;left:-1px;right:28%;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--yellow),rgba(255,183,27,.18));border-radius:99px;transition:right .3s ease;} .v13-segment-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 52px rgba(0,0,0,.10)!important;border-color:#ddd9cb!important;} .v13-segment-card:hover::after{right:-1px;} .v13-segment-photo{height:235px!important;background-image:var(--segment-bg)!important;background-size:cover!important;background-position:center!important;position:relative!important;overflow:hidden!important;} .v13-segment-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(12,13,14,.52) 100%);} .v13-segment-number{position:absolute;left:24px;bottom:19px;z-index:2;color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:.04em;} .v13-segment-number::after{content:"";display:block;width:34px;height:3px;background:var(--yellow);margin-top:7px;border-radius:99px;} .v13-segment-body{padding:24px 24px 27px!important;} .v13-segment-icon{display:block;width:36px;height:36px;margin-bottom:12px;position:relative;color:var(--yellow);} .v13-segment-icon::before{content:"";position:absolute;inset:4px;border:2px solid currentColor;border-radius:8px;transform:rotate(45deg);opacity:.9;} .v13-segment-body h3{font-size:1.42rem!important;line-height:1.15!important;margin:0 0 10px!important;color:#17191b!important;} .v13-segment-body p{font-size:.92rem!important;line-height:1.58!important;color:#656a6e!important;min-height:88px!important;margin:0 0 18px!important;} .v13-segment-link{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#17191b!important;font-weight:800!important;text-decoration:none!important;} .v13-segment-link::after{content:"→";display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,183,27,.14);color:#1a1a1a;transition:transform .2s ease,background .2s ease;} .v13-segment-link:hover::after{transform:translateX(3px);background:rgba(255,183,27,.28);} /* CTA padrão + rodapé: menos preto chapado, gradiente metálico e duas engrenagens. */ .cta-section:not(.v13-work-photo-cta){position:relative!important;overflow:hidden!important;border-top:0!important;background:radial-gradient(circle at 75% 10%,#2d3438 0%,#191c1e 34%,#111315 72%)!important;} .cta-section:not(.v13-work-photo-cta) .cta-bg{opacity:.18!important;background-image:linear-gradient(90deg,rgba(10,11,12,.80),rgba(10,11,12,.26)),url('/assets/images/hero-engrenagens.webp')!important;background-position:center 48%!important;background-size:cover!important;} .cta-section:not(.v13-work-photo-cta)::before,.cta-section:not(.v13-work-photo-cta)::after{content:"";position:absolute;pointer-events:none;background:var(--v13-metal-gear) center/contain no-repeat;opacity:.32;z-index:1;} .cta-section:not(.v13-work-photo-cta)::before{width:260px;height:260px;right:7%;top:-42px;animation:v10GearCW 52s linear infinite;} .cta-section:not(.v13-work-photo-cta)::after{width:138px;height:138px;right:2.2%;top:112px;animation:v10GearCCW 34s linear infinite;} .cta-section:not(.v13-work-photo-cta) .cta-inner{position:relative!important;z-index:2!important;grid-template-columns:minmax(0,680px) 1fr!important;} .cta-section:not(.v13-work-photo-cta) .cta-actions{justify-self:start!important;margin-top:20px!important;display:flex!important;gap:12px!important;} .cta-section:not(.v13-work-photo-cta) .cta-inner>div:first-child{max-width:690px!important;} .cta-section:not(.v13-work-photo-cta) .cta-inner{display:block!important;} .site-footer{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#111416 0%,#161a1d 52%,#0f1113 100%)!important;border-top:1px solid rgba(255,255,255,.07)!important;} .site-footer::before,.site-footer::after{content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;background:var(--v13-metal-gear) center/contain no-repeat!important;z-index:0!important;} .site-footer::before{width:330px!important;height:330px!important;right:-72px!important;top:-76px!important;bottom:auto!important;opacity:.17!important;animation:v10GearCW 70s linear infinite!important;} .site-footer::after{width:172px!important;height:172px!important;right:185px!important;top:110px!important;opacity:.13!important;animation:v10GearCCW 46s linear infinite!important;} .site-footer .footer-main,.site-footer .footer-bottom{position:relative!important;z-index:2!important;} /* Trabalhos — CTA aprovado: imagem de fundo, cartão inteiro, CTAs abaixo do texto, sem fita amarela. */ .works-page .v13-work-photo-cta{position:relative!important;overflow:hidden!important;min-height:410px!important;border:0!important;background:#111!important;} .works-page .v13-work-photo-cta .cta-bg{position:absolute!important;inset:0!important;opacity:1!important;background-image:linear-gradient(90deg,rgba(8,10,11,.98) 0%,rgba(8,10,11,.91) 38%,rgba(8,10,11,.55) 60%,rgba(8,10,11,.16) 100%),url('/assets/images/cta-gears.webp')!important;background-size:cover!important;background-position:center 68%!important;} .works-page .v13-work-photo-cta .cta-inner{position:relative!important;z-index:2!important;display:block!important;padding-top:74px!important;padding-bottom:72px!important;} .works-page .v13-work-photo-cta .cta-inner>div:first-child{max-width:690px!important;} .works-page .v13-work-photo-cta h2{max-width:640px!important;font-size:clamp(2.4rem,4vw,4.5rem)!important;line-height:1.02!important;margin:8px 0 15px!important;} .works-page .v13-work-photo-cta h2 .accent{color:var(--yellow)!important;} .works-page .v13-work-photo-cta p{max-width:620px!important;color:rgba(255,255,255,.78)!important;} .works-page .v13-work-photo-cta .cta-actions{display:flex!important;gap:12px!important;margin-top:25px!important;justify-content:flex-start!important;} /* Contato: símbolos amarelos visíveis. */ .contact-page .v10-contact-card{grid-template-columns:28px 1fr!important;column-gap:14px!important;align-items:center!important;} .contact-page .contact-icon{display:block!important;width:24px!important;height:24px!important;background-color:var(--yellow)!important;opacity:1!important;} .contact-page .v10-contact-card b,.contact-page .v10-contact-card>span:last-child{grid-column:2!important;} /* Lightbox: jamais distorcer. */ .lightbox img{width:auto!important;height:auto!important;max-width:min(92vw,1500px)!important;max-height:88vh!important;object-fit:contain!important;aspect-ratio:auto!important;} /* MOBILE — composição própria, não desktop comprimido. */ @media(max-width:980px){ .v13-segments-head{grid-template-columns:1fr!important;gap:15px!important;align-items:start!important;} .v13-segments-head .btn{width:max-content!important;} .v13-segments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .company-page .v9-values .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:860px){ .home-page .hero-slides{height:610px!important;} .home-page .hero-copy{height:465px!important;margin-top:0!important;padding-top:88px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.5rem,9vw,4rem)!important;margin-bottom:9px!important;} .home-page .hero-copy p{font-size:.98rem!important;line-height:1.48!important;max-width:92%!important;} .home-page .hero-copy .hero-actions{bottom:12px!important;} .internal-hero-content{padding-top:102px!important;padding-bottom:56px!important;} .v10-gear-cluster{right:-150px!important;top:10px!important;opacity:.11!important;} .cta-section:not(.v13-work-photo-cta)::before{right:-115px!important;opacity:.16!important;} .cta-section:not(.v13-work-photo-cta)::after{right:70px!important;opacity:.11!important;} } @media(max-width:620px){ .home-page .hero{min-height:640px!important;} .home-page .hero-slides{height:570px!important;} .home-page .hero-copy{height:455px!important;padding-top:72px!important;} .home-page .hero-copy .eyebrow{margin-bottom:8px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.35rem,11.2vw,3.55rem)!important;line-height:1.035!important;} .home-page .hero-copy p{max-width:100%!important;} .home-page .hero-copy .hero-actions{left:0!important;right:0!important;bottom:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;} .v13-segments-grid{grid-template-columns:1fr!important;} .v13-segment-photo{height:220px!important;} .v13-segment-body p{min-height:0!important;} .company-page .v9-values .value-grid{grid-template-columns:1fr!important;} .works-page .v13-work-photo-cta{min-height:520px!important;} .works-page .v13-work-photo-cta .cta-bg{background-image:linear-gradient(180deg,rgba(8,10,11,.90) 0%,rgba(8,10,11,.92) 58%,rgba(8,10,11,.76) 100%),url('/assets/images/cta-gears.webp')!important;background-position:66% center!important;} .works-page .v13-work-photo-cta .cta-inner{padding-top:58px!important;padding-bottom:58px!important;} .works-page .v13-work-photo-cta .cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;} .site-footer::before{right:-165px!important;opacity:.10!important;} .site-footer::after{right:48px!important;top:168px!important;opacity:.08!important;} } @media(prefers-reduced-motion:reduce){ .home-page .hero-slide,.internal-hero-bg .internal-hero-image,.v10-gear-lg,.v10-gear-sm,.cta-section::before,.cta-section::after,.site-footer::before,.site-footer::after{animation:none!important;transition:none!important;} } /* ============================== V13 END ============================== */ /* ============================== V14 REFINAMENTO FINAL — 24/09/2026 ============================== */ :root{ --v14-gear:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%20role%3D%22img%22%20aria-label%3D%22Engrenagem%20met%C3%A1lica%20Torneadora%20An%C3%A1polis%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22metal%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f7f8f8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.16%22%20stop-color%3D%22%23a9afb4%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.34%22%20stop-color%3D%22%23e4e7e9%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.52%22%20stop-color%3D%22%23737b81%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.7%22%20stop-color%3D%22%23d6dadd%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.86%22%20stop-color%3D%22%23899096%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0f2f3%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cmask%20id%3D%22ringMask%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22black%22%2F%3E%0A%20%20%20%20%20%20%3Cpolygon%20points%3D%22105.00%2C60.00%20111.77%2C64.89%20109.86%2C74.77%20101.75%2C76.78%2098.97%2C82.50%20102.39%2C90.12%2095.79%2C97.72%2087.77%2C95.41%2082.50%2C98.97%2081.65%2C107.28%2072.14%2C110.56%2066.34%2C104.55%2060.00%2C105.00%2055.11%2C111.77%2045.23%2C109.86%2043.22%2C101.75%2037.50%2C98.97%2029.88%2C102.39%2022.28%2C95.79%2024.59%2C87.77%2021.03%2C82.50%2012.72%2C81.65%209.44%2C72.14%2015.45%2C66.34%2015.00%2C60.00%208.23%2C55.11%2010.14%2C45.23%2018.25%2C43.22%2021.03%2C37.50%2017.61%2C29.88%2024.21%2C22.28%2032.23%2C24.59%2037.50%2C21.03%2038.35%2C12.72%2047.86%2C9.44%2053.66%2C15.45%2060.00%2C15.00%2064.89%2C8.23%2074.77%2C10.14%2076.78%2C18.25%2082.50%2C21.03%2090.12%2C17.61%2097.72%2C24.21%2095.41%2C32.23%2098.97%2C37.50%20107.28%2C38.35%20110.56%2C47.86%20104.55%2C53.66%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22black%22%2F%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3Cfilter%20id%3D%22soft%22%20x%3D%22-15%25%22%20y%3D%22-15%25%22%20width%3D%22130%25%22%20height%3D%22130%25%22%3E%0A%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%222%22%20stdDeviation%3D%221.6%22%20flood-color%3D%22%23111%22%20flood-opacity%3D%22.25%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22url%28%23metal%29%22%20mask%3D%22url%28%23ringMask%29%22%20filter%3D%22url%28%23soft%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22none%22%20stroke%3D%22%237f878d%22%20stroke-width%3D%222.2%22%20opacity%3D%22.72%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2239%22%20fill%3D%22none%22%20stroke%3D%22%23eef0f1%22%20stroke-width%3D%221.4%22%20opacity%3D%22.55%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } /* HOME HERO — texto mais compacto, apenas o CTA principal como botão, telefone como ação discreta. */ .home-page .hero{min-height:628px!important;} .home-page .hero-slides{height:552px!important;} .home-page .hero-content{align-items:flex-start!important;padding-top:70px!important;} .home-page .hero-copy{ width:min(100%,860px)!important; max-width:860px!important; height:390px!important; margin:0!important; padding:0!important; } .home-page .hero-copy .eyebrow{margin:0 0 8px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ max-width:820px!important; margin:0 0 8px!important; font-size:clamp(2.7rem,4.55vw,4.2rem)!important; line-height:1.01!important; letter-spacing:-.032em!important; } .home-page .hero-copy p{ max-width:710px!important; margin:0!important; font-size:clamp(1rem,1.32vw,1.16rem)!important; line-height:1.46!important; } .home-page .hero-copy .hero-actions{ position:absolute!important; left:0!important; top:316px!important; bottom:auto!important; display:flex!important; align-items:center!important; gap:26px!important; min-height:54px!important; margin:0!important; } .home-page .hero-call-link{ display:inline-flex!important; align-items:center!important; gap:10px!important; color:#fff!important; font-weight:800!important; text-decoration:none!important; padding:12px 4px!important; border-bottom:1px solid rgba(255,183,27,.72)!important; transition:color .2s ease,border-color .2s ease,transform .2s ease!important; } .home-page .hero-call-link .icon{background-color:#fff!important;} .home-page .hero-call-link:hover{color:var(--yellow)!important;border-color:var(--yellow)!important;transform:translateY(-1px)!important;} .home-page .hero-slide{ transition:opacity 1.65s cubic-bezier(.22,.61,.36,1),transform 10s cubic-bezier(.2,.6,.3,1)!important; transform:scale(1.028)!important; } .home-page .hero-slide.is-active{transform:scale(1)!important;} .home-page .hero-slide-image{transition:filter 1.55s ease!important;} /* Faixa amarela da Home: mensagem apenas, sem CTA duplicado. */ .home-page .yellow-band-inner{min-height:96px!important;justify-content:flex-start!important;} .home-page .yellow-band p{max-width:960px!important;font-size:clamp(1.35rem,2vw,2rem)!important;} .home-page .yellow-band .btn{display:none!important;} /* Experiência: amarelo sutil no texto e CTA principal claramente hierarquizado. */ .home-page .refined-institutional .light-text{ border-left:2px solid rgba(255,183,27,.72)!important; padding-left:18px!important; color:rgba(255,255,255,.87)!important; } .home-page .refined-institutional .accent-year{color:var(--yellow)!important;} .home-page .refined-institutional .inline-actions{gap:12px!important;} /* Segmentos: modelo branco aprovado, com assinatura amarela sutil no card. */ .segments-page .v13-segments-section{background:linear-gradient(180deg,#fff 0%,#fbfbf9 100%)!important;} .segments-page .v13-segment-card{ border:1px solid #e7e5df!important; box-shadow:0 12px 34px rgba(20,22,24,.055)!important; } .segments-page .v13-segment-card::after{ height:4px!important; right:26%!important; background:linear-gradient(90deg,var(--yellow),rgba(255,183,27,.20))!important; } .segments-page .v13-segment-card:hover::after{right:-1px!important;} /* CTAs finais — estilo 1 aprovado: gradiente escuro, botões abaixo do texto, engrenagens metálicas. */ .cta-section:not(.v13-work-photo-cta){ background:radial-gradient(circle at 77% 12%,#30373c 0%,#1a1e21 35%,#101214 76%)!important; border-top:1px solid rgba(255,255,255,.06)!important; } .cta-section:not(.v13-work-photo-cta) .cta-bg{ opacity:.24!important; background-image:linear-gradient(90deg,rgba(9,10,11,.92) 0%,rgba(9,10,11,.69) 46%,rgba(9,10,11,.30) 100%),url('/assets/images/hero-engrenagens.webp')!important; background-size:cover!important; background-position:center 48%!important; } .cta-section:not(.v13-work-photo-cta)::before, .cta-section:not(.v13-work-photo-cta)::after{ background-image:var(--v14-gear)!important; background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; opacity:.33!important; } .cta-section:not(.v13-work-photo-cta)::before{width:270px!important;height:270px!important;right:6%!important;top:-38px!important;} .cta-section:not(.v13-work-photo-cta)::after{width:150px!important;height:150px!important;right:1.6%!important;top:118px!important;} .cta-section:not(.v13-work-photo-cta) .cta-inner{ display:block!important; min-height:0!important; padding-top:66px!important; padding-bottom:66px!important; } .cta-section:not(.v13-work-photo-cta) .cta-inner>div:first-child{max-width:720px!important;} .cta-section:not(.v13-work-photo-cta) .cta-actions{ display:flex!important; flex-direction:row!important; gap:12px!important; margin-top:24px!important; min-width:0!important; justify-content:flex-start!important; } /* Trabalhos — mantém o cartão da marca visível e os CTAs abaixo da copy. */ .works-page .v13-work-photo-cta .cta-bg{ background-position:58% 70%!important; } .works-page .v13-work-photo-cta .cta-actions{justify-content:flex-start!important;} /* Rodapé — menos chapado, engrenagens em par, ambas metálicas. */ .site-footer{ background:linear-gradient(135deg,#121518 0%,#171b1e 48%,#0e1012 100%)!important; } .site-footer::before,.site-footer::after{background-image:var(--v14-gear)!important;} .site-footer::before{right:-56px!important;top:-74px!important;width:320px!important;height:320px!important;opacity:.18!important;} .site-footer::after{right:190px!important;top:100px!important;width:164px!important;height:164px!important;opacity:.13!important;} /* Mobile: versão própria, sem transformar o link de telefone em outro botão grande. */ @media(max-width:860px){ .home-page .hero{min-height:610px!important;} .home-page .hero-slides{height:542px!important;} .home-page .hero-content{padding-top:76px!important;} .home-page .hero-copy{height:392px!important;width:100%!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.45rem,8.7vw,3.85rem)!important;max-width:94%!important;} .home-page .hero-copy p{max-width:92%!important;} .home-page .hero-copy .hero-actions{top:318px!important;gap:18px!important;} .cta-section:not(.v13-work-photo-cta)::before{right:-112px!important;opacity:.18!important;} .cta-section:not(.v13-work-photo-cta)::after{right:54px!important;opacity:.12!important;} } @media(max-width:620px){ .home-page .hero{min-height:590px!important;} .home-page .hero-slides{height:522px!important;} .home-page .hero-content{padding-top:64px!important;} .home-page .hero-copy{height:384px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.25rem,10.7vw,3.35rem)!important;line-height:1.02!important;max-width:100%!important;} .home-page .hero-copy p{font-size:.96rem!important;max-width:100%!important;} .home-page .hero-copy .hero-actions{top:310px!important;display:flex!important;grid-template-columns:none!important;gap:14px!important;align-items:center!important;} .home-page .hero-copy .hero-actions .btn-primary{padding-inline:18px!important;font-size:.8rem!important;} .home-page .hero-call-link{font-size:.82rem!important;} .home-page .yellow-band-inner{padding:22px 0!important;} .cta-section:not(.v13-work-photo-cta) .cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;} } @media(prefers-reduced-motion:reduce){ .home-page .hero-slide{transition:none!important;} } /* ============================== V14 END ============================== */ /* ============================== V15 FINAL POLISH — 24/09/2026 ============================== */ :root{ --v15-gear:url('/assets/logos/gear-metal-outline.svg'); } /* ---------- HERO HOME: texto compacto, botão principal + ação secundária, CTAs fixos ---------- */ .home-page .hero{min-height:626px!important;padding-top:76px!important;} .home-page .hero-slides{height:550px!important;} .home-page .hero-content{align-items:flex-start!important;padding-top:62px!important;} .home-page .hero-copy{ position:relative!important; width:min(100%,835px)!important; max-width:835px!important; height:360px!important; min-height:360px!important; margin:0!important; padding:0!important; display:block!important; } .home-page .hero-copy .eyebrow{margin:0 0 7px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{ margin:0 0 8px!important; max-width:825px!important; font-size:clamp(2.55rem,4.3vw,3.95rem)!important; line-height:1.015!important; letter-spacing:-.032em!important; } .home-page .hero-copy p{ margin:0!important; max-width:700px!important; font-size:clamp(.98rem,1.28vw,1.12rem)!important; line-height:1.45!important; color:rgba(255,255,255,.82)!important; } .home-page .hero-copy .hero-actions{ position:absolute!important; left:0!important; bottom:0!important; top:auto!important; margin:0!important; display:flex!important; align-items:center!important; gap:24px!important; min-height:52px!important; } .home-page .hero-copy .btn-primary{min-width:210px!important;justify-content:center!important;} .home-page .hero-call-link{ display:inline-flex!important;align-items:center!important;gap:10px!important; min-height:46px!important;padding:9px 3px!important;color:#fff!important; font-weight:800!important;text-decoration:none!important;border-bottom:1px solid rgba(255,183,27,.72)!important; } .home-page .hero-call-link:hover{color:var(--yellow)!important;border-color:var(--yellow)!important;} .home-page .hero-slide{transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),transform 11s cubic-bezier(.18,.65,.25,1)!important;transform:scale(1.025)!important;} .home-page .hero-slide.is-active{transform:scale(1)!important;} .home-page .hero-slide-image{transition:filter 1.7s ease!important;} .home-page .hero-bottom{height:72px!important;background:rgba(15,16,17,.88)!important;backdrop-filter:blur(10px)!important;} .home-page .hero-bottom-inner{gap:30px!important;} .home-page .hero-dots{margin-left:4px!important;gap:8px!important;} .home-page .hero-trust{gap:10px!important;margin-left:auto!important;} .home-page .hero-trust-item{min-width:142px!important;} /* ---------- INTERNAL HEROS: mesma régua visual, espaços refinados ---------- */ .internal-hero{min-height:520px!important;} .internal-hero-content{padding-top:100px!important;padding-bottom:62px!important;} .internal-hero .eyebrow{margin-bottom:8px!important;} .internal-hero h1{margin:0 0 10px!important;line-height:1.025!important;letter-spacing:-.032em!important;max-width:880px!important;} .internal-hero p{margin:0 0 22px!important;line-height:1.48!important;max-width:720px!important;} .internal-hero .hero-actions{gap:12px!important;} .internal-hero-bg .internal-hero-image{transition:transform 10s ease,filter 1.4s ease!important;} /* ---------- HOME: experiência ganha vida sem excesso ---------- */ .home-page .refined-institutional .light-text{ border-left:2px solid rgba(255,183,27,.78)!important; padding-left:18px!important; color:rgba(255,255,255,.84)!important; font-weight:650!important; } .home-page .refined-institutional .accent-year{color:var(--yellow)!important;text-shadow:0 0 18px rgba(255,183,27,.10)!important;} .home-page .refined-institutional .inline-actions .btn:first-child{background:var(--yellow)!important;color:#151515!important;border-color:var(--yellow)!important;} .home-page .refined-institutional .inline-actions .btn:nth-child(2){background:#3a3f43!important;border-color:#4b5156!important;color:#fff!important;} .home-page .v10-home-experience-media{background:transparent!important;height:auto!important;} .home-page .v10-home-experience-media img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center 55%!important;} /* ---------- CARDS/IMAGENS: retirar completamente sheen/brilho indesejado ---------- */ .service-photo-card::before,.service-photo-card::after,.machine-card::before,.machine-card::after, .v9-machine-card::before,.v9-machine-card::after,.work-card::before{display:none!important;content:none!important;} .service-photo::before,.service-photo::after{display:none!important;content:none!important;} .service-photo-card:hover .service-photo img,.machine-card:hover .machine-image img,.v9-machine-card:hover .machine-image img{ transform:scale(1.016)!important;filter:none!important; } /* ---------- ESTRUTURA: cards integrados e modernos, sem moldura pesada ---------- */ .structure-page .machine-card,.home-page .structure-preview .machine-card{ overflow:hidden!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:16px!important; background:linear-gradient(180deg,#202326 0%,#17191b 100%)!important;box-shadow:0 16px 36px rgba(0,0,0,.13)!important; } .structure-page .machine-image,.home-page .structure-preview .machine-image{ width:100%!important;height:260px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important; } .structure-page .machine-image img,.home-page .structure-preview .machine-image img{ display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;border:0!important; } .structure-page .machine-card:nth-child(3) .machine-image img,.home-page .structure-preview .machine-card:nth-child(3) .machine-image img{object-position:center 52%!important;} .structure-page .machine-label,.home-page .structure-preview .machine-label{color:var(--yellow)!important;} .structure-page .machine-label::after,.home-page .structure-preview .machine-label::after{content:"";display:block;width:30px;height:2px;background:var(--yellow);margin-top:10px;border-radius:999px;} /* ---------- ESTRUTURA: solução compacta + duas engrenagens no topo direito ---------- */ .structure-page .v9-structure-solution{padding:68px 0!important;position:relative!important;overflow:hidden!important;} .structure-page .v9-structure-solution .split-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;gap:46px!important;align-items:center!important;} .structure-page .v9-structure-solution-media{max-width:390px!important;} .structure-page .v9-structure-solution-media img{aspect-ratio:4/3!important;object-fit:cover!important;border-radius:15px!important;} .v10-gear-cluster{right:2.2%!important;top:20px!important;width:500px!important;height:340px!important;opacity:.24!important;} .v10-gear{background:var(--v15-gear) center/contain no-repeat!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))!important;} .v10-gear-lg{width:330px!important;height:330px!important;right:0!important;top:0!important;animation:v10GearCW 52s linear infinite!important;} .v10-gear-sm{width:178px!important;height:178px!important;right:280px!important;top:124px!important;animation:v10GearCCW 35s linear infinite!important;} /* ---------- SEGMENTOS: modelo branco aprovado, foto no topo + assinatura amarela ---------- */ .segments-page .v13-segments-section{background:linear-gradient(180deg,#fff 0%,#fafaf8 100%)!important;padding:72px 0 82px!important;} .segments-page .v13-segments-head{grid-template-columns:minmax(0,1.08fr) minmax(300px,.7fr) auto!important;gap:36px!important;align-items:end!important;margin-bottom:32px!important;} .segments-page .v13-segments-head h2{font-size:clamp(2.25rem,3.65vw,4rem)!important;line-height:1.015!important;} .segments-page .v13-segments-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;} .segments-page .v13-segment-card{ background:#fff!important;border:1px solid #e5e4df!important;border-bottom:3px solid var(--yellow)!important;border-radius:18px!important; box-shadow:0 14px 34px rgba(20,22,24,.055)!important;overflow:hidden!important;transition:transform .28s ease,box-shadow .28s ease!important; } .segments-page .v13-segment-card::after{display:none!important;content:none!important;} .segments-page .v13-segment-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 52px rgba(0,0,0,.10)!important;} .segments-page .v13-segment-photo{height:225px!important;background-size:cover!important;background-position:center!important;} .segments-page .v13-segment-photo::after{background:linear-gradient(180deg,transparent 58%,rgba(10,12,14,.36) 100%)!important;} .segments-page .v13-segment-body{padding:24px 24px 26px!important;} .segments-page .v13-segment-body h3{margin:7px 0 10px!important;font-size:1.35rem!important;line-height:1.1!important;} .segments-page .v13-segment-body p{color:#61666a!important;line-height:1.52!important;} .segments-page .v13-segment-link{color:#151719!important;font-weight:800!important;} .segments-page .v13-segment-link::after{content:" →";color:var(--yellow)!important;} .segments-page .v13-segment-icon{display:block!important;width:30px!important;height:30px!important;background:var(--yellow)!important;-webkit-mask:var(--seg-icon) center/contain no-repeat;mask:var(--seg-icon) center/contain no-repeat;} .segments-page .v13-segment-card:nth-child(1){--seg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 5h10v6h2l2 3v3h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H2v-7h3zm2 2v3h6V7zm-1 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4m8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E");} .segments-page .v13-segment-card:nth-child(2){--seg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h6v2h-1v3l3 5v8H5v-8l3-5V4H7zm3 5-3 6h6z'/%3E%3Cpath fill='black' d='M16 4h4v16h-4z'/%3E%3C/svg%3E");} .segments-page .v13-segment-card:nth-child(3){--seg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v2h-1v4l5 9a3 3 0 0 1-3 5H8a3 3 0 0 1-3-5l5-9V4H9zm2 7-4 8h10l-4-8z'/%3E%3C/svg%3E");} .segments-page .v13-segment-card:nth-child(4){--seg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 9 5-9 5-9-5zm-9 9 9 5 9-5v3l-9 5-9-5zm0 6 9 5 9-5v3l-9 5-9-5z'/%3E%3C/svg%3E");} /* ---------- TRABALHOS: imagem de fundo valorizada, cartão 100% visível, sem faixa amarela ---------- */ .works-page .v13-work-photo-cta{border-top:0!important;min-height:380px!important;background:#101214!important;} .works-page .v13-work-photo-cta::before,.works-page .v13-work-photo-cta::after{display:none!important;content:none!important;} .works-page .v13-work-photo-cta .cta-bg{ opacity:1!important; background-image:linear-gradient(90deg,rgba(8,10,11,.98) 0%,rgba(8,10,11,.91) 37%,rgba(8,10,11,.57) 59%,rgba(8,10,11,.20) 79%,rgba(8,10,11,.08) 100%),url('/assets/images/cta-gears.webp')!important; background-size:cover!important;background-position:center 76%!important; } .works-page .v13-work-photo-cta .cta-inner{padding-top:68px!important;padding-bottom:66px!important;} .works-page .v13-work-photo-cta .cta-actions{margin-top:23px!important;justify-content:flex-start!important;} /* ---------- CTA FINAL: menos preto chapado, engrenagens em par ---------- */ .cta-section:not(.v13-work-photo-cta){ background:radial-gradient(circle at 78% 12%,#30383e 0%,#20252a 28%,#15191c 60%,#0e1113 100%)!important; border-top:1px solid rgba(255,255,255,.065)!important; } .cta-section:not(.v13-work-photo-cta) .cta-bg{ opacity:.20!important; background-image:linear-gradient(90deg,rgba(8,10,11,.88),rgba(8,10,11,.30)),url('/assets/images/hero-engrenagens.webp')!important; background-size:cover!important;background-position:center 50%!important; } .cta-section:not(.v13-work-photo-cta)::before,.cta-section:not(.v13-work-photo-cta)::after{ display:block!important;content:""!important;position:absolute!important;background:var(--v15-gear) center/contain no-repeat!important;pointer-events:none!important;z-index:1!important; } .cta-section:not(.v13-work-photo-cta)::before{width:285px!important;height:285px!important;right:7%!important;top:-38px!important;opacity:.40!important;animation:v10GearCW 56s linear infinite!important;} .cta-section:not(.v13-work-photo-cta)::after{width:155px!important;height:155px!important;right:1.8%!important;top:118px!important;opacity:.31!important;animation:v10GearCCW 37s linear infinite!important;} .cta-section:not(.v13-work-photo-cta) .cta-inner{padding-top:62px!important;padding-bottom:62px!important;} .cta-section:not(.v13-work-photo-cta) .cta-actions{margin-top:22px!important;justify-content:flex-start!important;} /* ---------- FOOTER: separar visualmente do CTA e usar o mesmo par de engrenagens ---------- */ .site-footer{background:linear-gradient(135deg,#0d1012 0%,#14191c 48%,#0b0e10 100%)!important;border-top:1px solid rgba(255,255,255,.08)!important;position:relative!important;overflow:hidden!important;} .site-footer::before,.site-footer::after{display:block!important;content:""!important;position:absolute!important;background:var(--v15-gear) center/contain no-repeat!important;pointer-events:none!important;z-index:0!important;} .site-footer::before{width:330px!important;height:330px!important;right:-70px!important;top:-85px!important;opacity:.14!important;animation:v10GearCW 72s linear infinite!important;} .site-footer::after{width:175px!important;height:175px!important;right:210px!important;top:100px!important;opacity:.10!important;animation:v10GearCCW 49s linear infinite!important;} .site-footer .footer-main,.site-footer .footer-bottom{position:relative!important;z-index:2!important;} /* ---------- CONTATO: ícones garantidos e legíveis ---------- */ .contact-page .contact-icon{display:block!important;width:22px!important;height:22px!important;background-color:var(--yellow)!important;opacity:1!important;} .contact-page .v10-contact-card{grid-template-columns:26px 1fr!important;column-gap:13px!important;} /* ---------- MOBILE ---------- */ @media(max-width:1060px){ .segments-page .v13-segments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .segments-page .v13-segments-head{grid-template-columns:1fr 1fr!important;} .segments-page .v13-segments-head .btn{grid-column:1/-1;justify-self:start!important;} } @media(max-width:860px){ .home-page .hero{min-height:600px!important;} .home-page .hero-slides{height:532px!important;} .home-page .hero-content{padding-top:66px!important;} .home-page .hero-copy{height:382px!important;width:100%!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.35rem,8.7vw,3.65rem)!important;max-width:96%!important;} .home-page .hero-copy p{max-width:92%!important;} .home-page .hero-trust{display:none!important;} .structure-page .v9-structure-solution .split-grid{grid-template-columns:1fr!important;gap:32px!important;} .structure-page .v9-structure-solution-media{max-width:620px!important;} .v10-gear-cluster{right:-100px!important;top:14px!important;width:345px!important;height:260px!important;opacity:.12!important;} .v10-gear-lg{width:230px!important;height:230px!important;} .v10-gear-sm{width:120px!important;height:120px!important;right:198px!important;top:94px!important;} .cta-section:not(.v13-work-photo-cta)::before{right:-110px!important;opacity:.18!important;} .cta-section:not(.v13-work-photo-cta)::after{right:52px!important;opacity:.13!important;} } @media(max-width:620px){ .home-page .hero{min-height:590px!important;} .home-page .hero-slides{height:522px!important;} .home-page .hero-content{padding-top:56px!important;} .home-page .hero-copy{height:388px!important;} .home-page .hero-copy h1,.home-page .hero-copy h2{font-size:clamp(2.15rem,10.4vw,3.2rem)!important;line-height:1.02!important;} .home-page .hero-copy p{font-size:.94rem!important;max-width:100%!important;} .home-page .hero-copy .hero-actions{gap:14px!important;} .home-page .hero-copy .btn-primary{min-width:0!important;padding-inline:16px!important;font-size:.79rem!important;} .home-page .hero-call-link{font-size:.8rem!important;} .segments-page .v13-segments-head{grid-template-columns:1fr!important;gap:18px!important;} .segments-page .v13-segments-grid{grid-template-columns:1fr!important;} .segments-page .v13-segment-photo{height:220px!important;} .works-page .v13-work-photo-cta{min-height:480px!important;} .works-page .v13-work-photo-cta .cta-bg{background-image:linear-gradient(180deg,rgba(8,10,11,.88) 0%,rgba(8,10,11,.91) 54%,rgba(8,10,11,.74) 100%),url('/assets/images/cta-gears.webp')!important;background-position:66% 76%!important;} .cta-section:not(.v13-work-photo-cta) .cta-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;} .site-footer::before{right:-155px!important;opacity:.09!important;} .site-footer::after{right:38px!important;opacity:.07!important;} } @media(prefers-reduced-motion:reduce){ .home-page .hero-slide,.internal-hero-bg .internal-hero-image,.v10-gear-lg,.v10-gear-sm,.cta-section::before,.cta-section::after,.site-footer::before,.site-footer::after{animation:none!important;transition:none!important;} } /* ============================== V15 END ============================== */ /* ========================================================= V16 — HOME HERO: CTA secundário restaurado + faixa refinada ========================================================= */ @media (min-width: 901px){ .home-page .hero-copy .hero-actions{ gap:12px!important; align-items:stretch!important; } .home-page .hero-call-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:188px!important; min-height:52px!important; padding:0 24px!important; border:1px solid #555c62!important; border-bottom:1px solid #555c62!important; border-radius:7px!important; background:linear-gradient(180deg,#4b5156 0%,#383d42 100%)!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.16)!important; font-weight:800!important; line-height:1!important; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important; } .home-page .hero-call-link:hover{ color:#fff!important; border-color:#697077!important; background:linear-gradient(180deg,#565d63 0%,#41474c 100%)!important; transform:translateY(-1px)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(0,0,0,.2)!important; } .home-page .hero-call-link .icon{background-color:#fff!important;} /* régua inferior: dots à esquerda, credenciais à direita, sem colisão */ .home-page .hero-bottom{height:74px!important;} .home-page .hero-bottom-inner{gap:24px!important;align-items:center!important;} .home-page .hero-dots{flex:0 0 auto!important;margin-left:4px!important;} .home-page .hero-trust{margin-left:auto!important;justify-content:flex-end!important;} /* faixa institucional: menor, com mais respiro e sem competir com o hero */ .home-page .yellow-band{background:#ffb71b!important;} .home-page .yellow-band-inner{min-height:74px!important;padding:14px 0!important;} .home-page .yellow-band p{ max-width:980px!important; font-size:clamp(1.2rem,1.65vw,1.65rem)!important; line-height:1.12!important; letter-spacing:-.025em!important; } } /* ============================== V18 — REFINAMENTO FINAL ============================== */ /* CTAs fotográficos: remover engrenagens decorativas e manter o fundo industrial limpo. */ .cta-section:not(.v13-work-photo-cta)::before, .cta-section:not(.v13-work-photo-cta)::after{ display:none!important; content:none!important; background:none!important; animation:none!important; } /* Responsabilidade: escudo com check, coerente com compromisso/segurança. */ .icon-responsibility{ --card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 20 5v6c0 5.2-3.4 9.7-8 11-4.6-1.3-8-5.8-8-11V5l8-3Zm-1.1 13.6 5.6-5.6-1.4-1.4-4.2 4.2-2-2-1.4 1.4 3.4 3.4Z'/%3E%3C/svg%3E")!important; } /* Contato: relógio inequívoco no cartão de horário. */ .contact-page .icon-clock-contact{ display:block!important; background-color:var(--yellow)!important; -webkit-mask-image:var(--icon-clock)!important; mask-image:var(--icon-clock)!important; -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important; -webkit-mask-position:center!important;mask-position:center!important; -webkit-mask-size:contain!important;mask-size:contain!important; border-radius:0!important; } /* HOME — a foto ocupa o hero inteiro; desaparece a régua preta. */ .home-page .hero-bottom{ height:54px!important; bottom:0!important; background:transparent!important; backdrop-filter:none!important; border:0!important; pointer-events:none!important; } .home-page .hero-bottom-inner{height:100%!important;align-items:center!important;justify-content:flex-start!important;} .home-page .hero-dots{pointer-events:auto!important;margin-left:4px!important;background:rgba(10,11,12,.52)!important;backdrop-filter:blur(8px)!important;} .home-page .hero-bottom .hero-trust{display:none!important;} /* Faixa amarela: credenciais integradas diretamente, sem cartões pretos. */ .home-page .yellow-band{background:#ffb71b!important;color:#121416!important;} .home-page .yellow-band-inner{ min-height:92px!important; padding:15px 0!important; display:grid!important; grid-template-columns:minmax(260px,1.15fr) minmax(620px,1.85fr)!important; align-items:center!important; gap:34px!important; } .home-page .yellow-band p{ margin:0!important;max-width:520px!important; font-size:clamp(1.12rem,1.55vw,1.48rem)!important; line-height:1.12!important;letter-spacing:-.025em!important;font-weight:900!important; } .home-page .yellow-band .hero-trust{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important;margin:0!important;align-items:center!important;opacity:1!important; } .home-page .yellow-band .hero-trust-item{ min-width:0!important;padding:4px 15px!important; display:grid!important;grid-template-columns:24px auto!important;grid-template-rows:auto auto!important; column-gap:9px!important;align-items:center!important; border:0!important;border-left:1px solid rgba(18,20,22,.18)!important;border-radius:0!important; background:transparent!important;backdrop-filter:none!important; } .home-page .yellow-band .hero-trust-item:first-child{border-left:0!important;} .home-page .yellow-band .hero-trust-icon{grid-row:1/3!important;width:20px!important;height:20px!important;background:#17191b!important;} .home-page .yellow-band .hero-trust-item b{color:#17191b!important;font-size:.76rem!important;line-height:1.12!important;margin:0!important;white-space:nowrap!important;} .home-page .yellow-band .hero-trust-item small{color:rgba(23,25,27,.68)!important;font-size:.62rem!important;line-height:1.15!important;white-space:nowrap!important;} @media(max-width:1100px){ .home-page .yellow-band-inner{grid-template-columns:1fr!important;gap:12px!important;padding:16px 0!important;} .home-page .yellow-band p{max-width:none!important;text-align:center!important;} .home-page .yellow-band .hero-trust{width:100%!important;} } @media(max-width:760px){ .home-page .hero-bottom{height:46px!important;} .home-page .yellow-band-inner{padding:15px 0 17px!important;} .home-page .yellow-band p{font-size:1.08rem!important;text-align:left!important;} .home-page .yellow-band .hero-trust{grid-template-columns:1fr 1fr!important;row-gap:12px!important;} .home-page .yellow-band .hero-trust-item{border-left:0!important;padding:2px 6px!important;} .home-page .yellow-band .hero-trust-item:nth-child(even){border-left:1px solid rgba(18,20,22,.18)!important;padding-left:14px!important;} .home-page .yellow-band .hero-trust-item b,.home-page .yellow-band .hero-trust-item small{white-space:normal!important;} } /* ============================== V18 END ============================== */