/* rezeta-child-theme-css */ :root { --track-bg: #030303; --track-bg-alt: #1c1c1c; } body.home { background-color: var(--track-bg) !important; } .track-hero-header.scrolled { background: transparent !important; backdrop-filter: none !important; box-shadow: none !important; border-bottom: none !important; } /* wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /* wp-block-library-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /* classic-theme-styles-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /* global-styles-inline-css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /* rezeta-style-inline-css */ :root { --rezeta-header-bg: #ffffff; --rezeta-header-padding-top: 15px; --rezeta-header-padding-bottom: 15px; --rezeta-logo-height: 219px; --rezeta-footer-bg: #222222; --rezeta-footer-text: #ffffff; --rezeta-footer-padding-top: 40px; --rezeta-footer-padding-bottom: 40px; } /* Flexbox Title Layout */ .rezeta-footer-column-title { font-size: 18px !important; display: flex; flex-direction: column; width: 100%; } /* Reset absolute positioning for Flexbox layout */ .rezeta-footer-column-title--full::after, .rezeta-footer-column-title--above::before { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important; transform: none !important; } /* Center-End (Row Layout) - Special handling */ .rezeta-footer-column-title--center-end { flex-direction: row; gap: 15px; align-items: center; /* Vertical center of line vs text */ } @media (max-width: 991px) { :root { --rezeta-logo-height: 51px; } .rezeta-logo--header img { height: 51px !important; } } @media (max-width: 768px) { .rezeta-logo--footer img { height: 30px !important; } /* Fixed line width on mobile if set */ .rezeta-footer-column-title--full::after, .rezeta-footer-column-title--above::before { width: 60px !important; } .rezeta-footer-column-title--center-end::after { flex: none !important; width: 60px !important; max-width: none !important; } .rezeta-footer-column { text-align: center; align-items: center; } .rezeta-footer-logo-wrap { text-align: center !important; } .rezeta-footer-menu-list { text-align: center; } /* Social icons center handled by flex justify above if column is centered? No, social icons is a block inside column. */ .rezeta-social-icons { justify-content: center; } } body.rezeta-header-transparent .rezeta-header--default { background-color: transparent !important; box-shadow: none !important; } body.rezeta-header-transparent #masthead.rezeta-header--default { background-color: transparent !important; } body.rezeta-header-transparent .rezeta-header { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; } body.rezeta-header-transparent .rezeta-header--default, body.rezeta-header-transparent .rezeta-header--default a, body.rezeta-header-transparent .rezeta-header--default button, body.rezeta-header-transparent .rezeta-header--default input { color: #ffffff !important; } /* Puxa o conteúdo pra cima para aparecer por baixo do menu */ body.rezeta-header-transparent:not(.elementor-page) .rezeta-content-area { padding-top: 10px !important; } body.rezeta-header-transparent.elementor-page .rezeta-content-area { padding-top: 0 !important; } /* rezeta-child-hero-overlay */ /* Oculta o cabeçalho padrão do tema na página inicial quando o Hero do shortcode é usado */ body.rezeta-hero-overlay #masthead.rezeta-header.rezeta-header--default, body.rezeta-hero-overlay #masthead.rezeta-header.rezeta-header--elementor, body.home #masthead.rezeta-header.rezeta-header--default, body.home #masthead.rezeta-header.rezeta-header--elementor { display: none !important; } /* Hero começa no topo da viewport; menu do shortcode fica por cima */ body.rezeta-hero-overlay #page { padding-top: 0 !important; } body.rezeta-hero-overlay .track-hero-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 100050 !important; } body.rezeta-hero-overlay .track-hero-header:not(.scrolled) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; } body.rezeta-hero-overlay .track-hero-header.scrolled { top: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; } /* Só no desktop: no mobile o menu abre num painel branco, texto branco ficava invisível. */ @media (min-width: 1025px) { body.rezeta-hero-overlay .track-hero-nav a { color: #ffffff !important; } body.rezeta-hero-overlay .track-hero-nav a:hover { color: var(--track-orange, #ff5e00) !important; } } body.rezeta-hero-overlay .track-hero-header.scrolled .track-hero-nav a, body.rezeta-hero-overlay .track-hero-header.scrolled .track-hero-header-logo, body.rezeta-hero-overlay .track-hero-header.scrolled .track-hero-header-logo span { color: #111111 !important; } /* inline */ .track-hero { position: relative; width: 100%; box-sizing: border-box; min-height: 100vh; background-color: var(--track-bg); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 140px 2rem 72px; overflow: hidden; z-index: 1; } .track-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)), url('../img/eventos/conexao-farma-2.jpg'); background-size: cover; background-position: center; transform: scale(1.06); filter: blur(6px); z-index: -2; } /* Grid overlay para dar um ar tech inspirado em gradientprotemplate */ .track-hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(255, 94, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 94, 0, 0.05) 1px, transparent 1px); background-size: 50px 50px; z-index: -1; opacity: 0.5; } /* Nav (Logo improvisada) */ .track-hero-header { position: absolute; top: 0; left: 0; width: 100%; padding: 15px 24px 15px; box-sizing: border-box; z-index: 10; transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, padding 0.25s ease, transform 0.28s ease; } .track-hero-header-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 24px; width: 100%; } .track-hero-header-logo { font-size: 2.19rem; font-weight: 800; color: #fff; letter-spacing: 2px; text-transform: uppercase; } .track-hero-header-logo span { color: var(--track-orange); } .track-hero-header-logo--image img, .track-hero-header-logo-img { display: block; max-height: 219px; width: auto; height: auto; } .track-hero-header:not(.scrolled) .track-hero-header-logo--image img, .track-hero-header:not(.scrolled) .track-hero-header-logo-img { filter: brightness(0) invert(1); } .track-hero-nav a { color: var(--track-text); font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; } .track-hero-menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; flex-wrap: nowrap; justify-content: flex-end; gap: 11px; } .track-hero-menu > li > a { white-space: nowrap; } .track-hero-menu li { margin: 0; padding: 0; } .track-hero-menu > li.menu-item-has-children { position: relative; } /* Coluna isolada: Área Exclusiva à direita do menu principal */ @media (min-width: 1025px) { .track-hero-menu > li.track-nav-exclusive { margin-left: auto; padding-left: 0.9rem; margin-right: 0; border-left: 1px solid rgba(255, 255, 255, 0.28); flex-shrink: 0; } .track-hero-header.scrolled .track-hero-menu > li.track-nav-exclusive { border-left-color: rgba(0, 0, 0, 0.12); } .track-hero-menu > li.track-nav-exclusive > a { display: inline-flex; align-items: center; gap: 0.35em; padding: 0.4em 0.85em; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; background: rgba(255, 255, 255, 0.06); letter-spacing: 0.04em; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; white-space: nowrap; } .track-hero-menu > li.track-nav-exclusive > a:hover, .track-hero-menu > li.track-nav-exclusive.is-open > a { color: #fff; border-color: var(--track-orange); background: rgba(255, 94, 0, 0.18); } .track-hero-header.scrolled .track-hero-menu > li.track-nav-exclusive > a { border-color: rgba(0, 0, 0, 0.14); background: rgba(0, 0, 0, 0.04); color: #111111; } .track-hero-header.scrolled .track-hero-menu > li.track-nav-exclusive > a:hover, .track-hero-header.scrolled .track-hero-menu > li.track-nav-exclusive.is-open > a { border-color: var(--track-orange); background: rgba(255, 94, 0, 0.1); color: var(--track-orange); } } .track-hero-menu > li.menu-item-has-children > a { display: inline-flex; align-items: center; gap: 0.35em; } .track-hero-menu > li.menu-item-has-children > a::after { content: ''; width: 0.45em; height: 0.45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-0.1em); opacity: 0.85; transition: transform 0.2s ease; flex-shrink: 0; } .track-hero-menu > li.menu-item-has-children.is-open > a::after { transform: rotate(225deg) translateY(-0.05em); } /* Ponte invisível para o cursor não “cair” no intervalo até o dropdown */ .track-hero-menu > li.menu-item-has-children::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 18px; display: none; } .track-hero-menu > li.menu-item-has-children.is-open::after, .track-hero-menu > li.menu-item-has-children:hover::after { display: block; } .track-hero-menu > li.menu-item-has-children > .sub-menu { position: absolute; top: 100%; right: 0; left: auto; transform: translateY(10px); min-width: 280px; margin: 0; padding: 10px 0; list-style: none; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; z-index: 100080; } .track-hero-menu > li.menu-item-has-children.is-open > .sub-menu, .track-hero-menu > li.menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(10px); } /* Mantém o painel “colado” visualmente com a ponte (::after) */ @media (min-width: 1025px) { .track-hero-menu > li.menu-item-has-children.is-open > .sub-menu, .track-hero-menu > li.menu-item-has-children:focus-within > .sub-menu { transform: translateY(10px); } } .track-hero-menu > li.menu-item-has-children > .sub-menu a { display: block; padding: 12px 18px; color: #111111 !important; font-size: 0.82em; font-weight: 600; text-transform: none; letter-spacing: 0.02em; white-space: normal; line-height: 1.35; } .track-hero-menu > li.menu-item-has-children > .sub-menu a:hover { color: var(--track-orange) !important; background: rgba(255, 94, 0, 0.06); } .track-hero-menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: none; background: transparent; cursor: pointer; border-radius: 8px; flex-shrink: 0; margin-left: auto; color: #fff; transition: background-color 0.2s ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } .track-hero-menu-toggle:hover { background: rgba(255, 255, 255, 0.12); } .track-hero-header.scrolled .track-hero-menu-toggle:hover { background: rgba(0, 0, 0, 0.06); } .track-hero-menu-toggle-bar { display: block; width: 22px; height: 2px; margin: 5px auto; background: currentColor; border-radius: 1px; transition: transform 0.25s ease, opacity 0.2s ease; } .track-hero-header.scrolled .track-hero-menu-toggle { color: #111111; } /* 12px = distância entre os centros das barras (2px de altura + 5px de margem acima e abaixo); é o deslocamento necessário para formar o X. */ .track-hero-menu-toggle.is-active .track-hero-menu-toggle-bar:nth-child(1) { transform: translateY(12px) rotate(45deg); } .track-hero-menu-toggle.is-active .track-hero-menu-toggle-bar:nth-child(2) { opacity: 0; } .track-hero-menu-toggle.is-active .track-hero-menu-toggle-bar:nth-child(3) { transform: translateY(-12px) rotate(-45deg); } .track-hero-nav-wrap { display: flex; flex: 1; justify-content: flex-end; align-items: center; min-width: 0; } .track-hero-nav { width: 100%; display: flex; justify-content: flex-end; } .track-hero-nav a:hover { color: var(--track-orange); } /* Sticky: fundo branco, logo preto e menu escuro */ .track-hero-header.scrolled { position: fixed; top: 0 !important; left: 0; right: 0; width: 100%; background: #ffffff !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-top: 3px !important; padding-bottom: 3px !important; z-index: 100050; transform: translateY(0); transition: transform 0.28s ease, background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, padding 0.25s ease; min-height: 0; } .track-hero-header.scrolled .track-hero-header-inner { min-height: 0; align-items: center; } .track-hero-header.scrolled.header-hidden { transform: translateY(-100%); box-shadow: none; } /* Com o menu mobile aberto o header não pode ter transform: qualquer valor diferente de "none" torna-o o bloco de contenção do painel position: fixed. */ .track-hero-header.menu-open, .track-hero-header.scrolled.menu-open, .track-hero-header.scrolled.menu-open.header-hidden { transform: none !important; } .track-hero-header.scrolled .track-hero-nav a { font-size: 12px !important; letter-spacing: 0.5px; line-height: 1.2; } .track-hero-header.scrolled .track-hero-nav a, .track-hero-header.scrolled .track-hero-header-logo { color: #111111; } .track-hero-header.scrolled .track-hero-header-logo span { color: #111111; } .track-hero-header.scrolled .track-hero-header-logo--image img, .track-hero-header.scrolled .track-hero-header-logo-img { height: 117px !important; max-height: 117px !important; width: auto !important; filter: none !important; } /* Content */ .track-hero-content { max-width: 800px; margin-top: 100px; } .track-hero-top-image { margin: 0 auto 24px; max-width: min(400px, 92vw); text-align: center; } .track-hero-top-image img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; border-radius: 12px; box-shadow: 0 14px 48px rgba(0, 0, 0, 0.45); } .track-hero-tag { display: inline-block; background: rgba(255, 94, 0, 0.1); border: 1px solid var(--track-orange); color: var(--track-orange); padding: 8px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; } .track-hero-title { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 50px; font-weight: 900; line-height: 1.08; margin-bottom: 20px; letter-spacing: -0.02em; color: #ffffff; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: #ffffff; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45); } .track-hero-title span { color: #ffffff; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: #ffffff; } .track-hero-desc { font-size: 1.2rem; color: var(--track-text-muted); margin-bottom: 40px; line-height: 1.6; } .track-hero-deliver { width: 100%; max-width: 1100px; margin: 56px auto 0; padding: 0 0 8px; opacity: 0; transform: translateY(-56px); pointer-events: none; transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } .track-hero-deliver.is-in { opacity: 1; transform: translateY(0); pointer-events: auto; } .track-hero-deliver-title { margin: 0 0 28px; font-family: 'Inter', sans-serif; font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 800; color: #fff; letter-spacing: -0.01em; text-align: center; } .track-hero-deliver-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; text-align: left; } .track-hero-deliver-card { background: rgba(10, 10, 10, 0.72); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 22px 20px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); opacity: 0; transform: translateY(-28px); transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, box-shadow 0.25s ease; } .track-hero-deliver.is-in .track-hero-deliver-card { opacity: 1; transform: translateY(0); } .track-hero-deliver.is-in .track-hero-deliver-card:nth-child(1) { transition-delay: 0.12s; } .track-hero-deliver.is-in .track-hero-deliver-card:nth-child(2) { transition-delay: 0.24s; } .track-hero-deliver.is-in .track-hero-deliver-card:nth-child(3) { transition-delay: 0.36s; } .track-hero-deliver-card:hover { border-color: rgba(255, 94, 0, 0.45); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 94, 0, 0.12); } .track-hero-deliver-card h3 { margin: 0 0 10px; font-size: 1rem; font-weight: 800; color: #fff; line-height: 1.35; } .track-hero-deliver-card p { margin: 0; font-size: 0.92rem; line-height: 1.55; color: rgba(255, 255, 255, 0.78); } .track-hero-deliver-cta { margin-top: 28px; text-align: center; } @media (max-width: 900px) { .track-hero-deliver-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .track-hero-deliver, .track-hero-deliver-card { opacity: 1; transform: none; transition: none; } } body.track-hero-menu-open { overflow: hidden; } @media (max-width: 1024px) { .track-hero-menu-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Onde o menu colapsa em hamburger o logo usa a altura mobile: com a altura de desktop o header chegava a 249px e comia o ecrã em tablet/landscape. */ .track-hero-header-logo--image img, .track-hero-header-logo-img { max-height: 51px; } .track-hero-nav-wrap { position: fixed; inset: 0; z-index: 100060; flex: none; justify-content: flex-start; align-items: stretch; /* --track-hero-header-h é medida em track-interactions.js: mantém o primeiro item abaixo do header (que fica por cima do painel). */ padding: calc(var(--track-hero-header-h, 92px) + 18px) 1.25rem 2.5rem; background: #ffffff; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.28s ease, visibility 0.28s ease; } .track-hero-nav-wrap.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .track-hero-nav { display: block; width: 100%; } .track-hero-menu { flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 0; width: 100%; max-width: 420px; margin: 0 auto; } .track-hero-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .track-hero-menu li:last-child { border-bottom: none; } .track-hero-menu a { display: block; padding: 1rem 0.25rem; font-size: 1.54rem; color: #111111 !important; } .track-hero-menu > li > a { white-space: normal; } /* O sticky reduz a fonte do menu para desktop; no painel mobile isso deixava os itens com 12px. */ .track-hero-header.scrolled .track-hero-menu > li > a { font-size: 1.54rem !important; } .track-hero-header.scrolled .track-hero-menu .sub-menu a { font-size: 1.05rem !important; } /* Logo do sticky usa a altura mobile: 117px ocupava metade do ecrã. */ .track-hero-header.scrolled .track-hero-header-logo--image img, .track-hero-header.scrolled .track-hero-header-logo-img { height: auto !important; max-height: 51px !important; } .track-hero-menu a.track-btn { margin-top: 0.75rem; text-align: center; border-radius: 50px; padding: 20px 32px; background: var(--track-orange, #ff5e00) !important; color: #fff !important; } /* Selector com a mesma especificidade do dropdown desktop (e depois dele na cascata), senão o submenu mobile continua a ser um card absolute. */ .track-hero-menu > li.menu-item-has-children > .sub-menu, .track-hero-menu .sub-menu { list-style: none; margin: 0; padding: 0 0 0.35rem 0.75rem; position: static; right: auto; left: auto; transform: none !important; opacity: 1; visibility: visible; pointer-events: auto; min-width: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; display: none; } .track-hero-menu > li.menu-item-has-children.is-open > .sub-menu { display: block; } /* Trigger de submenu ocupa a linha toda: alvo de toque completo e seta à direita. */ .track-hero-menu > li.menu-item-has-children > a { display: flex; width: 100%; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 0.5em; } .track-hero-menu > li.menu-item-has-children > a::after { margin-left: auto; } .track-hero-menu > li.track-nav-exclusive { margin-left: 0; padding-left: 0; border-left: none; } .track-hero-menu > li.track-nav-exclusive > a { border: none; border-radius: 0; background: transparent; padding: 1rem 0.25rem; } .track-hero-menu > li.menu-item-has-children::after { display: none !important; } .track-hero-menu > li.menu-item-has-children > .sub-menu a, .track-hero-menu .sub-menu a { font-size: 1.05rem; font-weight: 500; padding: 0.65rem 0.25rem; color: #333 !important; text-transform: none; background: transparent; } .track-hero-header.menu-open { z-index: 100062 !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .track-hero-header.menu-open .track-hero-header-logo, .track-hero-header.menu-open .track-hero-header-logo span { color: #111111 !important; } .track-hero-header.menu-open .track-hero-header-logo--image img, .track-hero-header.menu-open .track-hero-header-logo-img { filter: none !important; } .track-hero-header.menu-open .track-hero-menu-toggle { color: #111111; } .track-hero-header.menu-open .track-hero-header-logo, .track-hero-header.menu-open .track-hero-menu-toggle { position: relative; z-index: 100063; } /* Sem o menu inline o hero não precisa dos 240px reservados no desktop. */ .track-hero { padding: 109px 2rem 64px; } .track-hero-content { margin-top: 0; } } @media (max-width: 768px) { .track-hero-title { font-size: min(3rem, 28px); } .track-hero-header { padding: 20px 16px; } .track-hero-header-inner { flex-wrap: nowrap; align-items: center; gap: 12px; } /* 140px de padding + 100px de margem deixavam ~240px vazios acima do conteúdo. */ /* 40px = padding vertical do header mobile definido acima. */ .track-hero { padding: 119px 1.25rem 56px; } .track-hero-content { margin-top: 0; } .track-hero-desc { font-size: 1.05rem; } } /* inline */ .track-about { background-color: var(--track-bg-alt); padding: 100px 5%; display: flex; align-items: center; justify-content: center; color: var(--track-text); position: relative; z-index: 2; } .track-about-container { width: 100%; max-width: 1200px; display: flex; flex-direction: column; gap: 48px; } .track-about-top { display: flex; align-items: stretch; gap: 48px; } .track-about-img { flex: 0 0 clamp(220px, 34%, 400px); position: relative; min-height: 280px; align-self: stretch; } .track-about-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255, 94, 0, 0.2); z-index: 2; } .track-about-img::after { content: ''; position: absolute; top: 18px; left: -18px; right: 18px; bottom: -18px; border: 2px solid var(--track-orange); border-radius: 12px; z-index: 1; opacity: 0.5; pointer-events: none; } .track-about-text { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; } .track-about-text h2 { font-size: var(--track-section-title-fs, 3rem); font-weight: 800; margin-top: 0; margin-bottom: 12px; line-height: 1.2; } .track-suptitle { color: var(--track-orange); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; font-weight: 800; display: block; margin-bottom: 24px; } .track-about-text p { color: var(--track-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 24px; } .track-about-text p:last-child { margin-bottom: 0; } .track-about-essencia { width: 100%; margin-top: 0; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .track-about-essencia-head { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; } .track-about-essencia-icon { font-size: 1.35rem; line-height: 1; } .track-about-essencia-title { margin: 0; font-size: 1rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; line-height: 1.3; } .track-about-essencia-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .track-about-essencia-card { background: transparent; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; padding: 26px 22px; min-height: 100%; transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease; } .track-about-essencia-card:hover, .track-about-essencia-card:active { background: rgba(255, 94, 0, 0.12); border-color: rgba(255, 94, 0, 0.55); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 94, 0, 0.12); transform: translateY(-4px); } .track-about-essencia-card h4 { margin: 0 0 12px; font-size: 1.05rem; font-weight: 800; color: #fff; line-height: 1.35; transition: color 0.28s ease; } .track-about-essencia-card:hover h4, .track-about-essencia-card:active h4 { color: var(--track-orange); } .track-about-essencia-card p { margin: 0; font-size: 0.95rem; line-height: 1.6; color: var(--track-text-muted); transition: color 0.28s ease; } .track-about-essencia-card:hover p, .track-about-essencia-card:active p { color: rgba(255, 255, 255, 0.88); } .track-about-essencia-cta { margin-top: 28px; text-align: left; } .track-about-essencia-cta .track-btn { display: inline-block; } @media (prefers-reduced-motion: reduce) { .track-about-essencia-card, .track-about-essencia-card h4, .track-about-essencia-card p { transition: none; } .track-about-essencia-card:hover, .track-about-essencia-card:active { transform: none; } } @media (max-width: 900px) { .track-about-top { flex-direction: column; align-items: stretch; } .track-about-img { flex: none; width: 100%; max-width: none; height: min(62vw, 420px); min-height: 260px; } .track-about-img::after { top: 14px; left: -12px; right: 12px; bottom: -12px; } .track-about-text h2 { font-size: var(--track-section-title-fs-sm, 2.5rem); } .track-about-essencia-grid { grid-template-columns: 1fr; } } /* inline */ .track-workflow { background: var(--track-bg); padding: 100px 5%; color: var(--track-text); position: relative; z-index: 2; } .track-workflow-container { max-width: 1000px; margin: 0 auto; } .track-workflow-head { text-align: center; max-width: 820px; margin: 0 auto 48px; } .track-workflow h2 { display: inline-block; background: rgba(255, 94, 0, 0.1); border: 1px solid var(--track-orange); color: var(--track-orange); padding: 8px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 700; line-height: 1.2; margin: 0 0 18px; letter-spacing: 0.08em; text-transform: uppercase; } .track-workflow-h2-sub { margin: 0 0 22px; font-size: clamp(2.2rem, 5vw, 3.35rem); font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; color: #fff; text-shadow: 0 2px 28px rgba(0, 0, 0, 0.45); } .track-workflow-tagline { margin: 0 0 28px; font-size: clamp(1.15rem, 2.2vw, 1.65rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-workflow-intro, .track-workflow-steps-lead { margin: 0 0 18px; color: var(--track-text-muted); font-size: 1.08rem; line-height: 1.75; } .track-workflow-steps-lead { margin-bottom: 0; color: rgba(255, 255, 255, 0.88); font-weight: 600; } .track-workflow-steps { list-style: none; margin: 48px 0 0; padding: 0; counter-reset: workflow-step; display: flex; flex-direction: column; gap: 18px; position: relative; } .track-workflow-steps::before { content: ''; position: absolute; top: 30px; bottom: 30px; left: 29px; width: 2px; background: linear-gradient(to bottom, rgba(255, 94, 0, 0.55), rgba(255, 94, 0, 0.08)); z-index: 0; } .track-workflow-step { position: relative; z-index: 1; display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: start; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 22px 22px 22px 16px; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .track-workflow-step:hover { background: var(--track-orange); border-color: var(--track-orange); box-shadow: 0 14px 36px rgba(255, 94, 0, 0.35); transform: translateY(-2px); } .track-workflow-step::before { counter-increment: workflow-step; content: counter(workflow-step); display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: var(--track-bg); border: 3px solid var(--track-orange); color: var(--track-orange); font-size: 1.35rem; font-weight: 900; box-shadow: 0 0 0 8px rgba(3, 3, 3, 0.9); flex-shrink: 0; } .track-workflow-step-body { min-width: 0; text-align: left; padding-top: 4px; } .track-workflow-step-body h3 { margin: 0 0 8px; font-size: 1.15rem; font-weight: 800; color: #fff; line-height: 1.3; transition: color 0.25s ease; } .track-workflow-step-body p { margin: 0; font-size: 1rem; line-height: 1.65; color: var(--track-text-muted); transition: color 0.25s ease; } .track-workflow-step:hover .track-workflow-step-body h3, .track-workflow-step:hover .track-workflow-step-body p { color: #fff; } @media (prefers-reduced-motion: reduce) { .track-workflow-step { transition: none; } .track-workflow-step:hover { transform: none; } } @media (max-width: 700px) { .track-workflow-steps::before { left: 24px; } .track-workflow-step { grid-template-columns: 50px 1fr; gap: 14px; padding: 18px 16px 18px 12px; } .track-workflow-step::before { width: 48px; height: 48px; font-size: 1.15rem; box-shadow: 0 0 0 6px rgba(3, 3, 3, 0.9); } .track-workflow h2 { font-size: 0.78rem; padding: 7px 14px; } .track-workflow-h2-sub { font-size: var(--track-section-title-fs-sm, 2.5rem); } } /* inline */ .track-markets { background: var(--track-bg-alt); padding: 100px 5%; color: var(--track-text); position: relative; z-index: 2; } .track-markets-container { max-width: 1100px; margin: 0 auto; } .track-markets-head { max-width: 820px; margin: 0 auto 44px; text-align: center; } .track-markets h2 { font-size: clamp(2rem, 4vw, var(--track-section-title-fs, 3rem)); font-weight: 900; line-height: 1.15; margin: 0 0 14px; letter-spacing: -0.02em; color: #fff; } .track-markets-tagline { margin: 0 0 22px; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-markets-intro { margin: 0; color: var(--track-text-muted); font-size: 1.08rem; line-height: 1.75; } .track-markets-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .track-markets-card { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 26px 24px; text-align: left; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .track-markets-card:hover { background: var(--track-orange); border-color: var(--track-orange); box-shadow: 0 14px 36px rgba(255, 94, 0, 0.35); transform: translateY(-3px); } .track-markets-card h3 { margin: 0 0 10px; font-size: 1.08rem; font-weight: 800; color: #fff; line-height: 1.35; transition: color 0.25s ease; } .track-markets-card p { margin: 0; font-size: 0.98rem; font-weight: 400; line-height: 1.65; color: var(--track-text-muted); transition: color 0.25s ease; } .track-markets-card:hover h3, .track-markets-card:hover p { color: #fff; } @media (prefers-reduced-motion: reduce) { .track-markets-card { transition: none; } .track-markets-card:hover { transform: none; } } @media (max-width: 800px) { .track-markets-grid { grid-template-columns: 1fr; } .track-markets h2 { font-size: var(--track-section-title-fs-sm, 2.5rem); } } /* inline */ .track-differentials { background-color: var(--track-bg); padding: 100px 5%; color: var(--track-text); } .track-differentials-inner { max-width: 1200px; margin: 0 auto; } .track-diff-section-header { max-width: 800px; margin: 0 auto 48px; text-align: center; } .track-diff-section-header .track-diff-icon-wrap { font-size: 1.5rem; line-height: 1; margin-bottom: 12px; } .track-diff-main-title { font-size: var(--track-section-title-fs, 3rem); font-weight: 900; margin: 0 0 14px; line-height: 1.15; color: var(--track-text); letter-spacing: -0.02em; } .track-diff-tagline { margin: 0 auto 22px; max-width: 720px; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-diff-lead { margin: 0 auto; max-width: 760px; font-size: 1.08rem; line-height: 1.7; color: var(--track-text-muted); } .track-diff-block--pillars .track-diff-section-header { margin-bottom: 36px; } .track-diff-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; overflow: hidden; background: #0a0a0a; } .track-diff-pillar-card { background: transparent; border: none; border-radius: 0; border-right: 1px solid rgba(255, 255, 255, 0.12); padding: 32px 28px; min-height: 0; transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease; } .track-diff-pillar-card:last-child { border-right: none; } .track-diff-pillar-card:hover, .track-diff-pillar-card:active { background: var(--track-orange); border-color: var(--track-orange); box-shadow: 0 12px 32px rgba(255, 94, 0, 0.35); transform: translateY(-4px); } .track-diff-pillar-card h4 { margin: 0 0 14px; font-size: 1.15rem; font-weight: 800; color: #fff; line-height: 1.3; transition: color 0.28s ease; } .track-diff-pillar-card:hover h4, .track-diff-pillar-card:active h4 { color: #fff; } .track-diff-pillar-card p { margin: 0; font-size: 0.98rem; font-weight: 400; line-height: 1.65; color: var(--track-text-muted); transition: color 0.28s ease; } .track-diff-pillar-card:hover p, .track-diff-pillar-card:active p { color: #fff; } @media (max-width: 900px) { .track-diff-grid { grid-template-columns: 1fr; } .track-diff-pillar-card { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .track-diff-pillar-card:last-child { border-bottom: none; } } .track-diff-closing { margin: 28px 0 0; font-size: 1.05rem; font-weight: 800; color: #fff; line-height: 1.5; text-align: center; } .track-diff-sep { border: none; height: 1px; background: rgba(255, 255, 255, 0.08); margin: 48px 0; } .track-diff-numbers-block .track-diff-section-header { margin-bottom: 40px; } .track-diff-num-tagline { margin: 0 auto 22px; max-width: 760px; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-diff-num-intro2 { margin: 18px auto 0; max-width: 760px; font-size: 1.02rem; font-weight: 400; line-height: 1.7; color: var(--track-text-muted); } .track-diff-num-intro3 { margin: 18px auto 0; max-width: 760px; font-size: 1.05rem; font-weight: 600; line-height: 1.65; color: rgba(255, 255, 255, 0.88); } .track-diff-numbers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; text-align: left; align-items: stretch; } .track-diff-num-item { background: rgba(255, 255, 255, 0.03); padding: 26px 24px; border-radius: 14px; border: 1px solid var(--track-border); transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease; min-width: 0; } .track-diff-num-item:hover { background: rgba(255, 94, 0, 0.12); border-color: rgba(255, 94, 0, 0.5); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45); transform: translateY(-2px); } .track-diff-num-item--wide { grid-column: 1 / -1; max-width: none; margin: 0; } .track-diff-num-value { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; color: var(--track-orange); margin-bottom: 8px; line-height: 1.1; } .track-diff-num-label { font-size: 1.08rem; font-weight: 800; color: #fff; line-height: 1.35; margin-bottom: 10px; transition: color 0.3s ease; } .track-diff-num-text { margin: 0; font-size: 0.95rem; font-weight: 400; line-height: 1.6; color: var(--track-text-muted); transition: color 0.3s ease; } .track-diff-num-item:hover .track-diff-num-label { color: var(--track-orange); } .track-diff-num-item:hover .track-diff-num-text { color: rgba(255, 255, 255, 0.88); } @media (max-width: 800px) { .track-diff-numbers-grid { grid-template-columns: 1fr; } .track-diff-num-item--wide { grid-column: auto; } } @media (prefers-reduced-motion: reduce) { .track-diff-num-item { transition: none; } .track-diff-num-item:hover { transform: none; } } @media (prefers-reduced-motion: reduce) { .track-diff-pillar-card, .track-diff-pillar-card h4, .track-diff-pillar-card p { transition: none; } .track-diff-pillar-card:hover, .track-diff-pillar-card:active { transform: none; } .track-diff-num-item, .track-diff-num-label { transition: none; } .track-diff-num-item:hover { background: rgba(255, 255, 255, 0.03); border-color: var(--track-border); box-shadow: none; } .track-diff-num-item:hover .track-diff-num-label { color: var(--track-text-muted); } } .track-differentials.track-differentials--numbers-standalone .track-diff-numbers-block { margin-top: 0; } /* inline */ .track-services { background-color: var(--track-bg); padding: 100px 5%; color: var(--track-text); } /* Oculto a pedido: remover esta regra e a classe track-services--hidden-from-client na
para voltar a mostrar. */ .track-services.track-services--hidden-from-client { display: none !important; } .track-services-header { max-width: 800px; margin: 0 auto 48px; text-align: center; } .track-services-header .track-services-suptitle { display: block; margin-bottom: 12px; color: var(--track-orange); font-weight: 800; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.14em; } .track-services-header h2 { font-size: var(--track-section-title-fs, 3rem); font-weight: 800; margin: 0 0 16px; line-height: 1.2; } .track-services-lead { margin: 0 auto; max-width: 720px; font-size: 1.1rem; line-height: 1.65; color: var(--track-text-muted); } .track-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; } @media (min-width: 960px) { .track-services-grid { grid-template-columns: repeat(3, 1fr); } } .track-service-item { background: rgba(255, 255, 255, 0.04); border: 1px solid var(--track-border); border-radius: 12px; padding: 28px 24px; transition: background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease; display: flex; align-items: flex-start; gap: 16px; } .track-service-item:hover { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 94, 0, 0.55); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 94, 0, 0.12); transform: translateY(-4px); } .track-service-icon { color: #fff; font-weight: 800; font-size: 1rem; background: rgba(255, 94, 0, 0.35); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; transition: background-color 0.28s ease, color 0.28s ease; } .track-service-item:hover .track-service-icon { background: var(--track-orange); color: #fff; } .track-service-text { font-size: 1.05rem; line-height: 1.55; color: var(--track-text); margin: 0; transition: color 0.28s ease; } .track-service-item:hover .track-service-text { color: rgba(255, 255, 255, 0.88); } @media (prefers-reduced-motion: reduce) { .track-service-item, .track-service-icon, .track-service-text { transition: none; } .track-service-item:hover { transform: none; } } .track-services-footer { max-width: 800px; margin: 48px auto 0; text-align: center; font-size: 1.15rem; font-weight: 800; line-height: 1.5; color: var(--track-text); } @media (max-width: 900px) { .track-services-header h2 { font-size: var(--track-section-title-fs-sm, 2.5rem); } } /* inline */ .track-clients { background-color: var(--track-bg-alt); padding: 80px 5% 80px; overflow: hidden; border-top: 1px solid var(--track-border); border-bottom: 1px solid var(--track-border); } .track-clients-inner { max-width: 1200px; margin: 0 auto; } .track-clients .track-section-header { max-width: 960px; margin: 0 auto 48px; text-align: center; } .track-clients .track-section-header .track-section-icon { font-size: 1.5rem; line-height: 1; margin-bottom: 12px; } .track-clients .track-section-title { font-size: var(--track-section-title-fs, 3rem); font-weight: 900; margin: 0 0 14px; line-height: 1.15; letter-spacing: -0.02em; color: var(--track-text); } .track-clients .track-section-tagline { margin: 0 auto 22px; max-width: min(820px, 94vw); font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-clients .track-section-lead { margin: 0 auto 18px; max-width: min(960px, 94vw); font-size: 1.08rem; line-height: 1.7; color: var(--track-text-muted); } .track-clients .track-section-highlight { margin: 0 auto; max-width: min(960px, 94vw); font-size: 1.08rem; font-weight: 400; line-height: 1.7; color: var(--track-text-muted); } .track-clients-marquee-wrapper { overflow: hidden; mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent); } .track-clients-marquee { display: flex; width: max-content; animation: track-clients-marquee 36s linear infinite; } .track-clients-marquee:hover { animation-play-state: paused; } .track-clients-card { display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0 9px; background: transparent; border: none; } .track-clients-tile { display: flex; align-items: center; justify-content: center; width: 168px; min-height: 120px; padding: 16px 20px; background: #ffffff; border-radius: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; } .track-clients-card:hover .track-clients-tile { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35); } .track-clients-tile img { width: auto; height: auto; max-width: 100%; max-height: 56px; object-fit: contain; object-position: center; } @keyframes track-clients-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 900px) { .track-clients .track-section-title { font-size: var(--track-section-title-fs-sm, 2.5rem); } .track-clients-tile { width: 140px; min-height: 100px; padding: 14px 16px; } } @media (max-width: 520px) { .track-clients-card { padding: 0 6px; } .track-clients-tile { width: 120px; min-height: 88px; padding: 12px 14px; } .track-clients-tile img { max-height: 44px; } } @media (prefers-reduced-motion: reduce) { .track-clients-marquee { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; gap: 12px; } .track-clients-marquee .track-clients-card[aria-hidden="true"] { display: none; } .track-clients-marquee-wrapper { mask-image: none; -webkit-mask-image: none; } } /* inline */ .track-gallery { background-color: var(--track-bg); padding: 100px 0; overflow: hidden; position: relative; } .track-gallery-header { text-align: center; margin-bottom: 60px; } .track-gallery-header h2 { font-size: var(--track-section-title-fs, 3rem); font-weight: 800; line-height: 1.2; color: var(--track-text); margin: 0; } .track-marquee-wrapper { display: flex; flex-direction: column; gap: 30px; } .track-marquee-row { display: flex; gap: 30px; width: fit-content; will-change: transform; } .track-marquee-item { width: 400px; height: 250px; border-radius: 12px; overflow: hidden; position: relative; flex-shrink: 0; border: 1px solid var(--track-border); } .track-marquee-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease, filter 0.5s ease; filter: grayscale(80%) brightness(0.7); } .track-marquee-item:hover img { transform: scale(1.05); filter: grayscale(0%) brightness(1.1); } .track-marquee-item:nth-child(even) img { filter: hue-rotate(90deg) grayscale(60%) brightness(0.6); } .track-marquee-item:nth-child(3n) img { filter: invert(10%) sepia(20%) hue-rotate(-50deg) brightness(0.8); } @media (max-width: 900px) { .track-gallery-header h2 { font-size: var(--track-section-title-fs-sm, 2.5rem); } } @media (max-width: 768px) { .track-marquee-item { width: 280px; height: 180px; } } /* inline */ /* Intercala com a galeria (alt) e o contato (alt no CTA): galeria alt → portfólio bg → contato */ .track-portfolio { background-color: var(--track-bg-alt); padding: 100px 5%; overflow: hidden; } .track-portfolio-inner { max-width: 1200px; margin: 0 auto; } .track-portfolio .track-section-header { max-width: 960px; margin: 0 auto 48px; text-align: center; } .track-portfolio .track-section-header .track-section-icon { font-size: 1.5rem; line-height: 1; margin-bottom: 12px; } .track-portfolio .track-section-title { font-size: var(--track-section-title-fs, 3rem); font-weight: 900; margin: 0 0 14px; line-height: 1.15; letter-spacing: -0.02em; color: var(--track-text); } .track-portfolio .track-section-tagline { margin: 0 auto 22px; max-width: min(820px, 94vw); font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .track-portfolio .track-section-lead { margin: 0 auto 16px; max-width: min(960px, 94vw); font-size: 1.08rem; line-height: 1.7; color: var(--track-text-muted); } .track-portfolio .track-section-lead:last-of-type { margin-bottom: 0; } .track-portfolio .track-section-note { margin: 20px auto 0; max-width: min(960px, 94vw); font-size: 0.9rem; line-height: 1.5; color: var(--track-text-muted); font-style: italic; opacity: 0.85; } .track-portfolio-cases-lead { margin: 36px auto 18px; max-width: min(960px, 94vw); font-size: 1.05rem; font-weight: 700; color: #fff; line-height: 1.45; } .track-portfolio-cases-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto 48px; text-align: left; } .track-portfolio-case-card { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 22px 20px; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease; } .track-portfolio-case-card:hover { background: rgba(255, 94, 0, 0.1); border-color: rgba(255, 94, 0, 0.45); transform: translateY(-2px); } .track-portfolio-case-card h3 { margin: 0 0 10px; font-size: 1.05rem; font-weight: 800; color: #fff; line-height: 1.35; } .track-portfolio-case-card p { margin: 0; font-size: 0.95rem; font-weight: 400; line-height: 1.6; color: var(--track-text-muted); } @media (max-width: 800px) { .track-portfolio-cases-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .track-portfolio-case-card { transition: none; } .track-portfolio-case-card:hover { transform: none; } } /* * Fundo = --track-bg-alt (igual à secção) para não contrastar com o cinza do bloco. * Opacidade só na imagem: opacidade no slide inteiro deixava o fundo do tema pai a ver-se. */ .swiper-track-portfolio { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; background-color: var(--track-bg-alt); } .swiper-track-portfolio .swiper-wrapper { background-color: var(--track-bg-alt); } .swiper-track-portfolio .swiper-slide { width: 80%; max-width: 700px; aspect-ratio: 16/9; border-radius: 12px; overflow: hidden; height: auto; background-color: var(--track-bg-alt); } .swiper-track-portfolio .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; border: 1px solid var(--track-border); opacity: 0.4; transition: opacity 0.5s; } .swiper-track-portfolio .swiper-slide-active img { opacity: 1; } .track-portfolio-swiper-shell { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 14px; max-width: 1200px; margin: 0 auto; width: 100%; } .track-portfolio-swiper-shell .swiper-track-portfolio { flex: 1 1 auto; min-width: 0; margin: 0; } .portfolio-btn { flex-shrink: 0; background: transparent; color: var(--track-orange); border: 1px solid var(--track-orange); border-radius: 50%; width: 50px; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; font-size: 1.15rem; line-height: 1; } .portfolio-btn:hover { background: var(--track-orange); color: #fff; border-color: var(--track-orange); } @media (max-width: 600px) { .track-portfolio-swiper-shell { gap: 8px; } .portfolio-btn { width: 44px; height: 44px; font-size: 1rem; } } @media (max-width: 900px) { .track-portfolio .track-section-title { font-size: var(--track-section-title-fs-sm, 2.5rem); } } @media (max-width: 768px) { .swiper-track-portfolio .swiper-slide { width: 90%; max-width: 400px; } } .track-portfolio-events { margin-top: 48px; } .track-portfolio-events-marquee-wrapper { max-width: 1200px; margin: 0 auto; overflow: hidden; mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent); } .track-portfolio-events-marquee { display: flex; width: max-content; animation: track-portfolio-events-marquee 42s linear infinite; } .track-portfolio-events-marquee:hover { animation-play-state: paused; } .track-portfolio-events-item { display: flex; justify-content: center; align-items: center; padding: 0 14px; flex-shrink: 0; } .track-portfolio-events-tile { display: flex; align-items: center; justify-content: center; width: 132px; height: 132px; padding: 8px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; } .track-portfolio-events-item:hover .track-portfolio-events-tile { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35); } .track-portfolio-events-tile img { width: 100%; height: 100%; object-fit: contain; object-position: center; } @keyframes track-portfolio-events-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 768px) { .track-portfolio-events { margin-top: 36px; } .track-portfolio-events-item { padding: 0 10px; } .track-portfolio-events-tile { width: 108px; height: 108px; padding: 6px; } } @media (prefers-reduced-motion: reduce) { .track-portfolio-events-marquee { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; gap: 16px; } } .track-portfolio-gallery-cta { margin-top: 36px; text-align: center; } .track-portfolio-gallery-open { font: inherit; } .track-portfolio-gallery-modal, .track-portfolio-lightbox { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; } .track-portfolio-gallery-modal { z-index: 100200; } .track-portfolio-lightbox { z-index: 100210; } .track-portfolio-gallery-modal.is-open, .track-portfolio-lightbox.is-open { display: flex; } .track-portfolio-gallery-modal__backdrop, .track-portfolio-lightbox__backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.88); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .track-portfolio-gallery-modal__panel { position: relative; z-index: 1; width: min(1100px, calc(100vw - 48px)); max-height: calc(100vh - 48px); overflow: auto; margin: auto; background: #111; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; padding: 28px 24px 24px; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55); } .track-portfolio-gallery-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .track-portfolio-gallery-modal__title { margin: 0; font-size: 1.25rem; font-weight: 800; color: #fff; } .track-portfolio-gallery-modal__close, .track-portfolio-lightbox__close { flex-shrink: 0; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.06); color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; } .track-portfolio-gallery-modal__close:hover, .track-portfolio-lightbox__close:hover { background: rgba(255, 94, 0, 0.2); border-color: rgba(255, 94, 0, 0.55); } .track-portfolio-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .track-portfolio-gallery-thumb { appearance: none; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 0; margin: 0; overflow: hidden; background: #0a0a0a; cursor: pointer; aspect-ratio: 16 / 9; transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .track-portfolio-gallery-thumb:hover, .track-portfolio-gallery-thumb:focus-visible { border-color: rgba(255, 94, 0, 0.55); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45); outline: none; } .track-portfolio-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .track-portfolio-lightbox__figure { position: relative; z-index: 1; max-width: min(1200px, 96vw); max-height: 90vh; margin: 0; } .track-portfolio-lightbox__figure img { display: block; max-width: min(1200px, 96vw); max-height: 90vh; width: auto; height: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55); } .track-portfolio-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 1.2rem; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; } .track-portfolio-lightbox__nav:hover { background: var(--track-orange); border-color: var(--track-orange); } .track-portfolio-lightbox__nav--prev { left: 16px; } .track-portfolio-lightbox__nav--next { right: 16px; } .track-portfolio-lightbox__close { position: absolute; top: 16px; right: 16px; z-index: 2; } body.track-portfolio-modal-open { overflow: hidden; } @media (max-width: 900px) { .track-portfolio-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .track-portfolio-gallery-grid { grid-template-columns: 1fr; } .track-portfolio-gallery-modal { padding: 12px; } .track-portfolio-gallery-modal__panel { padding: 20px 16px 16px; } .track-portfolio-lightbox__nav { width: 40px; height: 40px; } .track-portfolio-lightbox__nav--prev { left: 8px; } .track-portfolio-lightbox__nav--next { right: 8px; } } /* inline */ .track-contact-wrapper { background-color: var(--track-bg-alt); color: var(--track-text); font-family: inherit; } .track-cta-section { padding: 100px 5%; text-align: center; } .track-cta-inner { max-width: 900px; margin: 0 auto; } .track-cta-suptitle { display: block; margin-bottom: 16px; color: var(--track-orange); font-weight: 800; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.14em; } .track-cta-section h2.track-cta-legacy-title, .track-cta-section h2.track-cta-extra-title { font-size: var(--track-section-title-fs, 3rem); font-weight: 800; margin: 0 0 20px 0; line-height: 1.2; } .track-cta-section h2.track-cta-legacy-title { text-transform: uppercase; } .track-cta-lead-bold { font-size: clamp(1.15rem, 2.2vw, 1.45rem); font-weight: 800; background: linear-gradient(90deg, var(--track-orange), #ff8c42); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; max-width: 800px; margin: 0 auto 22px auto; line-height: 1.45; } .track-cta-section p.track-cta-lead { font-size: 1.08rem; color: var(--track-text-muted); max-width: 800px; margin: 0 auto 18px auto; line-height: 1.7; } .track-cta-section p.track-cta-lead:last-of-type { margin-bottom: 28px; } .track-cta-closing { font-size: clamp(1.1rem, 2vw, 1.3rem); font-weight: 800; color: #fff; max-width: 800px; margin: 0 auto 40px auto; line-height: 1.45; } .track-cta-section p.track-cta-legacy-p { font-size: 1.2rem; color: var(--track-text-muted); max-width: 800px; margin: 0 auto 50px auto; line-height: 1.6; } .track-cta-btn { display: inline-block; background-color: var(--track-orange); color: #fff; padding: 18px 40px; border-radius: 10px; font-size: 1.1rem; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(255, 94, 0, 0.2); } /* Seletor com "a" para vencer a regra global a:hover do tema filho, que pintava o texto de laranja claro sobre o botão laranja. */ a.track-cta-btn:hover, a.track-cta-btn:focus, a.track-cta-btn:focus-visible, a.track-cta-btn:active { color: #fff; } .track-cta-btn:hover, .track-cta-btn:focus-visible { transform: translateY(-3px); background-color: #ff7b00; box-shadow: 0 15px 30px rgba(255, 94, 0, 0.4); } @media (max-width: 900px) { .track-cta-section h2.track-cta-legacy-title, .track-cta-section h2.track-cta-extra-title { font-size: var(--track-section-title-fs-sm, 2.5rem); } } @media (prefers-reduced-motion: reduce) { .track-cta-btn { transition: none; } .track-cta-btn:hover, .track-cta-btn:focus-visible { transform: none; } } /* track-site-footer-css */ .track-site-footer { background-color: var(--track-bg); padding: 80px 5% 40px; color: var(--track-text); } .track-site-footer .track-footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; } .track-site-footer .track-footer-col { display: flex; flex-direction: column; align-items: flex-start; } .track-site-footer .track-footer-logo { font-size: 1.8rem; font-weight: 800; letter-spacing: 2px; color: #fff; margin-bottom: 20px; text-transform: uppercase; } .track-site-footer .track-footer-logo span { color: var(--track-orange); } /* Logo em imagem (Customizer): força branco no fundo escuro */ .track-site-footer .track-footer-logo-img-wrap { margin: 0 0 16px; line-height: 0; } .track-site-footer img.track-footer-logo-img { height: var(--track-footer-logo-h, 48px); width: auto; max-width: min(260px, 100%); object-fit: contain; display: block; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .track-site-footer .track-footer-p { color: var(--track-text-muted); font-size: 0.95rem; line-height: 1.6; margin-bottom: 30px; } .track-site-footer .track-social-icons { display: flex; gap: 15px; } .track-site-footer .track-social-icon { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; font-size: 1.2rem; } .track-site-footer .track-social-icon:hover { background-color: var(--track-orange); transform: scale(1.1); } .track-site-footer .track-social-icon svg { width: 20px; height: 20px; display: block; flex-shrink: 0; } .track-site-footer .track-social-icon svg path { fill: currentColor; } .track-site-footer .track-footer-title { font-size: 1.1rem; font-weight: bold; color: #fff; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; } .track-site-footer .track-footer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; } .track-site-footer .track-footer-list li, .track-site-footer .track-footer-list a { color: var(--track-text-muted); text-decoration: none; font-size: 0.95rem; transition: color 0.3s ease; } .track-site-footer .track-footer-list a:hover { color: var(--track-orange); } .track-site-footer .track-copyright { max-width: 1200px; margin: 60px auto 0 auto; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: left; color: var(--track-text-muted); font-size: 0.85rem; } @media (max-width: 1100px) { .track-site-footer .track-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } } @media (max-width: 900px) { .track-site-footer .track-footer-grid { grid-template-columns: 1fr; gap: 40px; } .track-site-footer .track-copyright { text-align: center; } }