:root { --font-padrao: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } :root { --azul-acima: #101727; --azul-medio: #1e2a3a; --azul-glass: #294257; --azul-claro: #00DFFC; --azul-background:#2279a4; --azul-glassmorphism: rgba(100, 200, 255, 0.15); --roxo:#262895; --azul-pastel: #eaeaea; --cinza-claro: #eaeaea; --branco: #fff; --bege-claro: #FFF4DE; --verde: #24d36b; --gold: #ffc107; --amarelo: #FFD700; --vermelho: #dc3545; --vermelho-quente: #FF0000; --background-gradient: linear-gradient(90deg, rgba(12, 90, 126, 1) 0%, rgba(14, 109, 153, 1) 100%); --shadow-color: rgba(0, 0, 0, 0.1); } :root { --font-size-small: 14px; --font-size-18: 18px; --font-size-medium: 1rem; --font-400: 400; --font-500: 500; --font-700: 700; --font-900: 900; --transition-speed: 0.3s; --border-radius-medium: 0.5rem; --border-radius-20: 20px; --border-radius-30: 30px; --border-radius-50: 50px; --box-shadow-padrao: 0 5px 20px rgba(0, 0, 0, 0.1); --border: 1px solid #eaeaea; --transition-default: 0.3s ease; --section-padding-y: 80px; --section-padding-y-mobile: 60px; --container-padding: 5rem; --card-padding: 1rem; --grid-gap: 20px; } .section-padding { padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y); } .section-padding-top { padding-top: var(--section-padding-y); } .section-padding-bottom { padding-bottom: var(--section-padding-y); } @media (max-width: 768px) { .section-padding { padding-top: var(--section-padding-y-mobile); padding-bottom: var(--section-padding-y-mobile); } .section-padding-top { padding-top: var(--section-padding-y-mobile); } .section-padding-bottom { padding-bottom: var(--section-padding-y-mobile); } } .bi::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-instagram::before { content: "\f437"; } .bi-youtube::before { content: "\f62b"; } .bi-linkedin::before { content: "\f472"; } .bi-facebook::before { content: "\f344"; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } a, a:link, a:visited { text-decoration: none; color: currentColor; } .link { text-decoration: none; } :root { scroll-behavior: smooth; } * { text-decoration: none; font-family: var(--font-padrao); margin: 0; padding: 0; box-sizing: border-box; } html, body { margin: 0; padding: 0; overflow-x: hidden; font-family: var(--font-padrao); text-decoration: none; } a { color: var(--azul-medio); text-decoration: none; transition: var(--transition-speed); } a:hover { color: color-mix(in srgb, var(--azul-medio), transparent 25%); text-decoration: none; } .header-fixed, .navbar, header { box-shadow: none !important; } .hero-machine-section { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background: #1e2a3a; } .hero-machine-title { font-family: "BBH Sans Bogle", sans-serif; font-size: 4rem; color: var(--azul-claro); text-align: left; z-index: 10; position: absolute; top: 150px; left: 40px; padding: 0px 30px; font-weight: 400; margin: 0; line-height: 1; } .hero-machine-subtitle { font-family: var(--font-padrao); font-size: 2.5rem; color: var(--bege-claro); text-align: right; z-index: 10; position: absolute; bottom: 40px; right: 40px; padding: 0px 30px; font-weight: 700; margin: 0; line-height: 1; } .hero-machine-image { max-width: 96%; max-height: 84vh; object-fit: contain; z-index: 5; position: relative; filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3)); image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .hero-bokeh-bg { --bokeh-count: 3; --bokeh-base-size: 500px; --bokeh-size-variance: 100px; --bokeh-colors: #4ecdc4, #45b7d1; --animation-speed: 5s; position: relative; overflow: hidden; } .hero-bokeh-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: blur(100px); pointer-events: none; } .hero-bokeh { position: absolute; border-radius: 50%; opacity: 0.6; } @keyframes hero-bokeh-float { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(var(--translate-x), var(--translate-y)); } 50% { transform: translate(calc(var(--translate-x) * -0.5), calc(var(--translate-y) * -0.5)); } 75% { transform: translate(calc(var(--translate-x) * 0.5), calc(var(--translate-y) * -1)); } } @media (max-width: 375px) { .hero-machine-title { font-size: 2rem; top: 80px; left: 15px; padding: 0px 10px; } .hero-machine-subtitle { font-size: 1.5rem; bottom: 20px; right: 15px; padding: 0px 10px; } .hero-machine-image { max-width: 100%; max-height: 52vh; padding-top: 50px; } } @media (min-width: 376px) and (max-width: 480px) { .hero-machine-title { font-size: 4rem; top: 150px; left: 20px; padding: 0px 15px; } .hero-machine-subtitle { font-size: 4rem; bottom: 28px; right: 20px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 74vh; padding-top: 60px; } } @media (min-width: 481px) and (max-width: 600px) { .hero-machine-title { font-size: 4rem; top: 150px; left: 20px; padding: 0px 15px; } .hero-machine-subtitle { font-size: 4rem; bottom: 28px; right: 20px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 74vh; padding-top: 60px; } } @media (min-width: 601px) and (max-width: 767px) { .hero-machine-title { font-size: 4rem; top: 120px; left: 25px; padding: 0px 18px; } .hero-machine-subtitle { font-size: 3rem; bottom: 30px; right: 25px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 72vh; padding-top: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .hero-machine-title { font-size: 5rem; top: 140px; left: 30px; padding: 0px 20px; } .hero-machine-subtitle { font-size: 4rem; bottom: 32px; right: 30px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 80vh; padding-top: 75px; } } @media (min-width: 992px) and (max-width: 1199px) { .hero-machine-title { font-size: 6rem; top: 160px; left: 35px; padding: 0px 25px; } .hero-machine-subtitle { font-size: 4.5rem; bottom: 35px; right: 35px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 88vh; padding-top: 80px; } } @media (min-width: 1200px) and (max-width: 1440px) { .hero-machine-title { font-size: 7deixarem; top: 180px; left: 38px; padding: 0px 28px; } .hero-machine-subtitle { font-size: 5.25rem; bottom: 38px; right: 38px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 96vh; padding-top: 90px; } } @media (min-width: 1441px) and (max-width: 1920px) { .hero-machine-title { font-size: 8rem; top: 200px; left: 40px; padding: 0px 30px; } .hero-machine-subtitle { font-size: 6rem; bottom: 40px; right: 40px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 104vh; padding-top: 100px; } } @media (min-width: 1921px) { .hero-machine-title { font-size: 7rem; top: 250px; left: 50px; padding: 0px 35px; } .hero-machine-subtitle { font-size: 7.5rem; bottom: 50px; right: 50px; padding: 100px 15px; } .hero-machine-image { max-width: 100%; max-height: 115vh; padding-top: 120px; } } .hero-section-index { background-color: #1e2a3a; width: 100%; overflow: hidden; padding-top: 100px; position: relative; contain: layout paint; margin: 0; padding-bottom: 0; } .hero-content-centered { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 50vh; padding: 60px 20px; text-align: center; position: relative; z-index: 10; } .hero-content-centered .hero-title { position: static; font-size: 60px; font-weight: var(--font-900); margin: 0 0 5px 0; z-index: 11; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 25%, rgba(0, 223, 252, 0.8) 50%, rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.9) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); } .hero-content-centered .hero-subtitle { font-size: 24px; font-weight: var(--font-500); color: var(--bege-claro); margin: 0; max-width: 800px; line-height: 1.4; z-index: 11; } .hero-title { position: absolute; top: 150px; left: 40px; font-size: 60px; font-weight: var(--font-900); color: var(--azul-claro); margin: 0; z-index: 10; } .container { max-width: 1320px; width: 100%; margin: 0 auto; position: relative; contain: layout; } .hero-image { width: 80%; height: auto; display: block; margin: 0 auto; max-height: 760px; object-fit: contain; transition: transform 0.3s ease; } .hero-image:hover { transform: scale(1.02); } @media (min-width: 768px) and (max-width: 991px) { .hero-section-index { margin-top: 60px; } .hero-image { width: 80%; max-height: 480px; } } @media (max-width: 767px) { .hero-section-index { margin-top: 70px; } .hero-title { font-size: 32px; top: 85px; left: 20px; } .hero-content-centered { min-height: 40vh; padding: 40px 15px; } .hero-content-centered .hero-title { font-size: 36px; } .hero-content-centered .hero-subtitle { font-size: 18px; } .container { padding: 0 15px; } .hero-image { width: 90%; max-height: 320px; } } @media print { .hero-section-index { display: none; } } .section-fachada { background: #101727; padding: 60px 0; } .section-fachada__coluna-texto { padding: 40px 30px; border-radius: 30px; height: 100%; } .section-fachada__titulo { font-size: 35px; font-weight: 900; color: var(--azul-claro); line-height: 1.1; text-align: right; } .section-fachada__titulo-quebra { display: block; } .section-fachada__paragrafo { font-size: 15px; line-height: 1.6; color: var(--bege-claro); text-align: justify; hyphens: auto; word-wrap: break-word; } .section-fachada__imagem-container { height: 100%; overflow: hidden; border-radius: 30px; position: relative; } .section-fachada__imagem { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 30px; position: relative; z-index: 2; } .section-fachada__conteudo-wrapper { display: flex; align-items: center; height: 100%; } .row-altura-igual { display: flex; align-items: stretch; } @media (max-width: 768px) { .section-fachada__titulo { font-size: 24px; text-align: center; display: flex; flex-direction: column; align-items: flex-end; } .section-fachada__titulo-quebra { display: inline-block; margin-top: 5px; } .section-fachada__coluna-texto { padding: 30px 20px; } .section-fachada__paragrafo { text-align: center; } .section-fachada__imagem-container { height: 350px; margin-bottom: 20px; } .order-md-1 { order: 2 !important; } .order-md-2 { order: 1 !important; } } .section-comunicacao-visual { background: var(--azul-acima); } .section-comunicacao-visual__coluna-texto { background-color: var(--azul-acima); padding: 40px 30px; border-radius: 30px; height: 100%; } .section-comunicacao-visual__titulo { font-size: 35px; font-weight: 900; color: var(--azul-claro); line-height: 1.2; text-align: left; } .section-comunicacao-visual__titulo-quebra { display: block; } .section-comunicacao-visual__paragrafo { font-size: 15px; line-height: 1.6; color: var(--bege-claro); text-align: justify; hyphens: auto; word-wrap: break-word; } .section-comunicacao-visual__card { background: var(--azul-glassmorphism); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 20px; border: none; height: 100%; position: relative; padding: 40px 15px 15px; text-align: center; } .section-comunicacao-visual__card-texto { font-size: 13px; text-align: justify; hyphens: auto; color: var(--bege-claro); margin-bottom: 0; line-height: 1.2; } .section-comunicacao-visual__card-icone { color: var(--verde); font-size: 23.4px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } .section-comunicacao-visual__logo-grid-container { background: var(--azul-glassmorphism); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 30px; border: none; padding: 20px; height: 100%; } .section-comunicacao-visual__logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); gap: 15px; height: 100%; } .section-comunicacao-visual__logo-item { background-color: var(--branco); border-radius: 15px; display: flex; justify-content: center; align-items: center; padding: 15px; transition: transform 0.3s ease; border: 1px solid var(--cinza-claro); min-height: 90px; } .section-comunicacao-visual__logo-item:hover { transform: translateY(-5px); } .section-comunicacao-visual__logo-img { max-width: 100%; max-height: 60px; object-fit: contain; width: auto; height: auto; } .section-comunicacao-visual__conteudo-wrapper { display: flex; align-items: center; height: 100%; } .row-altura-igual { display: flex; align-items: stretch; } @media (max-width: 768px) { .section-comunicacao-visual__titulo { font-size: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; } .section-comunicacao-visual__titulo-quebra { display: inline-block; margin-top: 5px; } .section-comunicacao-visual__coluna-texto { padding: 30px 20px; } .section-comunicacao-visual__paragrafo { text-align: center; } .section-comunicacao-visual__logo-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 1fr); } } .lazy-load { opacity: 0; transition: opacity 0.3s; } .lazy-load.loaded { opacity: 1; } section, .section { padding: 0; margin: 0; scroll-margin-top: 112px; overflow: clip; } @media (max-width: 1199px) { section, .section { scroll-margin-top: 100px; } } .section-title { text-align: center; margin-bottom: 2rem; color: var(--azul-medio); font-weight: var(--font-900); margin-top: 0; font-size: clamp(24px, 5vw, 36px); line-height: 1.2; } .section-title h2 { font-size: 35px; line-height: 1.2; font-weight: var(--font-900); } @media (max-width: 767.98px) { .section-title h2 { font-size: 30px; } } .section-title p { color: var(--azul-acima); font-weight: var(--font-400); margin: 0 auto; font-size: clamp(var(--font-size-small), 2vw, var(--font-size-small)); line-height: 1.6; max-width: 800px; text-align: justify; padding: 0px 20px; } @media (min-width: 992px) { .section-title p { text-align: center; } } .section-support { background: linear-gradient(180deg, #1e2a3a 0%, #101727 100%); padding: 60px 0; margin: 0; } @media (min-width: 768px) { .section-support { padding: 80px 0; } } @media (min-width: 992px) { .section-support { padding: 100px 0; } } .support-card { position: relative; overflow: hidden; border: none; border-radius: var(--border-radius-30); border: 1px solid var(--cinza-claro); box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; } .support-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .support-card-icon { font-size: 3rem; color: var(--verde); margin-bottom: 1rem; text-align: center; } .support-card-icon i { display: inline-block; font-style: normal; } .support-card-icon img { max-height: 90px !important; width: auto !important; height: 90px !important; display: inline-block; } .support-card-text { color: var(--azul-escuro); position: relative; z-index: 2; font-size: var(--font-size-small); } .support-card-text h5{ color: var(--azul-medio); position: relative; font-weight: var(--font-700); z-index: 2; } .section-galeria { background-color: #101727; padding-top: 40px; padding-bottom: 40px; } .section-galeria .section-title h2 { color: var(--azul-claro); } .section-galeria .section-title p { color: var(--bege-claro); } @media (min-width: 768px) { .section-galeria { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .section-galeria { padding-top: 80px; padding-bottom: 80px; } } .gallery-item { transition: transform 0.3s ease; border-radius: var(--border-radius-20); } .gallery-item:hover { transform: scale(1.05); } .gallery-content { background-color: var(--branco); box-shadow: var(--box-shadow-padrao); overflow: hidden; height: 100%; border-radius: var(--border-radius-20); } .gallery-content img { object-fit: cover; width: 100%; height: 300px; transition: var(--transition-speed); position: relative; z-index: 1; } .segmentos { background: var(--background-gradient); } .segmentos .why-box { color: var(--branco); background: var(--azul-medio); padding: 30px; border-radius: var(--border-radius-20); border: 1px solid color-mix(in srgb, var(--azul-claro), transparent 50%); } .segmentos .why-box h3 { color: var(--azul-claro); font-weight: var(--font-900); font-size: 35px; margin-bottom: 20px; line-height: 1; } .segmentos .why-box p { margin-bottom: 30px; text-align: justify; text-justify: inter-word; hyphens: auto; font-size: var(--font-size-small); } .segmentos .icon-box { background: var(--branco); padding: 30px 30px; width: 100%; height: 100%; border: 1px solid color-mix(in srgb, var(--azul-claro), transparent 50%); border-radius: var(--border-radius-20); display: flex; flex-direction: column; justify-content: space-between; } .segmentos .icon-box-content { flex-grow: 1; } .segmentos .icon-box-content p { text-align: justify; text-justify: inter-word; hyphens: auto; font-size: var(--font-size-small); color: var(--azul-acima); } .segmentos .icon-box i { color: var(--azul-medio); margin-bottom: 30px; font-size: 32px; margin-bottom: 30px; background-color: var(--branco); border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; transition: var(--transition-speed); } .segmentos .icon-box h4 { font-size: 20px; font-weight: var(--font-700); color: var(--azul-medio); margin-bottom: 15px; text-align: center; } .segmentos .icon-box:hover i { color: var(--branco); background: var(--branco); } .segmentos .btn-container { display: flex; justify-content: center; } .segmentos .btn { padding: 5px 40px; background: var(--verde); color: var(--branco); border-radius: var(--border-radius-50); transition: var(--transition-speed); font-size: var(--font-size-small); } .segmentos .btn:hover { background: color-mix(in srgb, var(--verde), transparent 20%); } .section-informacoes-maquina { background: #101727; } .informacoes-maquina .informacoes h3 { font-size: 22px; font-weight: var(--font-700); margin-bottom: 20px; padding-bottom: 20px; position: relative; color: var(--azul-claro); } .informacoes-maquina .informacoes h3:after { content: ""; position: absolute; display: block; width: 50px; height: 3px; background: var(--azul-claro); left: 0; bottom: 0; } .informacoes-maquina .informacoes ul { list-style: none; padding: 0; font-size: var(--font-size-small); color: var(--bege-claro); } .informacoes-maquina .informacoes ul li { display: flex; flex-direction: column; padding-bottom: 15px; color: var(--bege-claro); } .informacoes-maquina .informacoes ul strong { text-transform: uppercase; font-weight: var(--font-500); color: var(--azul-claro); font-size: var(--font-size-small); } .informacoes-maquina .informacoes .btn-cotacao { display: none !important; } .informacoes-maquina .descricao-maquina h1 { font-size: 35px; font-weight: var(--font-900); margin-bottom: 20px; color: var(--azul-claro); } .informacoes-maquina .descricao-maquina p { padding: 0; color: var(--bege-claro); font-size: var(--font-size-small); text-align: justify; text-justify: inter-word; hyphens: auto; } .section-sobre-card-hover:hover { transition: var(--transition-default); box-shadow: var(--box-shadow-padrao) !important; } .section-sobre-top { background-color: var(--azul-acima); } .section-sobre-title { font-size: 35px; color: var(--azul-claro); line-height: 1.2; font-weight: var(--font-900); text-align: left; } @media (max-width: 767.98px) { .section-sobre-title { text-align: center; font-size: 30px; } .section-sobre-title br { display: block !important; } .section-sobre-text { text-align: center; } } .section-sobre-text { font-size: 14px; line-height: 1.6; text-align: justify; color: var(--bege-claro); } .section-sobre-card { border-radius: var(--border-radius-20); transition: all 0.3s ease; background: rgba(100, 200, 255, 0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 2px solid rgba(100, 200, 255, 0.4); box-shadow: 0 0 25px rgba(100, 200, 255, 0.2), inset 0 0 20px rgba(100, 200, 255, 0.1); height: 100%; padding: 15px; display: flex; flex-direction: column; position: relative; overflow: hidden; } .section-sobre-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(100, 200, 255, 0.15) 0%, rgba(100, 150, 255, 0.08) 100%); opacity: 0; transition: opacity 0.3s ease; z-index: 0; pointer-events: none; } .section-sobre-card:hover { background: rgba(100, 200, 255, 0.25); border-color: rgba(100, 200, 255, 0.6); box-shadow: 0 0 35px rgba(100, 200, 255, 0.4), inset 0 0 25px rgba(100, 200, 255, 0.15), 0 5px 15px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .section-sobre-card:hover::before { opacity: 1; } .section-sobre-card .card-body { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding: 1.5rem; text-align: center; position: relative; z-index: 1; } .section-sobre-card-title { font-size: 16px; font-weight: var(--font-700); color: var(--azul-claro); margin: 1rem 0; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; width: 100%; } .section-sobre-card-text { font-size: 13px; color: var(--branco) !important; text-align: center; margin-bottom: 0; width: 100%; } .section-sobre-card-icon { color: var(--azul-claro); margin: 0; font-size: 2.5rem; display: flex; justify-content: center; align-items: center; height: 60px; } @keyframes experience-float { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .erro-404-main { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; padding: 20px; box-sizing: border-box; } .erro-404 { width: 100%; max-width: 600px; } .erro-404 .page_404 { font-family: 'Arvo', serif; text-align: center; padding: 0; } .erro-404 .four_zero_four_bg { background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif); height: 300px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 20px; } .erro-404 .four_zero_four_bg h1 { font-size: 80px; color: var(--azul-medio); font-weight: var(--font-900); margin: 0; } .erro-404 .contant_box_404 { margin-top: 20px; } .erro-404 .contant_box_404 h3 { color: var(--azul-medio); font-size: 29px; margin: 10px 0; } .erro-404 .contant_box_404 p { color: var(--azul-medio); font-size: var(--font-size-small); margin-bottom: 20px; } .erro-404 .link_404 { padding: 10px 40px; background: var(--verde); color: var(--branco); border-radius: var(--border-radius-50); transition: var(--transition-speed); display: inline-block; text-decoration: none; } .erro-404 .link_404:hover { background: color-mix(in srgb, var(--verde), transparent 20%); } @media (max-width: 768px) { .erro-404 .four_zero_four_bg { height: 200px; } .erro-404 .four_zero_four_bg h1 { font-size: 50px; } .erro-404 .contant_box_404 h3 { font-size: 24px; } .erro-404 .link_404 { padding: 8px 30px; } } @media (max-width: 480px) { .erro-404 .four_zero_four_bg { height: 150px; } .erro-404 .four_zero_four_bg h1 { font-size: 40px; } .erro-404 .contant_box_404 h3 { font-size: 20px; } .erro-404 .link_404 { padding: 6px 20px; } } .clientes { background-color: var(--azul-pastel); } .cliente-slider { overflow: hidden; white-space: nowrap; position: relative; width: 100%; } .cliente-slider-track { display: inline-block; animation: slideshow 30s linear infinite; } .cliente-slider:hover .cliente-slider-track { animation-play-state: paused; } .cliente-logo { display: inline-block; margin: 0 15px; } .cliente-logo:hover { opacity: 1; } @keyframes slideshow { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .lgpd-container { background-color: var(--branco); margin-top: 150px; margin-bottom: 50px; } .lgpd-container p { color: var(--azul-medio); font-size: var(--font-size-small); } .lgpd-container h4 { color: var(--azul-medio); } .section-header { border-bottom: 3px solid var(--azul-medio); padding-bottom: 10px; margin-bottom: 20px; color: var(--azul-medio); } .practice-card { margin-bottom: 20px; padding: 20px; background-color: #f8f9fa; border-radius: 8px; transition: transform 0.3s ease; } .practice-card:hover { transform: scale(1.02); } .icon-large { font-size: 3rem; color: var(--azul-medio); margin-bottom: 15px; } .timeline-item { border-left: 3px solid var(--azul-medio); padding-left: 10px; margin-bottom: 10px; position: relative; } .timeline-item::before { content: ''; position: absolute; width: 20px; height: 20px; background-color: var(--azul-medio); border-radius: 50%; left: -12px; top: 0; } .last-update { font-style: italic; color: var(--azul-acima); text-align: center; } .section-header { border-bottom: 3px solid var(--azul-medio); padding-bottom: 10px; margin-bottom: 20px; color: var(--azul-medio); } .data-table { background-color: var(--cinza-claro); border-radius: 8px; } .cookie-consent-banner { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 900px; background-color: var(--cinza-claro); border-radius: var(--border-radius-20); box-shadow: var(--box-shadow-padrao); padding: 10px; z-index: 1000; font-size: var(--font-size-small); border: 1px solid color-mix(in srgb, var(--azul-medio), transparent 50%); } .section-ficha-tecnica { background: #1e2a3a; padding-top: 40px; padding-bottom: 40px; } .section-ficha-tecnica .section-title h2 { color: var(--azul-claro); } .section-ficha-tecnica .section-title p { color: var(--bege-claro); } @media (min-width: 768px) { .section-ficha-tecnica { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .section-ficha-tecnica { padding-top: 80px; padding-bottom: 80px; } } .table-ficha { max-width: 1320px; margin: 0 auto; } #csvTable { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 15px; font-family: 'roboto', sans-serif; border: 1px solid var(--azul-glassmorphism); } #csvTable thead { color: var(--branco); background: var(--azul-glassmorphism); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(100, 200, 255, 0.2); } #csvTable th, #csvTable td { border: 1px solid var(--azul-glassmorphism); padding: 7px; text-align: center; } #csvTable th { font-weight: bold; text-transform: uppercase; } #csvTable tr:nth-child(even) { background: transparent; } #csvTable tr:hover { background: rgba(100, 200, 255, 0.05); transition: background-color 0.3s ease; } #csvTable th:nth-child(1), #csvTable td:nth-child(1) { width: 30%; font-weight: bold; color: var(--branco); background: var(--azul-glassmorphism); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(100, 200, 255, 0.2); } #csvTable th:nth-child(1):hover, #csvTable td:nth-child(1):hover { background: rgba(100, 200, 255, 0.25); transition: background-color 0.3s ease; } #csvTable th:nth-child(2), #csvTable td:nth-child(2) { width: 70%; word-wrap: break-word; color: var(--bege-claro); } @media screen and (max-width: 768px) { .table-ficha { padding: 10px; } #csvTable { font-size: 12px; } #csvTable th, #csvTable td { padding: 8px; } } .section-integracao { background-color: #1e2a3a; padding: 40px 0; } .section-integracao .section-title h2 { color: var(--azul-claro); } .section-integracao .section-title p { color: var(--bege-claro); } @media (min-width: 768px) { .section-integracao { margin-top: 0; margin-bottom: 0; } } @media (min-width: 992px) { .section-integracao { margin-top: 0; margin-bottom: 0; } } .integracao-slider { overflow: hidden; white-space: nowrap; position: relative; width: 100%; padding: 20px 0; } .integracao-slider-track { display: inline-block; animation: slideshow 30s linear infinite; } .integracao-slider:hover .integracao-slider-track { animation-play-state: paused; } .integracao-logo { display: inline-block; margin: 0 15px; transition: transform 0.3s ease; } .integracao-logo:hover { opacity: 1; transform: scale(1.05); } .integracao-logo img { filter: grayscale(20%) brightness(0) invert(1); opacity: 0.9; transition: all 0.3s ease; } .integracao-logo:hover img { filter: grayscale(0%) brightness(0) invert(1); opacity: 1; } @keyframes slideshow { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .section-ecossistema-completo { background-color: var(--azul-medio); padding: 60px 0; margin: 0; } .ecossistema-completo-card-icon { text-align: center; margin-bottom: 1rem; } .ecossistema-completo-card-icon i { display: inline-block; font-style: normal; } .ecossistema-completo-card-icon img { width: 100px; height: auto; display: inline-block; } @media (min-width: 768px) { .section-ecossistema-completo { padding: 80px 0; } } @media (min-width: 992px) { .section-ecossistema-completo { padding: 100px 0; } } .section-ecossistema-completo .section-title h2 { color: var(--azul-claro); } .section-ecossistema-completo .section-title p { color: var(--bege-claro); } .ecossistema-completo-card { position: relative; overflow: hidden; background: var(--azul-glassmorphism) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: none !important; border-radius: var(--border-radius-30); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; } .section-ecossistema-completo .card { background: var(--azul-glassmorphism) !important; border: none !important; } .ecossistema-completo-card-text { display: flex; flex-direction: column; flex-grow: 1; } .ecossistema-completo-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .ecossistema-completo-card-text p { color: var(--bege-claro); position: relative; z-index: 2; font-size: var(--font-size-small); text-align: justify; text-justify: inter-word; hyphens: auto; } .ecossistema-completo-card-text h5 { color: var(--azul-claro); position: relative; font-weight: var(--font-900); z-index: 2; } .ecossistema-completo-card .btn { padding: 3px 20px; background: var(--verde); color: var(--branco); border-radius: var(--border-radius-30); transition: var(--transition-speed); font-size: 13px; margin-top: auto; align-self: center; } .ecossistema-completo-card .btn:hover { background: color-mix(in srgb, var(--verde), transparent 20%); } .ecossistema-disclaimer p { color: var(--branco); font-size: var(--font-size-small); font-style: italic; opacity: 0.8; margin-top: 10px; } .ecossistema { padding-top: 40px; padding-bottom: 40px; background-color: #324156; } .ecossistema .section-title h2 { color: var(--azul-claro); } .ecossistema .section-title p { color: var(--bege-claro); } @media (min-width: 768px) { .ecossistema { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .ecossistema { padding-top: 80px; padding-bottom: 80px; } } .ecossistema .nav-tabs { border: 0; } .ecossistema .nav-item { width: 100%; margin-bottom: 15px; } .ecossistema .nav-link { background-color: #1e2a3a; border: 0; padding: 20px; transition: 0.3s; border-radius: 30px; display: flex; align-items: center; cursor: pointer; } .ecossistema .nav-link i { color: var(--azul-claro); display: flex; align-items: center; justify-content: center; margin-right: 20px; width: 60px; height: 60px; font-size: 22px; flex-shrink: 0; border-radius: 50%; } .ecossistema .nav-link h3 { font-size: 18px; font-weight: 600; margin: 0 0 10px 0; transition: 0.3s; color: var(--azul-claro); } .ecossistema .nav-link p { font-size: var(--font-size-small); margin: 0; color: var(--branco); text-align: justify; text-justify: inter-word; } .ecossistema .nav-link:hover, .ecossistema .nav-link.active { background-color: #101727; } .ecossistema .nav-link.active h3, .ecossistema .nav-link:hover h3 { color: var(--azul-claro); } .ecossistema .nav-link.active p, .ecossistema .nav-link:hover p { color: var(--branco); } .ecossistema .tab-pane img { border-radius: 15px; object-fit: cover; width: 100%; height: auto; } @media (max-width: 991px) { .ecossistema .nav-link { flex-direction: column; align-items: center; text-align: center; } .ecossistema .nav-link i { margin-right: 0; margin-bottom: 10px; } } .ecossistema .btn { padding: 5px 40px; margin-left: 100px; font-size: var(--font-size-small); background: var(--verde); color: var(--branco); border-radius: var(--border-radius-50); transition: var(--transition-speed); } .ecossistema .btn:hover { background: color-mix(in srgb, var(--verde), transparent 20%); } @media (max-width: 640px) { .ecossistema .btn { margin-left: 0; } } .section-perguntas-frequentes { background-color: var(--azul-acima); } .section-perguntas-frequentes-titulo { font-size: 35px; font-weight: 900; color: var(--branco); line-height: 1.2; } @media (max-width: 767.98px) { .section-perguntas-frequentes-titulo { font-size: 30px; } } .section-perguntas-frequentes-texto { font-size: 14px; color: var(--bege-claro); line-height: 1.6; text-align: justify; } .section-perguntas-frequentes-botao { font-size: 15px; font-weight: 600; color: var(--azul-medio); line-height: 1.2; padding: 12px 25px; background-color: var(--branco); } .section-perguntas-frequentes-botao:not(.collapsed) { color: var(--azul-medio); background-color: var(--branco); box-shadow: none; } .section-perguntas-frequentes-botao:focus { box-shadow: none; border-color: rgba(0,0,0,.125); } .section-perguntas-frequentes-resposta { font-size: 14px; line-height: 1.2; color: var(--azul-acima); padding: 12px 25px; } .section-perguntas-frequentes .accordion-item { border: none; margin-bottom: 15px; border-radius: 10px !important; overflow: hidden; } .section-perguntas-frequentes .accordion-button::after { background-size: 14px; } .section-testimonials { background-color: var(--azul-pastel); } .testimonials .testimonial-item { background-color: var(--branco); box-shadow: var(--box-shadow-padrao); box-sizing: content-box; padding: 30px; margin: 40px 30px; min-height: 320px; display: flex; flex-direction: column; text-align: center; transition: 0.3s; border-radius: var(--border-radius-30); border: 1px solid var(--cinza-claro); } .testimonials .testimonial-item .stars { margin-bottom: 15px; } .testimonials .testimonial-item .stars i { color: var(--gold); margin: 0 1px; } .testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50%; border: 4px solid var(--background-color); margin: 0 auto; } .testimonials .testimonial-item h3 { font-size: 18px; font-weight: var(--font-700); margin: 10px 0 5px 0; color: var(--azul-acima); } .testimonials .testimonial-item h4 { font-size: var(--font-size-small); color: color-mix(in srgb, var(--azul-acima), transparent 10%); margin: 0; } .testimonials .testimonial-item p { margin: 0 auto 15px auto; font-size: var(--font-size-small); color: var(--azul-acima); } .testimonials .swiper-wrapper { height: auto; } .testimonials .swiper-pagination { margin-top: 20px; position: relative; } .testimonials .swiper-slide { opacity: 0.3; } @media (max-width: 1199px) { .testimonials .swiper-pagination { margin-top: 0; } .testimonials .testimonial-item { margin: 40px 20px; } } .section-card-maquinas { padding: var(--container-padding) 0; background-color: #101727; } .section-card-maquinas .section-title h1, .section-card-maquinas .section-title h2 { color: var(--azul-claro); } .section-card-maquinas .section-title p { color: var(--bege-claro); } .card-section-maquinas.container { padding: 0 5px; } .card-section-maquinas { display: flex; justify-content: center; padding: 10px; width: 100%; } .card-grid { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; max-width: 1300px; padding: 0; margin: 0; list-style: none; } @media (min-width: 576px) { .card-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .card-grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 992px) { .card-grid { grid-template-columns: repeat(4, 1fr); gap: 10px; } .card-section-maquinas { padding: 10px; } .card { min-width: 0; } } .card { border: var(--border); border-radius: var(--border-radius-20); overflow: hidden; height: 100%; display: flex; flex-direction: column; background-color: var(--branco); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: box-shadow var(--transition-default), transform var(--transition-default); will-change: transform; } .section-card-maquinas .card { background-color: transparent; border: none; transition: all 0.3s ease; } .section-card-maquinas .card:hover { transform: translateY(-5px); } .section-card-maquinas .card-corpo { background: rgba(100, 200, 255, 0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: none; border-radius: 0 0 20px 20px; transition: all 0.3s ease; } .section-card-maquinas .card:hover .card-corpo { background: rgba(100, 200, 255, 0.25); box-shadow: 0 5px 20px rgba(100, 200, 255, 0.3); } .section-card-maquinas .card-corpo { padding: 5px; } .section-card-maquinas .card-titulo { color: var(--azul-claro); } .section-card-maquinas .card-texto { color: var(--branco); text-align: justify; hyphens: auto; } .card:hover, .card:focus-within { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); transform: translateY(-5px); } .card a { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; outline-offset: -2px; } .card-img-top { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; } .card-corpo { background-color: var(--azul-medio); padding: var(--card-padding); flex-grow: 1; display: flex; flex-direction: column; } .card-titulo { margin: 0 0 15px 0; padding: 10px 15px; font-size: var(--font-size-small); font-weight: var(--font-700); color: var(--azul-claro); background-color: #1e2a3a; } .card-texto { color: var(--branco); margin: 0; padding: 0 15px 10px 15px; font-size: var(--font-size-small); line-height: 1.5; text-align: justify; hyphens: auto; } @media (prefers-reduced-motion: no-preference) { .card { transition: box-shadow var(--transition-default), transform var(--transition-default); } } @media (prefers-reduced-motion: reduce) { .card { transition: none; } } .section-support { background: linear-gradient(180deg, #1e2a3a 0%, #101727 100%); padding: 60px 0; margin: 0; } .section-support .section-title h2 { color: var(--azul-claro); } .section-support .section-title p { color: var(--bege-claro); } @media (min-width: 768px) { .section-support { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .section-support { padding-top: 80px; padding-bottom: 80px; } } .support-card { position: relative; background: var(--azul-glassmorphism); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); overflow: hidden; border: none; border-radius: var(--border-radius-30); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; } .support-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .support-card-icon { font-size: 3rem; color: var(--verde); } .support-card-text p { color: var(--bege-claro); position: relative; z-index: 2; font-size: var(--font-size-small); text-align: justify; text-justify: inter-word; hyphens: auto; } .support-card-text h2 { color: var(--azul-claro); position: relative; font-weight: var(--font-700); z-index: 2; } .support-card-text h3 { color: var(--azul-claro); position: relative; font-weight: var(--font-700); z-index: 2; } .support-card-text h4 { color: var(--azul-claro); position: relative; font-weight: var(--font-700); z-index: 2; } .support-card-text h5 { color: var(--azul-claro); position: relative; font-weight: var(--font-700); z-index: 2; } .call-to-action { padding: 120px 0; position: relative; clip-path: inset(0); border: 1px solid var(--verde); } .call-to-action img { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .call-to-action:before { content: ""; background: color-mix(in srgb, var(--azul-medio), transparent 15%); position: absolute; inset: 0; z-index: 2; } .call-to-action .container { position: relative; z-index: 3; } .call-to-action h3 { color: var(--azul-claro); font-size: 35px; font-weight: 700; } .call-to-action p { color: var(--branco); } .call-to-action .cta-btn { font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 12px 40px; border-radius: 50px; transition: 0.5s; margin: 10px; background-color: var(--verde); border: 2px solid var(--verde); color: var(--branco); font-weight: var(--font-700); } .call-to-action .cta-btn:hover { background: var(--azul-claro); border: 2px solid var(--azul-claro); color: var(--azul-medio); } .section-pro-series { background-color: var(--azul-medio); padding: 80px 0; color: white; } .section-pro-series .container { width: 90%; max-width: 1200px; margin: 0 auto; } .pro-series .flex-container { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .pro-series .coluna-esquerda { flex: 0.3; display: flex; justify-content: center; align-items: center; } .pro-series .coluna-direita { flex: 0.7; padding-left: 0; } .pro-series .logo-container { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; } .pro-series .logo-container img { max-width: 100%; height: auto; filter: brightness(0) invert(1); } .pro-series .logo-container svg { color: var(--azul-claro); fill: var(--azul-claro); } .pro-series h3 { font-size: 35px; font-weight: var(--font-900); color: var(--azul-claro); } .pro-series .sub-title { font-size: 18px; font-weight: var(--font-700); line-height: 1; color: var(--bege-claro); } .pro-series p { text-align: justify; text-justify: inter-word; font-size: var(--font-size-small); color: var(--bege-claro); } @media (max-width: 768px) { .pro-series .flex-container { flex-direction: column; text-align: center; } .pro-series .sub-title { text-align: center; } .pro-series .coluna-esquerda, .coluna-direita { width: 100%; } .pro-series .coluna-esquerda { margin-bottom: 30px; } } .section-pro-series-logo .logo-container { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; } .section-pro-series-logo .logo-container img { max-width: 100%; height: auto; } .section-pro-series-logo { background-color: #101727; padding: 40px 0; } .section-pro-series-logo .logos-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 20px; } .section-pro-series-logo .logo-item { flex: 1; text-align: center; } .section-pro-series-logo .logo { max-width: 100%; height: auto; max-height: 60px; filter: brightness(0) invert(1); } .section-pro-series-logo svg { color: var(--azul-claro); fill: var(--azul-claro); } @media (max-width: 991px) { .section-pro-series-logo .logos-container { flex-wrap: wrap; justify-content: center; gap: 25px; } .section-pro-series-logo .logo-item { flex: 0 0 30%; min-width: unset; margin-bottom: 15px; } .section-pro-series-logo .logo { max-height: 45px; } } @media (max-width: 576px) { .section-pro-series-logo .logos-container { gap: 20px; } .section-pro-series-logo .logo-item { flex: 0 0 40%; } .section-pro-series-logo .logo { max-height: 50px; } } .section-tipos-de-corte { background: linear-gradient(180deg, #101727 0%, #1e2a3a 100%); padding: 60px 0; margin: 0; } @media (min-width: 768px) { .section-tipos-de-corte { padding: 80px 0; } } @media (min-width: 992px) { .section-tipos-de-corte { padding: 100px 0; } } .section-tipos-de-corte .section-title h2 { color: var(--azul-claro); } .section-tipos-de-corte .section-title p { color: var(--bege-claro); } .section-maquinas { background-color: #1e2a3a; padding: 60px 0; margin: 0; } .hero-section-index + section .section-maquinas, section:first-of-type .section-maquinas { padding-top: 0; } @media (min-width: 768px) { .section-maquinas { padding: 80px 0; } } @media (min-width: 992px) { .section-maquinas { padding: 100px 0; } } .section-maquinas .section-title h1, .section-maquinas .section-title h2 { color: var(--azul-claro); } .section-maquinas .section-title p { color: var(--bege-claro); } .section-maquinas .card { border: none !important; background-color: transparent !important; } .section-maquinas .card-titulo { background-color: #101727 !important; margin: -16px -16px 15px -16px; padding: 10px 15px; color: var(--azul-claro); } .section-maquinas .card-corpo { background: var(--azul-glassmorphism) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .section-maquinas .card-texto { color: var(--bege-claro); } .section-tipos-de-corte .card-title { color: var(--azul-claro); } .section-tipos-de-corte .card-text { color: var(--bege-claro); } .tipos-de-corte .card { transition: transform 0.3s ease; margin-bottom: 20px; border-radius: var(--border-radius-30); border: none; overflow: hidden; width: fit-content; margin-left: auto; margin-right: auto; background: transparent !important; } .tipos-de-corte .card:hover { transform: translateY(-5px); box-shadow: var(--box-shadow-padrao); transition: var(--transition-speed); } .tipos-de-corte .card-img-top { height: auto; object-fit: cover; object-position: center; width: 100%; cursor: pointer; border-radius: var(--border-radius-30) var(--border-radius-30) 0 0; display: block; margin-bottom: 0; } .tipos-de-corte .card-body { padding: 15px; background: var(--azul-glassmorphism); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; justify-content: center; align-items: center; border-radius: 0 0 var(--border-radius-30) var(--border-radius-30); margin-top: 0; } .tipos-de-corte .card-title { font-size: 15px; margin-bottom: 0; color: var(--azul-claro); text-align: center; } @media (max-width: 767.98px) { .tipos-de-corte .col-md-3 { margin-bottom: 20px; } .tipos-de-corte .card-img-top { height: 300px; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .tipos-de-corte.container { padding-left: 10px; padding-right: 10px; } } .moveis-planejados-section { padding: 60px 0; background-color: #1e2a3a !important; } .moveis-planejados-content-column { display: flex; flex-direction: column; justify-content: center; height: 100%; } .moveis-planejados-slideshow { width: 100%; height: 100%; position: relative; overflow: hidden; border: none; border-radius: var(--border-radius-30); min-height: 350px; } .moveis-planejados-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 350px; background-size: cover; background-position: center; border-radius: var(--border-radius-30); opacity: 0; transition: opacity 1.5s ease; z-index: 1; display: block; } .moveis-planejados-slide.active { opacity: 1; z-index: 2; } .moveis-planejados-title { font-size: 35px; font-weight: var(--font-900); color: var(--azul-claro) !important; } .moveis-planejados-subtitle { font-size: 18px; font-weight: var(--font-700); color: var(--bege-claro) !important; } .moveis-planejados-text { font-size: var(--font-size-small); color: var(--bege-claro) !important; margin-bottom: 1rem; text-align: justify; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; line-height: 1.6; word-spacing: -0.05em; word-break: normal; overflow-wrap: break-word; } .moveis-planejados-image-note { font-size: 12px; color: var(--bege-claro) !important; text-align: center; margin-top: 8px; font-style: italic; } .moveis-planejados-parametric { background-color: #1e2a3a !important; } .moveis-planejados-marcenaria { background-color: #1e2a3a !important; } .moveis-planejados-parametric .moveis-planejados-title, .moveis-planejados-parametric .moveis-planejados-subtitle { text-align: left; } .moveis-planejados-marcenaria .moveis-planejados-title, .moveis-planejados-marcenaria .moveis-planejados-subtitle { text-align: right; } @media (max-width: 991px) { .moveis-planejados-slideshow { margin-top: 30px; min-height: 300px; } .moveis-planejados-title { font-size: 2rem; } .moveis-planejados-subtitle { font-size: 1.25rem; } .moveis-planejados-parametric .moveis-planejados-title, .moveis-planejados-parametric .moveis-planejados-subtitle, .moveis-planejados-marcenaria .moveis-planejados-title, .moveis-planejados-marcenaria .moveis-planejados-subtitle { text-align: center; } } .linha-maquinas .tab-filter { margin-bottom: 30px; } .linha-maquinas .tabs { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; } .linha-maquinas .tab-btn { padding: 10px 25px; background-color: var(--azul-pastel); border: 2px solid var(--azul-medio); border-radius: 25px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; color: var(--azul-medio); font-size: var(--font-size-small); } .linha-maquinas .tab-btn.active { background-color: var(--verde); color: var(--branco); border-color: var(--verde); } .linha-maquinas .card-item { transition: all 0.5s ease; } .linha-maquinas .card-item.hidden { display: none; } .linha-maquinas .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .section-lift-carregador-de-chapas { padding: 0; } .section-lift-carregador-de-chapas .imagem-container.lift { position: relative; width: 100%; height: 700px; overflow: hidden; } .section-lift-carregador-de-chapas .background-img { width: 100%; height: 700px; object-fit: cover; object-position: center; display: block; } .section-lift-carregador-de-chapas .texto-container { position: absolute; bottom: 0; right: 0; width: 350px; text-align: center; z-index: 2; border: 1px solid var(--cinza-claro); background-color: var(--azul-pastel); border-radius: var(--border-radius-20); } .section-lift-carregador-de-chapas .titulo-box { background-color: var(--azul-medio); padding: 10px; margin-bottom: 0; font-weight: 700; font-size: var(--font-size-small); color: var(--branco); } .section-lift-carregador-de-chapas .paragrafo-box { color: var(--azul-acima); font-size: var(--font-size-small); text-align: justify; text-justify: inter-word; padding: 10px; } @media (max-width: 768px) { .section-lift-carregador-de-chapas .imagem-container.lift { height: auto; overflow: visible; } .section-lift-carregador-de-chapas .background-img { height: auto; max-height: 500px; } .section-lift-carregador-de-chapas .texto-container { position: relative; width: 100%; right: auto; bottom: auto; margin-top: 0; box-shadow: none; } } .sistema-de-descarregamento-section { padding: 0; } .sistema-de-descarregamento-img-wrapper { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .sistema-de-descarregamento-background-img { max-width: 100%; height: auto; display: block; } .sistema-de-descarregamento-text-box { position: absolute; width: 310px; background-color: var(--azul-pastel); text-align: justify; border: 1px var(--cinza-claro) solid; border-radius: 20px; } .sistema-de-descarregamento-title { text-align: center; padding: 10px; margin-bottom: 0; font-weight: 600; font-size: 14px; color: var(--branco); } .sistema-de-descarregamento-paragraph { padding: 10px; margin: 0; font-size: 14px; color: var(--azul-acima); } .sistema-de-descarregamento-card-img { width: 100%; height: 200px; object-fit: cover; object-position: center; display: block; } .sistema-de-descarregamento-top-left { top: 0; left: 0; } .sistema-de-descarregamento-top-left .sistema-de-descarregamento-title { background-color: var(--azul-medio); } .sistema-de-descarregamento-bottom-right { bottom: 0; right: 0; } .sistema-de-descarregamento-bottom-right .sistema-de-descarregamento-title { background-color: var(--azul-medio); } .sistema-de-descarregamento-top-right { top: 0; right: 0; } .sistema-de-descarregamento-top-right .sistema-de-descarregamento-title { background-color: var(--azul-medio); } @media (max-width: 1400px) { .sistema-de-descarregamento-text-box { width: 310px; } } @media (max-width: 1200px) { .sistema-de-descarregamento-text-box { width: 320px; } .sistema-de-descarregamento-paragraph { padding: 15px; } } @media (max-width: 992px) { .sistema-de-descarregamento-text-box { width: 280px; } .sistema-de-descarregamento-paragraph { padding: 15px; font-size: 14px; } } @media (max-width: 768px) { .sistema-de-descarregamento-img-wrapper { flex-direction: column; } .sistema-de-descarregamento-background-img { width: 100%; max-width: 100%; } .sistema-de-descarregamento-text-box { position: static; width: 100%; margin-bottom: 20px; transform: none; } .sistema-de-descarregamento-top-left { order: 1; } .sistema-de-descarregamento-top-right { order: 2; } .sistema-de-descarregamento-bottom-right { order: 3; } } .timeline-grupos { background-color: var(--cinza-claro); } .processo-grupos-wrapper { padding: 30px 0; position: relative; } .processo-grupos-container { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; position: relative; max-width: 1320px; margin: 0 auto; } .processo-grupos-item { position: relative; z-index: 2; width: 14.28%; text-align: center; } .processo-grupos-linha { position: absolute; top: 17px; height: 5px; background-color: var(--azul-medio); z-index: 1; left: 36px; right: 36px; } .processo-grupos-circulo { width: 35px; height: 35px; border-radius: 50%; background-color: var(--azul-claro); display: flex; justify-content: center; align-items: center; margin: 0 auto; color: var(--azul-medio); font-weight: bold; font-size: 16px; position: relative; z-index: 3; } .processo-grupos-circulo-destaque { background-color: var(--amarelo); width: 25px; height: 25px; margin-top: 5px; } .processo-grupos-conteudo { margin-top: 15px; } .processo-grupos-titulo { font-size: 13px; font-weight: normal; margin: 0; color: var(--azul-medio); } .processo-grupos-flecha { position: absolute; top: 11px; right: 0; z-index: 2; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 15px solid var(--azul-medio); animation: moveProcessoGruposFlecha 6s linear infinite; } @keyframes moveProcessoGruposFlecha { 0% { right: 36px; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { right: calc(100% - 36px); opacity: 0; } } @media (max-width: 767.98px) { .processo-grupos-container { flex-direction: column; align-items: flex-start; max-width: 100%; } .processo-grupos-linha { position: absolute; width: 3px; height: auto; left: 17px; top: 17px; bottom: 17px; } .processo-grupos-item { width: 100%; padding: 0 0 30px 0; display: flex; align-items: center; text-align: left; } .processo-grupos-circulo { margin: 0; } .processo-grupos-circulo-destaque { margin-top: 0; margin-left: 5px; } .processo-grupos-conteudo { margin-top: 0; margin-left: 20px; display: flex; align-items: center; height: 35px; } .processo-grupos-flecha { top: 17px; right: auto; left: 17px; margin-left: -6px; transform: rotate(-90deg); animation: moveProcessoGruposFlechaVertical 6s linear infinite; } @keyframes moveProcessoGruposFlechaVertical { 0% { top: 17px; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: calc(100% - 50px); opacity: 0; } } } .grupos-coladeira-ec6 .main-container { max-width: 1320px; padding: 10px; margin: 0 auto; } .grupos-coladeira-ec6 .cards-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; } .grupos-coladeira-ec6 .card { width: 100%; border: none; border-radius: 8px; overflow: hidden; position: relative; border: 1px var(--cinza-claro)solid; } .grupos-coladeira-ec6 .card-img-container { position: relative; } .grupos-coladeira-ec6 .card-img-top { height: 400px; object-fit: cover; width: 400px; max-width: 100%; } .grupos-coladeira-ec6 .card-footer-custom { height: 10px; padding: 0; } .grupos-coladeira-ec6 .footer-left { width: 50%; height: 100%; background-color: var(--azul-claro); float: left; } .grupos-coladeira-ec6 .footer-right { width: 50%; height: 100%; background-color: var(--azul-medio); float: right; } .grupos-coladeira-ec6 .number-circle { width: 40px; height: 40px; background-color: var(--azul-claro); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; } .grupos-coladeira-ec6 .arrow-circle { width: 40px; height: 40px; background-color: var(--azul-claro); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; } .grupos-coladeira-ec6 .number { color: var(--azul-medio); font-size: 22px; font-weight: 700; } .grupos-coladeira-ec6 .card-body { background-color: var(--cinza-claro); display: flex; flex-direction: column; } .grupos-coladeira-ec6 .card-title { color: var(--azul-medio); font-weight: 700; text-align: center; margin-bottom: 1rem; } .grupos-coladeira-ec6 .card-text { color: var(--azul-medio); font-size: 14px !important; text-align: justify; line-height: 1.5; height: 100%; } .ec6-max-s30-main-section { padding: 80px 0 30px; max-width: 1320px; margin: 0 auto; } .ec6-max-s30-title { font-weight: var(--font-900); margin-bottom: 20px; color: var(--azul-medio); font-size: 45px; line-height: 1.0; } .ec6-max-s30-text { color: var(--azul-acima); font-size: var(--font-size-small); line-height: 1.5; text-align: justify; } .ec6-max-s30-img-container { overflow: hidden; border-radius: var(--border-radius-medium); } .ec6-max-s30-img-container img { width: 100%; height: auto; transition: transform var(--transition-speed); } .ec6-max-s30-img-container:hover img { transform: scale(1.03); } @media (max-width: 768px) { .ec6-max-s30-main-section .row { flex-direction: column-reverse; } .ec6-max-s30-text-column { margin-top: 2rem; } } .ec6-max-s30-features-section { padding: 20px 0 0; max-width: 1320px; margin: 0 auto; } .ec6-max-s30-feature-title { font-size: 14px; font-weight: var(--font-700); color: var(--branco); text-align: center; margin-bottom: 0; } .ec6-max-s30-feature-card { background-color: var(--azul-medio); border-radius: var(--border-radius-medium); padding: 15px 10px; height: 100%; transition: transform var(--transition-speed); } .ec6-max-s30-feature-card:hover { transform: translateY(-5px); } .drill-side-video { width: 100%; max-width: 500px; height: 250px; object-fit: cover; border-radius: 20px; display: block; margin: 0 auto; } @media (max-width: 1200px) { .drill-side-video { height: 200px; max-width: 400px; } } @media (max-width: 768px) { .drill-side-video { height: 150px; max-width: 300px; } .coleiro-container { flex-direction: column; text-align: center; } .coleiro-imagem { flex: none; margin-bottom: 20px; } .coleiro-conteudo { flex: none; } } @media (max-width: 480px) { .drill-side-video { height: 120px; max-width: 250px; } } .coleiro-article { background-color: var(--cinza-claro); width: 100%; } .coleiro-container { display: flex; align-items: center; max-width: 1320px; margin: 0 auto; padding: 10px; min-height: 800px; } .coleiro-imagem { flex: 0 0 40%; padding: 10px; display: flex; align-items: center; justify-content: center; } .coleiro-imagem img { width: 100%; max-width: 500px; height: auto; display: block; object-fit: contain; } .coleiro-conteudo { flex: 0 0 60%; padding: 10px; } .coleiro-titulo { font-size: 45px; margin-bottom: 20px; font-weight: var(--font-900); text-align: right; line-height: 0.9; color: var(--azul-medio); } .coleiro-paragrafo { font-size: var(--font-size-small); margin-bottom: 20px; text-align: justify; color: var(--azul-medio); line-height: 1.4; } .coleiro-tabela { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 13px; border: none; } .coleiro-tabela, .coleiro-tabela th, .coleiro-tabela td { border: 1px solid var(--branco); } .coleiro-tabela th, .coleiro-tabela td { padding: 8px; text-align: center; line-height: 1.3; } .coleiro-tabela thead tr { background-color: var(--azul-claro); } .coleiro-tabela thead th { color: var(--azul-medio); } .coleiro-tabela tbody tr:not(:last-child) td:first-child { background-color: var(--azul-medio); color: var(--branco); } .coleiro-tabela tbody tr:not(:last-child) td:not(:first-child) { color: var(--azul-medio); } .coleiro-tabela tbody tr:nth-child(even):not(:last-child) td:not(:first-child) { background-color: var(--azul-pastel); } .coleiro-tabela tbody tr:last-child td { background-color: var(--amarelo); color: var(--azul-medio); font-weight: normal; } @media (max-width: 768px) { .coleiro-container { flex-direction: column; } .coleiro-imagem, .coleiro-conteudo { flex: none; width: 100%; } } .especificacoes-coladeira-article { background-color: var(--cinza-claro); width: 100%; } .especificacoes-coladeira-container { display: flex; flex-direction: row-reverse; align-items: center; max-width: 1320px; margin: 0 auto; padding: 10px; min-height: 800px; } .especificacoes-coladeira-imagem { flex: 0 0 40%; padding: 10px; display: flex; align-items: center; justify-content: center; } .especificacoes-coladeira-imagem img { width: 100%; max-width: 500px; height: auto; display: block; object-fit: contain; } .especificacoes-coladeira-conteudo { flex: 0 0 60%; padding: 10px; } .especificacoes-coladeira-titulo { font-size: 45px; margin-bottom: 20px; font-weight: var(--font-900); text-align: left; line-height: 0.9; color: var(--azul-medio); } .especificacoes-coladeira-paragrafo { font-size: var(--font-size-small); margin-bottom: 20px; text-align: justify; color: var(--azul-medio); line-height: 1.4; } .especificacoes-coladeira-tabela { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 13px; border: none; } .especificacoes-coladeira-tabela, .especificacoes-coladeira-tabela th, .especificacoes-coladeira-tabela td { border: 1px solid var(--branco); } .especificacoes-coladeira-tabela th, .especificacoes-coladeira-tabela td { padding: 8px; text-align: center; line-height: 1.3; } .especificacoes-coladeira-tabela thead tr { background-color: var(--azul-claro); } .especificacoes-coladeira-tabela thead th { color: var(--azul-medio); } .especificacoes-coladeira-tabela tbody tr td:first-child { background-color: var(--azul-medio); color: var(--branco); width: 40%; } .especificacoes-coladeira-tabela tbody tr td:last-child { color: var(--azul-medio); } .especificacoes-coladeira-tabela tbody tr:nth-child(even) td:last-child { background-color: var(--azul-pastel); } @media (max-width: 768px) { .especificacoes-coladeira-container { flex-direction: column; } .especificacoes-coladeira-imagem, .especificacoes-coladeira-conteudo { flex: none; width: 100%; } } .section-solda-laser { background: linear-gradient(180deg, #101727 0%, #1e2a3a 100%); padding: 60px 0; } .section-solda-laser__coluna-texto { padding: 40px 30px; border-radius: 30px; height: 100%; } .section-solda-laser .section-solda-laser__titulo { font-size: 35px; font-weight: 900; color: var(--azul-claro); line-height: 1.2; text-align: right; } .section-solda-laser__titulo-quebra { display: block; } .section-solda-laser__paragrafo { font-size: 15px; line-height: 1.6; color: var(--bege-claro); text-align: justify; hyphens: auto; word-wrap: break-word; } .section-solda-laser__imagem-container { height: 100%; display: flex; border-radius: 30px; position: relative; justify-content: center; } .section-solda-laser__imagem { width: 100%; height: auto; object-fit: cover; display: block; border-radius: 15px; position: relative; z-index: 2; } .section-solda-laser__subtitulo { font-size: 18px; font-weight: 700; color: var(--bege-claro); margin-bottom: 15px; text-align: right; } .section-solda-laser__conteudo-wrapper { display: flex; align-items: center; height: 100%; } .section-solda-laser .row-altura-igual { display: flex; align-items: stretch; } .section-solda-laser .section-solda-laser__botoes-container { display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; } .section-solda-laser .btn-get-started { color: var(--azul-acima); background: var(--verde); font-weight: 500; font-size: 15px; letter-spacing: 1px; display: inline-block; padding: 10px 28px 12px 28px; border-radius: 50px; transition: 0.5s; } .section-solda-laser .btn-get-started:hover { color: var(--branco); background: var(--azul-claro); } .section-solda-laser .btn-watch-video { font-size: 16px; transition: 0.5s; margin-left: 25px; color: var(--azul-claro); font-weight: 600; } .section-solda-laser .btn-watch-video i { color: var(--azul-claro); font-size: 32px; transition: 0.3s; line-height: 0; margin-right: 8px; } .section-solda-laser .btn-watch-video:hover { color: var(--azul-claro); } .section-solda-laser .btn-watch-video:hover i { color: var(--azul-claro); } .section-solda-laser .justify-content-end { display: flex; justify-content: flex-end; } @media (max-width: 768px) { .section-solda-laser .section-solda-laser__titulo { font-size: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; } .section-solda-laser .section-solda-laser__titulo-quebra { display: inline-block; margin-top: 5px; } .section-solda-laser .section-solda-laser__subtitulo { font-size: 18px; text-align: center; margin-bottom: 20px; } .section-solda-laser .section-solda-laser__coluna-texto { padding: 30px 20px; } .section-solda-laser .section-solda-laser__paragrafo { text-align: center; } .section-solda-laser .section-solda-laser__imagem-container { margin-bottom: 20px; flex-direction: column; gap: 15px; } .section-solda-laser .section-solda-laser__imagem { width: 100%; margin-bottom: 0; } .section-solda-laser .order-md-1 { order: 2 !important; } .section-solda-laser .order-md-2 { order: 1 !important; } .section-solda-laser .d-flex { justify-content: center; margin-top: 25px; flex-wrap: wrap; gap: 10px; } .section-solda-laser .justify-content-end { justify-content: center !important; } .section-solda-laser .section-solda-laser__botoes-container.d-flex.justify-content-end { flex-direction: column; align-items: center; gap: 15px; } .section-solda-laser .btn-get-started, .section-solda-laser .btn-watch-video { margin: 0; } } .section-breadcrumb { margin: 0; line-height: 1.6; background: linear-gradient(135deg, #101727 0%, #1e2a3a 100%); padding: 0.5rem 0; height: 60%; display: flex; } .section-breadcrumb .container { width: 100%; max-width: 1320px; margin: 0 auto; } .breadcrumb { background: transparent; padding: 0.75rem 0; display: flex; list-style: none; flex-wrap: wrap; font-size: 15px; } .breadcrumb-item { color: var(--branco); display: flex; align-items: center; } .breadcrumb-item a { color: var(--branco); text-decoration: none; transition: color 0.3s ease; display: inline-flex; align-items: center; } .breadcrumb-item a:hover { color: var(--azul-claro); } .breadcrumb-item.active { color: var(--azul-claro); font-weight: 600; } .breadcrumb-item + .breadcrumb-item::before { color: var(--branco); content: "/"; } .breadcrumber-page-icon { margin-right: 0.5rem; font-size: 1rem; } .breadcrumb-item a:focus { outline: 2px solid var(--azul-claro); } @media (max-width: 576px) { .breadcrumb { flex-direction: row; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 13px; } .breadcrumb-item { display: inline-flex; align-items: center; } .breadcrumber-page-icon { font-size: 0.85rem; margin-right: 0.3rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0 0.3rem; } } .section-feiras { background-color: #1e2a3a; } .section-feiras .section-title h2 { color: var(--azul-claro); } .section-feiras .section-title p { color: var(--bege-claro); } .section-feiras .card { background-color: transparent; border: none; transition: all 0.3s ease; } .section-feiras .card:hover { transform: translateY(-5px); } .section-feiras .card-corpo { background: rgba(100, 200, 255, 0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: none; border-radius: 0 0 20px 20px; transition: all 0.3s ease; } .section-feiras .card:hover .card-corpo { background: rgba(100, 200, 255, 0.25); } .section-feiras .card-titulo { background-color: #101727; margin: -16px -16px 15px -16px; } .section-feiras .card-texto { padding: 0; } .section-feiras .card-grid { max-width: 1400px; } @media (min-width: 992px) { .section-feiras .card-grid { grid-template-columns: repeat(5, 1fr); gap: 15px; } } @media (min-width: 1400px) { .section-feiras .card-grid { gap: 20px; } } .section-marcenaria-america-top::after { content: ""; position: absolute; top: 0; left: 0; width: 65%; height: 100%; background-color: var(--azul-acima); background-image: url('assets/img/banner/estrelado.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; } .section-marcenaria-america-top { position: relative; overflow: hidden; } .section-marcenaria-america-top::before { content: ""; position: absolute; top: 0; right: 0; width: 35%; height: 100%; background: repeating-linear-gradient(0deg, var(--vermelho-quente), var(--vermelho-quente) 70px, var(--branco) 70px, var(--branco) 140px); z-index: 0; } .section-marcenaria-america-top .container { position: relative; z-index: 1; } .section-marcenaria-america-title { font-size: 50px; color: var(--branco); line-height: 0.9; font-weight: var(--font-900); text-align: left; } .section-marcenaria-america-title span.destaque { font-size: 70px; display: block; } .section-marcenaria-america-text { font-size: 14px; line-height: 1.6; text-align: justify; color: var(--bege-claro); } img.section-marcenaria-america-imagem { border-radius: var(--border-radius-20); filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.5)); max-width: 100%; transition: transform 0.5s ease; } img.section-marcenaria-america-imagem:hover { transform: scale(1.05) rotate(2deg); } .btn-marcenaria-america { background-color: var(--azul-claro); color: var(--branco); font-weight: var(--font-700); padding: 10px 25px; border-radius: 30px; font-size: var(--font-size-small); border: none; text-transform: uppercase; transition: var(--transition-default); text-decoration: none; display: inline-block; } .btn-marcenaria-america:hover { background-color: var(--branco); color: var(--azul-acima); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .logo-img { max-height: 60px; margin-bottom: 15px; } .btn-container { text-align: left; } @media (max-width: 767.98px) { .section-marcenaria-america-top { background: none; position: relative; } .section-marcenaria-america-top::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background-color: var(--azul-acima); background-image: url('assets/img/banner/estrelado.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; } .section-marcenaria-america-top::before { content: ""; position: absolute; bottom: 0; left: 0; top: auto; right: auto; width: 100%; height: 30%; background: repeating-linear-gradient(90deg, var(--vermelho-quente), var(--vermelho-quente) 40px, var(--branco) 40px, var(--branco) 80px); z-index: 0; } .section-marcenaria-america-title { text-align: center; font-size: 32px; } .section-marcenaria-america-title br { display: block !important; } .section-marcenaria-america-text { text-align: justify; margin-bottom: 1rem; } .logo-img { max-height: 45px; margin-bottom: 10px; } .btn-container { text-align: center; } .section-marcenaria-america-top .container { padding-left: 25px; padding-right: 25px; } } .section-sobre-historia-top { background-color: var(--azul-medio); } .section-sobre-historia-title { font-size: 35px; color: var(--azul-claro); line-height: 1.2; font-weight: var(--font-900); text-align: right; } @media (max-width: 767.98px) { .section-sobre-historia-title { text-align: center; font-size: 30px; } .section-sobre-historia-title br { display: block !important; } .section-sobre-historia-text { text-align: center; margin-bottom: 2rem; } .section-sobre-historia-card-img { max-width: 80px; width: 80px; height: 80px; } .section-sobre-historia-top .container { padding-left: 25px; padding-right: 25px; } } .section-sobre-historia-text { font-size: 14px; line-height: 1.6; text-align: justify; color: var(--bege-claro); } .section-sobre-historia-card { border-radius: var(--border-radius-20); transition: all 0.3s ease; background: rgba(100, 200, 255, 0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 2px solid rgba(100, 200, 255, 0.4); box-shadow: 0 0 25px rgba(100, 200, 255, 0.2), inset 0 0 20px rgba(100, 200, 255, 0.1); height: 100%; padding: 15px; display: flex; flex-direction: column; position: relative; overflow: hidden; } .section-sobre-historia-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(100, 200, 255, 0.15) 0%, rgba(100, 150, 255, 0.08) 100%); opacity: 0; transition: opacity 0.3s ease; z-index: 0; pointer-events: none; } .section-sobre-historia-card:hover { background: rgba(100, 200, 255, 0.25); border-color: rgba(100, 200, 255, 0.6); box-shadow: 0 0 35px rgba(100, 200, 255, 0.4), inset 0 0 25px rgba(100, 200, 255, 0.15), 0 5px 15px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .section-sobre-historia-card:hover::before { opacity: 1; } .section-sobre-historia-card .card-body { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding: 1.5rem; text-align: center; border: none; border-radius: var(--border-radius-20); position: relative; z-index: 1; } .section-sobre-historia-card-title { font-size: 14px; font-weight: var(--font-700); color: var(--branco); margin: 1rem 0; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; width: 100%; margin-top: 0.5rem; } .section-sobre-historia-card-img { width: auto; height: auto; max-width: 150px; max-height: 150px; margin: 0 auto; display: block; } .solicitar-suporte-section { padding-top: 180px; padding-bottom: 100px; } .solicitar-suporte-title { color: var(--azul-acima); font-weight: 900; font-size: 35px; line-height: 1; } .solicitar-suporte-subtitle { color: var(--azul-medio); font-weight: var(--font-500); margin-bottom: 10px; font-size: 25px; } .solicitar-suporte-text { color: var(--azul-medio); margin-bottom: 12px; font-size: 14px; line-height: 1.6; text-align: justify; } @media (max-width: 991.98px) { .solicitar-suporte-title, .solicitar-suporte-subtitle { text-align: center; } } ul.solicitar-suporte-text { padding-left: 20px; margin-bottom: 15px; color: var(--azul-acima); } ul.solicitar-suporte-text li { margin-bottom: 8px; text-align: justify; line-height: 1.6; font-size: 14px; } .solicitar-suporte-btn { background-color: var(--verde); color: var(--branco); border-radius: 20px; padding: 10px 25px; font-weight: var(--font-500); display: inline-block; text-decoration: none; } .solicitar-suporte-btn:hover { background: color-mix(in srgb, var(--verde), transparent 20%); color: var(--branco); } .solicitar-suporte-img-container { border-radius: var(--border-radius-20); overflow: hidden; box-shadow: var(--box-shadow-padrao); } .solicitar-suporte-img-container .img-fluid { transition: var(--transition-default); } .solicitar-suporte-img-container .img-fluid:hover { transform: scale(1.05); } .solicitar-suporte-index-section { padding: 50px 0; background-color: var(--azul-medio); } .solicitar-suporte-index-title { color: var(--azul-claro); font-weight: 900; font-size: 45px; margin-bottom: 8px; line-height: 1; } .solicitar-suporte-index-subtitle { color: var(--branco); font-weight: var(--font-500); margin-bottom: 10px; font-size: 25px; } .solicitar-suporte-index-text { color: var(--branco); margin-bottom: 12px; font-size: 14px; line-height: 1.6; text-align: justify; } @media (max-width: 991.98px) { .solicitar-suporte-index-title, .solicitar-suporte-index-subtitle { text-align: center; } .btn-container { text-align: center !important; } } ul.solicitar-suporte-index-text { padding-left: 20px; margin-bottom: 15px; color: var(--branco); } ul.solicitar-suporte-index-text li { margin-bottom: 8px; text-align: justify; line-height: 1.6; font-size: 14px; } .solicitar-suporte-index-btn { background-color: var(--azul-claro); color: var(--branco); border-radius: 20px; padding: 10px 25px; font-weight: var(--font-500); box-shadow: var(--box-shadow-padrao); display: inline-block; text-decoration: none; margin-bottom: 15px; } .solicitar-suporte-index-btn:hover { color: var(--branco); text-decoration: none; } .solicitar-suporte-index-img-container { border-radius: var(--border-radius-30); overflow: hidden; box-shadow: var(--box-shadow-padrao); background-color: var(--azul-acima); } .solicitar-suporte-index-img-container .img-fluid { transition: var(--transition-default); filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.45)); } .solicitar-suporte-index-img-container .img-fluid:hover { transform: scale(1.05); } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #1e2a3a 0%, #101727 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.5s ease, visibility 0.5s ease; } #preloader.preloader-hidden { opacity: 0; visibility: hidden; } .preloader-spinner { width: 180px; height: 180px; border: 4px solid rgba(0, 223, 252, 0.2); border-top: 4px solid var(--azul-claro); border-radius: 50%; animation: spin 1s linear infinite; } .preloader-logo { position: absolute; width: 130px; height: 130px; animation: pulse 2s ease-in-out infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1080deg); } } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } } .footer { background: linear-gradient(to bottom, #1e2a3a 0%, #101727 100%); color: var(--bege-claro) !important; padding-top: 60px; } .footer p, .footer p span, .footer .col-lg-4 p, .footer .col-lg-2 p, .footer .col-lg-3 p, .footer .col-md-6 p, .footer-top p, .footer-bottom p { color: var(--bege-claro) !important; } .footer span, .footer p span, .footer [itemprop] { color: var(--bege-claro) !important; } .footer-top { padding-bottom: 40px; border-bottom: 1px solid rgba(255, 244, 222, 0.1); } .footer-logo img { max-height: 50px; width: auto; transition: all 0.3s ease; } .footer-logo:hover img { filter: brightness(0) saturate(100%) invert(73%) sepia(73%) saturate(478%) hue-rotate(156deg) brightness(103%) contrast(101%) drop-shadow(0 0 8px rgba(0, 223, 252, 0.6)) drop-shadow(0 0 15px rgba(0, 223, 252, 0.3)) !important; } .footer-text { color: var(--bege-claro) !important; font-size: 14px; line-height: 1.6; text-align: justify; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; } .footer-heading { color: var(--azul-claro); font-size: 18px; font-weight: 700; margin-bottom: 20px; } .footer-links { list-style: none; padding: 0; margin: 0; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: var(--bege-claro) !important; text-decoration: none; font-size: 14px; transition: all 0.3s ease; } .footer-links a:hover { color: var(--azul-claro); padding-left: 5px; } .footer-contact p { color: var(--bege-claro) !important; font-size: 14px; line-height: 1.8; margin-bottom: 0; } .footer-contact a { color: var(--azul-claro); text-decoration: none; transition: all 0.3s ease; } .footer-contact a:hover { color: var(--branco); text-decoration: underline; } .footer-bottom { background-color: rgba(16, 23, 39, 0.5); padding: 25px 0; margin-top: 40px; } .footer-bottom p { color: var(--bege-claro); font-size: 13px; margin: 0; } .bottom-social { display: flex; gap: 15px; justify-content: center; align-items: center; margin-top: 15px; } .bottom-social a { color: var(--bege-claro); font-size: 18px; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(100, 200, 255, 0.1); border: 1px solid rgba(100, 200, 255, 0.2); text-align: center; line-height: 1; } .bottom-social a i { display: flex; align-items: center; justify-content: center; } .bottom-social a:hover { color: var(--azul-claro); background: rgba(100, 200, 255, 0.2); border-color: rgba(100, 200, 255, 0.4); transform: translateY(-3px); } @media (max-width: 768px) { .footer { padding-top: 40px; } .footer-heading { font-size: 16px; margin-bottom: 15px; } .footer-text, .footer-links a, .footer-contact p { font-size: 13px; } .footer-bottom { padding: 20px 0; } .bottom-social a { font-size: 16px; width: 35px; height: 35px; } }