/* ========================================================= 041 ADESIVOS — Landing page (tema filho do Enfold) Dark / vermelho / pegada automotiva — baseado no mockup aprovado ========================================================= */ :root { --red: #E0392B; --red-d: #b82a1f; --bg: #000000; --bg2: #0a0a0a; --bg3: #161616; --text: #ffffff; --muted: #9a9a9a; --line: rgba(255, 255, 255, .12); } /* ---------- Base ---------- */ .av041-site, .av041-site #main, .av041-site .container_wrap, .av041-site #wrap_all { background-color: var(--bg); } .av041-site .container_wrap { border: 0; } .av041-site #main { color: var(--text); } .av041-site .av-special-heading-tag, .av041-site .avia_textblock h1, .av041-site .avia_textblock h2, .av041-site .avia_textblock h3, .av041-site .avia_textblock h4 { font-family: 'Saira', 'Saira Condensed', Impact, sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #fff; } .av041-site #main p, .av041-site .avia_textblock, .av041-site .iconbox_content, .av041-site .avia-icon-list { font-family: 'Inter', Helvetica, Arial, sans-serif; } /* ---------- Section titles ---------- */ .av041-site .special-heading-border { display: none !important; } .av041-site .sec-title .av-special-heading-tag { font-size: clamp(28px, 3.4vw, 44px); line-height: 1.05; display: block; font-style: normal !important; border: 0 !important; padding-left: 0 !important; } .av041-site .sec-title.av-special-heading, .av041-site .sec-title .av-special-heading-tag { background: none !important; } .av041-site .av041-svc-title .av-subheading { color: var(--red) !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-style: normal !important; } .av041-site .sec-title-left .av-special-heading-tag { text-align: left; } #top.av041-site .sec-title-center, #top.av041-site .sec-title-center .av-special-heading, #top.av041-site .sec-title-center .av-special-heading-tag, #top.av041-site .sec-title-center .av-subheading { text-align: center !important; float: none !important; width: 100% !important; display: block !important; } .av041-site .sec-title .av-subheading { font-family: 'Inter', sans-serif !important; text-transform: none; letter-spacing: 0; color: var(--muted) !important; font-size: 16px !important; font-weight: 400; margin-top: 8px; } .av041-site .av041-svc-title .av-subheading { color: var(--red) !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } /* ---------- Buttons ---------- */ .av041-site .btn-orcamento .avia-button, .av041-site .btn-ghost .avia-button { font-family: 'Saira', sans-serif !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 3px; padding: 16px 40px !important; font-size: 15px !important; background-image: none !important; transition: transform .15s ease, background-color .15s ease, border-color .15s ease; } .av041-site .btn-orcamento .avia-button { background: var(--red) !important; color: #fff !important; border: 0 !important; } .av041-site .btn-orcamento .avia-button:hover { background: var(--red-d) !important; transform: translateY(-2px); } .av041-site .btn-ghost .avia-button { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.5) !important; } .av041-site .btn-ghost .avia-button:hover { border-color: var(--red) !important; color: var(--red) !important; } .av041-site .av041-hero .btn-orcamento.avia-button-wrap, .av041-site .av041-hero .btn-ghost.avia-button-wrap { display: inline-block; margin: 0 12px 0 0; } /* ---------- Header (transparent over hero, dark elsewhere) ---------- */ #top.av041-site #header { box-shadow: none; } .av041-site #header_main .container, .av041-site #header_main { border: 0 !important; } .av041-site:not(.html_header_transparent) #header { background-color: rgba(0,0,0,.92) !important; } .av041-site #header .av-main-nav > li > a .avia-menu-text { color: #fff !important; font-family: 'Saira', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .av041-site #header .av-main-nav > li:hover > a .avia-menu-text, .av041-site #header .av-main-nav > li.current-menu-item > a .avia-menu-text { color: var(--red) !important; } /* ORÇAMENTO nav item as button */ #top.av041-site #header .av-main-nav li.menu-orcamento { margin-left: 14px; } #top.av041-site #header .av-main-nav li.menu-orcamento > a { background: var(--red) !important; border-radius: 4px; padding: 0 24px !important; line-height: 42px !important; height: 42px !important; min-height: 42px !important; margin-top: 17px; } #top.av041-site #header .av-main-nav li.menu-orcamento > a .avia-menu-text { color: #fff !important; } #top.av041-site #header .av-main-nav li.menu-orcamento:hover > a { background: var(--red-d) !important; } #top.av041-site #header .av-main-nav li.menu-orcamento > a .avia-menu-fx { display: none; } /* hide default search icon in nav */ #top.av041-site #header #menu-item-search { display: none !important; } /* logo */ .av041-site .logo img { display: none !important; } .av041-site .logo a { display: block; width: 200px; height: 46px; background: url('../images/logo-041.svg') left center / contain no-repeat; } @media (max-width: 767px) { .av041-site .logo a { width: 150px; height: 38px; } } .av041-site #header .av-hamburger-inner, .av041-site #header .av-hamburger-inner::before, .av041-site #header .av-hamburger-inner::after { background-color: #fff !important; } /* ---------- HERO ---------- */ .av041-site .av041-hero { position: relative; overflow: hidden; min-height: 760px; display: flex; align-items: flex-end; } .av041-site .av041-hero .container { position: relative; z-index: 3; padding-top: 140px; padding-bottom: 70px; } .av041-site .av041-hero::after { content: '041 ADESIVOS'; position: absolute; top: 4%; right: -2%; z-index: 1; font-family: 'Saira', sans-serif; font-weight: 800; font-size: 13vw; line-height: 1; color: rgba(255,255,255,.05); letter-spacing: -2px; pointer-events: none; white-space: nowrap; } .av041-site .av041-hero .hero-h1 .av-special-heading-tag { font-size: clamp(34px, 5.2vw, 60px); line-height: 1.02; margin: 0; } .av041-site .av041-hero .hero-h2 .av-special-heading-tag { font-size: clamp(34px, 5.2vw, 60px); line-height: 1.02; color: var(--red) !important; margin: 0; } .av041-site .av041-hero .hero-sub .avia_textblock { color: #d8d8d8 !important; font-size: 17px; margin: 18px 0 28px; } .av041-site .av041-hero .hero-sub em { display: block; color: var(--muted); font-size: 15px; margin-top: 6px; } /* ---------- Brand strip ---------- */ .av041-site .av041-brands { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .av041-site .brand-strip { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; opacity: .65; } .av041-site .brand-item { color: #fff; font-family: 'Saira', sans-serif; font-weight: 700; font-size: 13px; line-height: 1.1; text-transform: uppercase; display: inline-flex; flex-direction: column; } .av041-site .brand-item b { font-size: 16px; } .av041-site .brand-item small { color: var(--muted); font-weight: 400; letter-spacing: 1px; } /* ---------- SERVIÇOS (Image icons in hexagon) ---------- */ .av041-site .av041-services .flex_column { background: transparent !important; margin-bottom: 0; text-align: center; } .av041-site .av041-services .svc-ico-img .avia-image-container { margin: 0 auto 16px !important; width: 124px; } .av041-site .av041-services .svc-ico-img .avia-image-container-inner { width: 124px; height: 136px; margin: 0 auto; position: relative; background: url('../images/icons/hexagon.svg') center / contain no-repeat; display: flex; align-items: center; justify-content: center; } .av041-site .av041-services .svc-ico-img img { width: 54px !important; height: auto !important; max-height: 52px; object-fit: contain; filter: brightness(0) invert(1); } .av041-site .av041-services .svc-h .av-special-heading-tag { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; text-transform: none !important; color: #fff !important; font-size: 16px !important; text-align: center !important; line-height: 1.3; display: block; } .av041-site .av041-services .svc-txt, .av041-site .av041-services .svc-txt p { color: var(--muted) !important; font-size: 13.5px !important; line-height: 1.6; text-align: center; } /* ---------- FEATURE / Envelopamento ---------- */ .av041-site .av041-feature { position: relative; overflow: hidden; background: linear-gradient(110deg, #2a0e0c 0%, #14100f 60%) !important; } .av041-site .av041-feature::before { content: ''; position: absolute; top: 0; right: 0; width: 45%; height: 120px; z-index: 0; background: repeating-linear-gradient(115deg, var(--red) 0 26px, transparent 26px 64px); opacity: .5; -webkit-mask: linear-gradient(180deg, #000, transparent); mask: linear-gradient(180deg, #000, transparent); } .av041-site .av041-feature .container { position: relative; z-index: 2; } .av041-site .av041-feature .feat-title .av-special-heading-tag { font-size: clamp(28px, 3.6vw, 42px); } .av041-site .av041-feature .feat-txt .avia_textblock { color: #cfcfcf !important; font-size: 16px; margin-bottom: 24px; } .av041-site .av041-feature .avia-image-container img { border-radius: 8px; } /* ---------- MATERIAIS ---------- */ .av041-site .mat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .av041-site .mat-card { background: #fff; border-radius: 10px; height: 92px; display: flex; align-items: center; justify-content: center; } .av041-site .mat-card span { color: #111; font-family: 'Saira', sans-serif; font-weight: 800; font-size: 18px; text-transform: uppercase; letter-spacing: .5px; } /* ---------- PORTFÓLIO (Enfold Portfolio + icon-card filter) ---------- */ .av041-site .av041-portfolio .av-portfolio-grid-sorting-container { margin: 8px 0 28px; } .av041-site .av041-portfolio .sort_by_cat { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; } .av041-site .av041-portfolio .text-sep { display: none !important; } .av041-site .av041-portfolio .av-cat-count { display: none !important; } .av041-site .av041-portfolio .sort_by_cat > a { background: #0d0d0d; border: 1px solid var(--line); border-radius: 10px; padding: 15px 6px 11px; flex: 1 1 0; min-width: 84px; text-decoration: none !important; transition: border-color .15s ease; } .av041-site .av041-portfolio .sort_by_cat > a:hover { border-color: rgba(224,57,43,.55); } .av041-site .av041-portfolio .sort_by_cat > a.active_sort { border-color: var(--red); } .av041-site .av041-portfolio .inner_sort_button { display: flex; flex-direction: column; align-items: center; gap: 9px; } .av041-site .av041-portfolio .inner_sort_button > span { color: #fff !important; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 1.15; } .av041-site .av041-portfolio .sort_by_cat > a:before { content: ''; display: block; width: 52px; height: 28px; background-color: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .av041-site .av041-portfolio .all_sort_button:before { -webkit-mask-image: none; mask-image: none; width: 26px; height: 26px; border-radius: 50%; background: var(--red); } .av041-site .av041-portfolio .sedan_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/sedan.svg'); mask-image:url('../images/icons/veiculos/sedan.svg'); } .av041-site .av041-portfolio .hatch_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/hatch.svg'); mask-image:url('../images/icons/veiculos/hatch.svg'); } .av041-site .av041-portfolio .suv_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/suv.svg'); mask-image:url('../images/icons/veiculos/suv.svg'); } .av041-site .av041-portfolio .utilitario_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/utilitario.svg'); mask-image:url('../images/icons/veiculos/utilitario.svg'); } .av041-site .av041-portfolio .van_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/van.svg'); mask-image:url('../images/icons/veiculos/van.svg'); } .av041-site .av041-portfolio .picape_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/picape.svg'); mask-image:url('../images/icons/veiculos/picape.svg'); } .av041-site .av041-portfolio .onibus_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/onibus.svg'); mask-image:url('../images/icons/veiculos/onibus.svg'); } .av041-site .av041-portfolio .caminhao_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/caminhao.svg'); mask-image:url('../images/icons/veiculos/caminhao.svg'); } .av041-site .av041-portfolio .mini-caminhao_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/minicaminhao.svg'); mask-image:url('../images/icons/veiculos/minicaminhao.svg'); } .av041-site .av041-portfolio .capacetes_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/capacete.svg'); mask-image:url('../images/icons/veiculos/capacete.svg'); } .av041-site .av041-portfolio .moto_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/moto.svg'); mask-image:url('../images/icons/veiculos/moto.svg'); } .av041-site .av041-portfolio .diversos_sort_button:before { -webkit-mask-image:url('../images/icons/veiculos/diversos.svg'); mask-image:url('../images/icons/veiculos/diversos.svg'); } /* grid tiles */ .av041-site .av041-portfolio-grid .grid-content, .av041-site .av041-portfolio-grid .av-portfolio-title, .av041-site .av041-portfolio-grid .entry-content-header { display: none !important; } .av041-site .av041-portfolio-grid .grid-image, .av041-site .av041-portfolio-grid .grid-image img { border-radius: 12px !important; } .av041-site .av041-portfolio-grid .grid-image img { display: block; width: 100%; } .av041-site .av041-portfolio-grid .isotope .grid-entry { margin-bottom: 16px; } /* hover do tile: overlay mais leve (imagem continua visível) + ícone de expandir */ .av041-site .av041-portfolio-grid .grid-image { display: block; cursor: pointer; overflow: hidden; border-radius: 12px; } /* desliga o overlay escuro padrão do Enfold (avia-hover-fx) — usamos o nosso, mais leve */ .av041-site .av041-portfolio-grid .image-overlay { display: none !important; } .av041-site .av041-portfolio-grid .grid-image img { transition: transform .35s ease; } .av041-site .av041-portfolio-grid .grid-entry:hover .grid-image img { transform: scale(1.04); } /* overlay + ícone vivem no .inner-entry (bloco) — posicionam corretamente sobre a imagem */ .av041-site .av041-portfolio-grid .inner-entry { position: relative; cursor: pointer; } /* tint leve no hover (imagem continua visível) */ .av041-site .av041-portfolio-grid .inner-entry:before { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: 12px; background: rgba(0,0,0,.22); opacity: 0; transition: opacity .2s ease; pointer-events: none; } .av041-site .av041-portfolio-grid .grid-entry:hover .inner-entry:before { opacity: 1; } /* ícone de "expandir" no hover */ .av041-site .av041-portfolio-grid .inner-entry:after { content: ''; position: absolute; inset: 0; margin: auto; width: 56px; height: 56px; z-index: 4; background: url('../images/icons/expand.svg') center / 24px 24px no-repeat, var(--red); border-radius: 50%; opacity: 0; transform: scale(.7); transition: opacity .2s ease, transform .2s ease; pointer-events: none; box-shadow: 0 6px 18px rgba(0,0,0,.4); } .av041-site .av041-portfolio-grid .grid-entry:hover .inner-entry:after { opacity: 1; transform: scale(1); } /* modal do projeto */ .av041-modal { position: fixed; inset: 0; z-index: 99999; display: none; } .av041-modal.is-open { display: block; } .av041-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.82); } .av041-modal-box { position: relative; z-index: 2; max-width: 1000px; width: 92%; margin: 4vh auto; background: #0d0d0d; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; display: flex; flex-wrap: wrap; max-height: 92vh; box-shadow: 0 24px 70px rgba(0,0,0,.6); } .av041-modal-img { flex: 1 1 56%; min-width: 280px; background: #000; display: flex; align-items: center; justify-content: center; } .av041-modal-img img { width: 100%; height: 100%; max-height: 92vh; object-fit: contain; display: block; } .av041-modal-info { flex: 1 1 320px; padding: 30px 28px; display: flex; flex-direction: column; max-height: 92vh; } .av041-modal-title { font-family: 'Saira', sans-serif !important; font-weight: 800; text-transform: uppercase; color: #fff !important; font-size: 22px; line-height: 1.12; margin: 0 0 14px; } .av041-modal-desc { color: #c4c4c4 !important; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.7; margin: 0 0 24px; overflow-y: auto; } .av041-modal-actions { margin-top: auto; display: flex; flex-direction: column; gap: 12px; } .av041-modal-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 22px; border-radius: 6px; font-family: 'Saira', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } .av041-modal-details { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); } .av041-modal-details:hover { border-color: var(--red); color: var(--red); } .av041-modal-orca { background: var(--red); color: #fff !important; border: 0; } .av041-modal-orca:hover { background: var(--red-d); } .av041-modal-orca:before { content: ''; width: 19px; height: 19px; background: #fff; -webkit-mask: url('../images/icons/whatsapp.svg') center/contain no-repeat; mask: url('../images/icons/whatsapp.svg') center/contain no-repeat; } .av041-modal-close { position: absolute; top: 12px; right: 14px; z-index: 5; background: rgba(0,0,0,.55); color: #fff; border: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 26px; line-height: 38px; text-align: center; cursor: pointer; transition: background-color .15s ease; } .av041-modal-close:hover { background: var(--red); } @media (max-width: 767px) { .av041-modal-box { flex-direction: column; margin: 2vh auto; max-height: 96vh; flex-wrap: nowrap; } .av041-modal-img { flex: 0 0 auto; max-height: 46vh; } .av041-modal-img img { max-height: 46vh; } .av041-modal-info { flex: 1 1 auto; padding: 22px 20px; } } /* ---------- POR QUE ESCOLHER ---------- */ .av041-site .why-left .flex_column_inner, .av041-site .why-left > div { width: 100%; } .av041-site .av041-why .why-left { display: block; } .av041-site .av041-why .why-box { background: var(--bg3) !important; border: 1px solid var(--line) !important; border-radius: 8px; padding: 16px !important; margin: 0 1.5% 12px 0 !important; display: inline-block !important; vertical-align: top; width: 48.5% !important; min-height: 92px; float: none !important; } .av041-site .av041-why .iconbox.iconbox_left .iconbox_content { display: block; } .av041-site .av041-why .why-box.why-highlight, .av041-site .av041-why .why-box.why-highlight .iconbox_content { background: var(--red) !important; } .av041-site .av041-why .why-box.why-highlight { border-color: var(--red) !important; } .av041-site .av041-why .why-box .iconbox_content_title { font-family: 'Inter', sans-serif !important; text-transform: none; font-size: 14px !important; color: #fff !important; margin-bottom: 4px !important; } .av041-site .av041-why .why-box .iconbox_content p { color: var(--muted) !important; font-size: 13px !important; margin: 0; } .av041-site .av041-why .why-box.why-highlight { background: var(--red); border-color: var(--red); } .av041-site .av041-why .why-box.why-highlight .iconbox_content_title, .av041-site .av041-why .why-box.why-highlight .iconbox_content p { color: #fff !important; } .av041-site .av041-why .why-box .iconbox_icon { width: 30px; height: 30px; font-size: 0 !important; background: none !important; border: 0 !important; position: relative; } .av041-site .av041-why .why-box .iconbox_icon:before { display: none !important; } .av041-site .av041-why .why-box .iconbox_icon:after { content: ''; position: absolute; inset: 0; background-color: var(--red); -webkit-mask: var(--ico) center/contain no-repeat; mask: var(--ico) center/contain no-repeat; } .av041-site .av041-why .why-highlight .iconbox_icon:after { background-color: #fff; } .av041-site .why-premium { --ico: url('../images/icons/why-premium.svg'); } .av041-site .why-agilidade { --ico: url('../images/icons/why-agilidade.svg'); } .av041-site .why-equipe { --ico: url('../images/icons/why-equipe.svg'); } .av041-site .why-consultoria{ --ico: url('../images/icons/why-consultoria.svg'); } .av041-site .why-frotas { --ico: url('../images/icons/why-frotas.svg'); } .av041-site .why-garantia { --ico: url('../images/icons/why-garantia.svg'); } .av041-site .av041-why .why-img .avia-image-container img { border-radius: 10px; } /* ---------- DEPOIMENTOS ---------- */ .av041-site .av041-depo .depo { background: #fff; border-radius: 14px; padding: 34px 30px; position: relative; min-height: 220px; } .av041-site .av041-depo .depo-av { position: absolute; top: 26px; right: 26px; width: 56px; height: 56px; border-radius: 50%; background: #9b9b9b; } .av041-site .av041-depo .depo h4 { font-family: 'Inter', sans-serif !important; font-weight: 700; color: #111 !important; text-transform: none; font-size: 19px; margin: 6px 0 20px; } .av041-site .av041-depo .depo p { color: #555 !important; font-size: 15px; line-height: 1.6; margin: 0; } .av041-site .google-rating { text-align: center; padding-top: 20px; } .av041-site .google-rating strong { display: block; color: #fff; font-family: 'Saira', sans-serif; font-size: 22px; letter-spacing: 1px; } .av041-site .google-rating .stars { color: #FBBC05; font-size: 30px; letter-spacing: 4px; margin: 8px 0; } .av041-site .google-rating p { color: var(--muted) !important; font-size: 14px; margin: 0 0 8px; } .av041-site .google-rating .g-logo { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 34px; } /* ---------- SOBRE ---------- */ .av041-site .av041-sobre .sobre-img .avia-image-container img { border-radius: 10px; } .av041-site .av041-sobre .sobre-txt .avia_textblock { color: #cfcfcf !important; font-size: 15.5px; line-height: 1.8; } .av041-site .av041-sobre .sobre-txt strong { color: #fff; } .av041-site .sobre-stats .avia-icon-list { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 26px; padding: 0; } .av041-site .sobre-stats li { margin: 0 !important; list-style: none; display: flex; align-items: flex-start; gap: 12px; background: var(--bg3); border: 1px solid var(--line); border-radius: 8px; padding: 14px 14px; } .av041-site .sobre-stats .iconlist_icon { position: relative !important; flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0 0 !important; left: auto !important; top: auto !important; border: 0 !important; background: none !important; } .av041-site .sobre-stats .iconlist_icon:after { content: ''; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; background: var(--red); transform: rotate(45deg); } .av041-site .sobre-stats .iconlist_icon .av-icon-char { display: none !important; } .av041-site .sobre-stats .article-icon-entry { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; flex: 1; } .av041-site .sobre-stats .av_iconlist_title, .av041-site .sobre-stats h4 { font-family: 'Inter', sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: #fff !important; line-height: 1.35 !important; margin: 0 !important; } .av041-site .sobre-stats .iconlist_content_wrap, .av041-site .sobre-stats .entry-content-header { padding: 0 !important; margin: 0 !important; } /* ---------- CONTATO ---------- */ .av041-site .av041-contato .loja-card .avia_textblock { border: 1px solid var(--line); border-radius: 10px; padding: 40px 34px; text-align: center; min-height: 260px; } .av041-site .av041-contato .loja-nome { color: var(--red) !important; font-family: 'Saira', sans-serif !important; font-size: 20px !important; margin: 0 0 18px; } .av041-site .av041-contato .loja-card p { color: #cfcfcf !important; font-size: 15px; line-height: 1.7; margin: 0 0 8px; } .av041-site .av041-contato .loja-card a { color: #fff; } .av041-site .av041-contato .loja-horario { margin-top: 14px !important; } .av041-site .av041-contato .loja-horario strong { color: #fff; } /* ---------- Footer / socket ---------- */ .av041-site #footer { background-color: #000 !important; border-top: 1px solid var(--line); } .av041-site #socket { background-color: #000 !important; color: var(--muted) !important; text-align: center; } .av041-site #socket .copyright { color: var(--muted) !important; font-size: 13px; line-height: 1.8; } .av041-site #socket a { color: var(--muted) !important; } .av041-site #socket a:hover { color: var(--red) !important; } /* ---------- Responsive ---------- */ @media (max-width: 989px) { .av041-site .av041-services .av_one_fifth { width: 33.33%; float: left; margin-bottom: 24px; } .av041-site .mat-grid { grid-template-columns: repeat(2, 1fr); } .av041-site .cat { flex: 1 1 30%; } } @media (max-width: 767px) { .av041-site .av041-services .av_one_fifth { width: 50%; } .av041-site .mat-grid { grid-template-columns: repeat(2, 1fr); } .av041-site .av041-hero .btn-orcamento.avia-button-wrap, .av041-site .av041-hero .btn-ghost.avia-button-wrap { display: block; margin: 10px 0 0; } .av041-site .google-rating { padding-top: 30px; } } /* ============================================================ QA PASS 2 — fidelity fixes (override block) ============================================================ */ /* HERO — center everything (matches mockup) + real logo in white */ #top.av041-site .av041-hero .container { text-align: center; } #top.av041-site .av041-hero .hero-h1 .av-special-heading-tag, #top.av041-site .av041-hero .hero-h2 .av-special-heading-tag { text-align: center !important; max-width: none; } #top.av041-site .av041-hero .hero-sub, #top.av041-site .av041-hero .hero-sub p { text-align: center !important; } #top.av041-site .av041-hero .hero-sub p { max-width: none; } #top.av041-site .av041-hero .avia-button-wrap { float: none !important; display: inline-block !important; margin: 0 7px !important; vertical-align: top; } #top.av041-site .av041-hero .av_textblock_section { text-align: center; } #top.av041-site .logo a { background: url('../images/logo-041.png') center / contain no-repeat !important; width: 220px; height: 44px; filter: brightness(0) invert(1); } @media (max-width:767px){ #top.av041-site .logo a { width: 165px; height: 34px; } } /* SERVIÇOS — tighten icon gap + description width */ #top.av041-site .av041-services .svc-ico-img .avia-image-container { margin: 0 auto 10px !important; } #top.av041-site .av041-services .svc-txt, #top.av041-site .av041-services .svc-txt p { max-width: 205px; margin-left: auto; margin-right: auto; } /* FEATURE — vertical-center text, bold red stripe, brighter body, prev arrow */ #top.av041-site .av041-feature .flex_column { display: flex; flex-direction: column; justify-content: center; } #top.av041-site .av041-feature .feat-txt .avia_textblock, #top.av041-site .av041-feature .feat-txt p { color: #dcdcdc !important; } #top.av041-site .av041-feature::before { background: url('../images/icons/faixa-red.svg') top right / auto 100% repeat-x !important; opacity: .95 !important; width: 46% !important; height: 96px !important; -webkit-mask: none !important; mask: none !important; } #top.av041-site .av041-feature .container { position: relative; } #top.av041-site .av041-feature .container::before { content: '‹'; position: absolute; left: -6px; top: 44%; width: 46px; height: 46px; line-height: 42px; text-align: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: #fff; font-size: 26px; z-index: 5; } /* MATERIAIS — taller cards + title spacing */ #top.av041-site .mat-card { height: 110px; } #top.av041-site .av041-materiais .av-special-heading-tag { margin-bottom: 28px; } /* PORTFÓLIO — uniform rounded tiles, smaller icons, 'Todos' grid icon, active outline */ #top.av041-site .av041-portfolio-grid .grid-image img, #top.av041-site .av041-portfolio-grid .avia-image-container img { aspect-ratio: 4 / 3 !important; object-fit: cover !important; height: auto !important; width: 100% !important; border-radius: 16px !important; } #top.av041-site .av041-portfolio .sort_by_cat > a { padding: 16px 6px 13px; } #top.av041-site .av041-portfolio .sort_by_cat > a:before { width: 46px; height: 25px; margin-bottom: 2px; } #top.av041-site .av041-portfolio .sort_by_cat > a.active_sort { box-shadow: 0 0 0 1px var(--red) inset; } #top.av041-site .av041-portfolio .all_sort_button:before { background: #fff !important; border-radius: 0 !important; width: 26px !important; height: 26px !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* POR QUE ESCOLHER — true 3x2 grid (heading spans full width) */ #top.av041-site .av041-why .why-left { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 12px; align-content: start; } #top.av041-site .av041-why .why-left > .av-special-heading { grid-column: 1 / -1; margin-bottom: 4px; } #top.av041-site .av041-why .why-box { width: auto !important; display: block !important; margin: 0 !important; min-height: 118px; } #top.av041-site .av041-why .why-img .avia-image-container, #top.av041-site .av041-why .why-img .avia-image-container img { height: 100%; object-fit: cover; border-radius: 10px; } /* DEPOIMENTOS — avatar fully inside card, no overlap */ #top.av041-site .av041-depo .depo { padding: 32px 28px 28px; overflow: hidden; } #top.av041-site .av041-depo .depo-av { top: 28px; right: 26px; width: 46px; height: 46px; } #top.av041-site .av041-depo .depo h4 { padding-right: 60px; } /* SOBRE — stats borderless on the band, with a column divider */ #top.av041-site .av041-sobre { background-color: #141414 !important; } #top.av041-site .sobre-stats li { background: transparent !important; border: 0 !important; padding: 6px 4px !important; } #top.av041-site .sobre-stats li:nth-child(odd) { border-right: 1px solid var(--line) !important; padding-right: 22px !important; } /* CONTATO — white labels + hide stray footer widget row */ #top.av041-site .av041-contato .loja-card p strong { color: #fff !important; } #top.av041-site #footer > .container_wrap:not(#socket), #top.av041-site #footer .widget { display: none !important; } /* ============================================================ QA PASS 3 — fluidity & polish (overrides) ============================================================ */ /* smooth anchor scrolling + header offset */ html { scroll-behavior: smooth; } #top.av041-site #inicio, #top.av041-site #servicos, #top.av041-site #portfolio, #top.av041-site #sobre, #top.av041-site #contato { scroll-margin-top: 90px; } /* unified, snappier interactions */ #top.av041-site .btn-orcamento .avia-button, #top.av041-site .btn-ghost .avia-button, #top.av041-site .svc-card, #top.av041-site .mat-card, #top.av041-site .av041-portfolio .sort_by_cat > a, #top.av041-site .av041-portfolio-grid .grid-image img { transition: all .2s ease !important; } #top.av041-site .btn-orcamento .avia-button:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(224,57,43,.4) !important; } #top.av041-site .btn-ghost .avia-button:hover { background: rgba(224,57,43,.08) !important; border-color: var(--red) !important; color: var(--red) !important; } /* HERO — watermark truly in the background, never overflowing */ #top.av041-site .av041-hero::after { opacity: .03 !important; font-size: 12vw !important; right: 0 !important; top: 7% !important; } /* BRAND STRIP — intentional, evenly spaced, image-ready, mobile-friendly */ #top.av041-site .av041-brands { padding-top: 26px !important; padding-bottom: 26px !important; } #top.av041-site .brand-strip { opacity: 1; gap: 26px; } #top.av041-site .brand-item { opacity: .55; transition: opacity .2s ease; align-items: flex-start; } #top.av041-site .brand-item:hover { opacity: 1; } #top.av041-site .brand-item img { max-height: 30px; width: auto; filter: brightness(0) invert(1); opacity: .8; } /* SERVIÇOS — tighter vertical rhythm, optically centered icons */ #top.av041-site .av041-services .flex_column { margin-bottom: 30px !important; } #top.av041-site .av041-services .svc-ico-img .avia-image-container-inner { display: grid; place-items: center; } #top.av041-site .av041-services .svc-h .av-special-heading-tag { margin-bottom: 6px !important; } /* FEATURE — brighter body text; hide decorative arrow on small screens */ #top.av041-site .av041-feature .feat-txt .avia_textblock, #top.av041-site .av041-feature .feat-txt p { color: #e8e8e8 !important; } /* MATERIAIS — keep white cards (mockup), polish + image-ready */ #top.av041-site .mat-card { height: 108px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.35); padding: 14px 22px; box-sizing: border-box; } #top.av041-site .mat-card .mat-logo { width: auto; height: auto; max-width: 82%; max-height: 46px; object-fit: contain; transition: transform .25s ease; } #top.av041-site .mat-card:hover .mat-logo { transform: scale(1.06); } /* per-logo optical balancing — brands have very different aspect ratios */ #top.av041-site .mat-logo.l-teckwrap { max-height: 40px; } #top.av041-site .mat-logo.l-speed { max-height: 62px; } #top.av041-site .mat-logo.l-arlon { max-height: 38px; } #top.av041-site .mat-logo.l-sh { max-height: 50px; } #top.av041-site .mat-logo.l-sid { max-height: 34px; } #top.av041-site .mat-logo.l-oracal { max-height: 44px; } #top.av041-site .mat-logo.l-avery { max-height: 52px; } #top.av041-site .mat-logo.l-serilon { max-height: 58px; } #top.av041-site .av041-materiais .av-special-heading-tag { margin-bottom: 30px; } /* PORTFÓLIO — clearer tabs + consistent tile radius */ #top.av041-site .av041-portfolio .sort_by_cat > a { border: 1px solid rgba(255,255,255,.16) !important; } #top.av041-site .av041-portfolio .sort_by_cat > a.active_sort { border-color: var(--red) !important; background: rgba(224,57,43,.1) !important; box-shadow: none !important; } #top.av041-site .av041-portfolio-grid .grid-image img, #top.av041-site .av041-portfolio-grid .avia-image-container img { border-radius: 12px !important; } /* DEPOIMENTOS — avatar fully inside the card */ #top.av041-site .av041-depo .depo { padding: 48px 28px 28px !important; } #top.av041-site .av041-depo .depo-av { top: 16px !important; right: 20px !important; width: 44px !important; height: 44px !important; } #top.av041-site .av041-depo .depo h4 { padding-right: 56px; } /* MOBILE polish (<=767px) */ @media (max-width: 767px) { #top.av041-site .av041-hero .btn-orcamento.avia-button-wrap, #top.av041-site .av041-hero .btn-ghost.avia-button-wrap { display: block !important; width: 100%; max-width: 280px; margin: 12px auto 0 !important; } #top.av041-site .av041-hero .btn-orcamento .avia-button, #top.av041-site .av041-hero .btn-ghost .avia-button { display: block; text-align: center; } #top.av041-site .brand-strip { justify-content: center; } #top.av041-site .brand-item { flex: 0 1 calc(50% - 14px); align-items: center; text-align: center; } #top.av041-site .av041-services .svc-ico-img .avia-image-container-inner { width: 108px; height: 120px; } #top.av041-site .mat-card { height: 96px; } #top.av041-site .av041-feature .container::before { display: none !important; } #top.av041-site .sobre-stats .avia-icon-list { grid-template-columns: 1fr !important; } #top.av041-site .sobre-stats li:nth-child(odd) { border-right: 0 !important; padding-right: 4px !important; } } /* ============================================================ QA PASS 4 — final polish ============================================================ */ /* HERO watermark: faint background texture, no longer competes with headline */ #top.av041-site .av041-hero::after { opacity: .025 !important; font-size: 11vw !important; top: 9% !important; } /* CLIENT LOGOS STRIP — real full-color client logos on the dark band */ #top.av041-site .av041-brands { padding-top: 28px !important; padding-bottom: 28px !important; } #top.av041-site .brand-strip { display: flex; flex-wrap: nowrap; gap: 18px; align-items: center; justify-content: space-between; opacity: 1; } #top.av041-site .brand-logo { flex: 0 1 auto; display: flex; align-items: center; justify-content: center; opacity: .9; transition: opacity .2s ease, transform .2s ease; } #top.av041-site .brand-logo:hover { opacity: 1; transform: translateY(-2px); } #top.av041-site .brand-logo img { width: auto; max-width: 150px; max-height: 40px; object-fit: contain; filter: none !important; } /* optical balancing: compact square emblems get more height than wide wordmarks */ #top.av041-site .brand-logo img.cl-bmw { max-height: 48px; } #top.av041-site .brand-logo img.cl-bc { max-height: 54px; } #top.av041-site .brand-logo img.cl-bombeiro { max-height: 54px; } #top.av041-site .brand-logo img.cl-curitiba { max-height: 44px; } #top.av041-site .brand-logo img.cl-parana { max-height: 36px; max-width: 175px; } #top.av041-site .brand-logo img.cl-gorilla { max-height: 42px; } #top.av041-site .brand-logo img.cl-circuito { max-height: 42px; } /* wrap to multiple rows only on narrow screens */ @media (max-width: 989px) { #top.av041-site .brand-strip { flex-wrap: wrap; justify-content: center; gap: 24px 32px; } } /* FEATURE: remove misleading carousel arrow + make the image larger/framed */ #top.av041-site .av041-feature .container::before { display: none !important; } #top.av041-site .av041-feature .avia-image-container { width: 100% !important; margin: 0 !important; } #top.av041-site .av041-feature .avia-image-container img { width: 100% !important; height: 340px !important; object-fit: cover; border-radius: 12px; } /* PORTFÓLIO: 'Todos' tab reads as a clean grid icon (not a solid box) */ #top.av041-site .av041-portfolio .all_sort_button:before { background: rgba(255,255,255,.85) !important; } /* SERVIÇOS: pull the SAIBA MAIS button closer to the cards */ #top.av041-site .av041-services .avia-button-wrap { margin-top: 4px !important; } /* DEPOIMENTOS: a touch more breathing room around the cards row */ #top.av041-site .av041-depo .depo { min-height: 200px; } /* feature image responsive */ @media (max-width: 767px){ #top.av041-site .av041-feature .avia-image-container img { height: 240px !important; } } /* QA PASS 4b — tighten section rhythm (less dead space, more fluid) */ #top.av041-site .av041-services, #top.av041-site .av041-materiais, #top.av041-site .av041-portfolio, #top.av041-site .av041-why, #top.av041-site .av041-depo, #top.av041-site .av041-sobre, #top.av041-site .av041-contato { padding-top: 78px !important; padding-bottom: 78px !important; } #top.av041-site .av041-feature { padding-top: 70px !important; padding-bottom: 70px !important; } /* ============================================================ QA PASS 5 — accessibility/contrast fixes (validated) ============================================================ */ /* Brand red: nudged slightly deeper so WHITE-ON-RED passes WCAG AA (was 4.38:1) */ #top.av041-site { --red: #CD2E1F; --red-d: #a82418; } /* HERO subtext was BLACK (selector landed on wrong element) — make visible + legible over photo */ #top.av041-site .av041-hero .hero-sub, #top.av041-site .av041-hero .hero-sub p { color: #ededed !important; text-shadow: 0 1px 10px rgba(0,0,0,.85); margin-top: 22px !important; } #top.av041-site .av041-hero .hero-sub em { color: #c9c9c9 !important; } #top.av041-site .av041-hero .hero-h1 .av-special-heading-tag, #top.av041-site .av041-hero .hero-h2 .av-special-heading-tag { text-shadow: 0 2px 16px rgba(0,0,0,.6); } #top.av041-site .av041-hero .hero-h2 .av-special-heading-tag { margin-bottom: 4px; } /* Enfold floats the heading tag (float:left) → it shrink-wraps to its text and sits left, so text-align:center looks off-centre. Un-float + full width. */ #top.av041-site .av041-hero .hero-h1 .av-special-heading-tag, #top.av041-site .av041-hero .hero-h2 .av-special-heading-tag { float: none !important; width: 100% !important; display: block !important; text-align: center !important; } /* SOBRE paragraph was BLACK on dark — make visible (target the element directly) */ #top.av041-site .av041-sobre .sobre-txt, #top.av041-site .av041-sobre .sobre-txt p { color: #d3d3d3 !important; } #top.av041-site .av041-sobre .sobre-txt strong { color: #fff !important; } /* PORTFÓLIO tabs — never white; icon + label centered; clear active state */ #top.av041-site .av041-portfolio .sort_by_cat > a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: #0d0d0d !important; } #top.av041-site .av041-portfolio .sort_by_cat > a.all_sort_button, #top.av041-site .av041-portfolio .sort_by_cat > a.active_sort { background: #0d0d0d !important; } #top.av041-site .av041-portfolio .sort_by_cat > a.active_sort { border-color: var(--red) !important; box-shadow: 0 0 0 1px var(--red) inset !important; } #top.av041-site .av041-portfolio .sort_by_cat > a.active_sort .inner_sort_button > span { color: #fff !important; } #top.av041-site .av041-portfolio .inner_sort_button { display: flex; flex-direction: column; align-items: center; gap: 0; } /* QA PASS 5b — split red tokens so BOTH white-on-red fills AND red-text-on-dark pass AA */ #top.av041-site { --red: #ED4030; --red-d: #c8301f; --red-fill: #C42A1A; } /* white-on-red surfaces use the darker fill */ #top.av041-site .btn-orcamento .avia-button { background: var(--red-fill) !important; } #top.av041-site .btn-orcamento .avia-button:hover { background: #a3220f !important; } #top.av041-site #header .av-main-nav li.menu-orcamento > a { background: var(--red-fill) !important; } #top.av041-site #header .av-main-nav li.menu-orcamento:hover > a { background: #a3220f !important; } #top.av041-site .av041-why .why-box.why-highlight, #top.av041-site .av041-why .why-box.why-highlight .iconbox_content { background: var(--red-fill) !important; border-color: var(--red-fill) !important; } /* ============================================================ QA PASS 6 — senior design polish (validated visually) ============================================================ */ /* P0: kill the off-brand green nav underline (active state already shows red text) */ #top.av041-site #header .av-main-nav > li > a .avia-menu-fx { display: none !important; } /* HERO: lift content to vertical center; make watermark an intentional subtle accent */ #top.av041-site .av041-hero { align-items: center !important; } #top.av041-site .av041-hero .container { padding-top: 130px !important; padding-bottom: 96px !important; } #top.av041-site .av041-hero::after { opacity: .05 !important; font-size: 9vw !important; top: 14% !important; right: 3% !important; } /* tighten the gap between the brand strip and Serviços */ #top.av041-site .av041-services { padding-top: 52px !important; } #top.av041-site .brand-logo img { opacity: 1 !important; } /* SERVIÇOS: equal title baseline so the row isn't ragged */ #top.av041-site .av041-services .svc-h .av-special-heading-tag { min-height: 2.5em; display: flex; align-items: center; justify-content: center; } #top.av041-site .av041-services .svc-ico-img .avia-image-container, #top.av041-site .av041-services .svc-ico-img .avia-image-container-inner { width: 112px !important; } #top.av041-site .av041-services .svc-ico-img .avia-image-container-inner { height: 122px !important; } /* FEATURE: angle the red stripe (was a flat slab) + larger image */ #top.av041-site .av041-feature::before { transform: skewX(-16deg); transform-origin: top right; opacity: 1 !important; -webkit-mask: linear-gradient(90deg, transparent, #000 42%) !important; mask: linear-gradient(90deg, transparent, #000 42%) !important; } #top.av041-site .av041-feature .avia-image-container img { height: 400px !important; } /* PORTFÓLIO: larger category tab cards (closer to mockup) */ #top.av041-site .av041-portfolio .sort_by_cat { gap: 12px; } #top.av041-site .av041-portfolio .sort_by_cat > a { padding: 20px 8px 15px; min-width: 98px; border-radius: 14px !important; } #top.av041-site .av041-portfolio .sort_by_cat > a:before { width: 56px; height: 31px; margin-bottom: 6px; } /* POR QUE: vertically center card content, equalize height */ #top.av041-site .av041-why .why-box { min-height: 102px; } #top.av041-site .av041-why .why-box .iconbox_content_container { display: flex; flex-direction: column; justify-content: center; } /* DEPOIMENTOS: taller, more generous cards */ #top.av041-site .av041-depo .depo { min-height: 232px; padding: 46px 30px 30px !important; } #top.av041-site .av041-depo .depo h4 { margin: 8px 0 22px !important; } /* CONTATO: vertically center card content for equal visual weight */ #top.av041-site .av041-contato .loja-card .avia_textblock { display: flex; flex-direction: column; justify-content: center; } /* ============================================================ QA PASS 7 — tighter rhythm, concise feature, single-row tabs, sobre cleanup ============================================================ */ /* GLOBAL: reduce inter-section padding (page felt too tall) */ #top.av041-site .av041-services, #top.av041-site .av041-materiais, #top.av041-site .av041-portfolio, #top.av041-site .av041-why, #top.av041-site .av041-depo, #top.av041-site .av041-sobre, #top.av041-site .av041-contato { padding-top: 50px !important; padding-bottom: 50px !important; } #top.av041-site .av041-feature { padding-top: 40px !important; padding-bottom: 40px !important; } #top.av041-site .av041-feature .avia-image-container img { height: 360px !important; } /* PORTFÓLIO: force ALL category tabs onto ONE row (was wrapping "Van" to a 2nd row) */ #top.av041-site .av041-portfolio .sort_by_cat { flex-wrap: nowrap !important; gap: 8px !important; } #top.av041-site .av041-portfolio .sort_by_cat > a { flex: 1 1 0 !important; min-width: 0 !important; padding: 15px 4px 11px !important; border-radius: 12px !important; } #top.av041-site .av041-portfolio .sort_by_cat > a:before { width: 44px !important; height: 24px !important; margin-bottom: 5px !important; } #top.av041-site .av041-portfolio .inner_sort_button > span { font-size: 11px !important; line-height: 1.1; } /* SOBRE: remove broken connector/divider lines; vertically center column; better-spaced stats */ #top.av041-site .av041-sobre .av-special-heading { display: block; } #top.av041-site .sobre-stats .avia-icon-list, #top.av041-site .sobre-stats .iconlist_icon, #top.av041-site .sobre-stats li { border: 0 !important; } #top.av041-site .sobre-stats li:nth-child(odd) { border-right: 0 !important; padding-right: 18px !important; } #top.av041-site .sobre-stats .avia-icon-list:before, #top.av041-site .sobre-stats .iconlist_icon:before { display: none !important; content: none !important; } #top.av041-site .sobre-stats .avia-icon-list { gap: 16px 22px !important; margin-top: 30px !important; } #top.av041-site .sobre-stats li { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 10px; padding: 16px 16px !important; align-items: center; } #top.av041-site .sobre-stats .av_iconlist_title, #top.av041-site .sobre-stats h4 { font-size: 13px !important; line-height: 1.3 !important; } /* QA PASS 7b — Sobre stats: borderless (like reference), roomier text */ #top.av041-site .sobre-stats li { background: transparent !important; border: 0 !important; padding: 10px 6px !important; gap: 12px !important; } #top.av041-site .sobre-stats .avia-icon-list { gap: 18px 30px !important; } #top.av041-site .sobre-stats .av_iconlist_title, #top.av041-site .sobre-stats h4 { font-size: 14px !important; line-height: 1.35 !important; } #top.av041-site .sobre-stats .iconlist_icon { flex: 0 0 16px; } /* ============================================================ QA PASS 8 — FULL-WIDE layout + shorter blocks Content container was capped at ~1010px (squeezed sides on wide screens). ============================================================ */ #top.av041-site .container { max-width: 1560px !important; width: 90% !important; } /* shorter hero */ #top.av041-site .av041-hero { min-height: 600px !important; } #top.av041-site .av041-hero .container { padding-top: 108px !important; padding-bottom: 78px !important; } /* slightly tighter sections now that content is wider (spreads horizontally) */ #top.av041-site .av041-services, #top.av041-site .av041-materiais, #top.av041-site .av041-portfolio, #top.av041-site .av041-why, #top.av041-site .av041-depo, #top.av041-site .av041-sobre, #top.av041-site .av041-contato { padding-top: 46px !important; padding-bottom: 46px !important; } /* shorter section images */ #top.av041-site .av041-feature .avia-image-container img { height: 320px !important; } /* ============================================================ QA PASS 9 — Sobre: shorter & cleaner (was 1045px tall) ============================================================ */ /* don't force equal-height: top-align both columns so content stacks tightly */ #top.av041-site .av041-sobre .flex_column { align-self: flex-start !important; } /* cap the image height (was 693px portrait); cover-crop, keep nice radius */ #top.av041-site .av041-sobre .sobre-img .avia-image-container, #top.av041-site .av041-sobre .sobre-img .avia-image-container-inner { height: auto !important; min-height: 0 !important; } #top.av041-site .av041-sobre .sobre-img img { height: 520px !important; width: 100% !important; object-fit: cover !important; object-position: center; border-radius: 12px !important; min-height: 0 !important; } /* tighten text rhythm */ #top.av041-site .av041-sobre .sobre-txt { margin-bottom: 6px; } #top.av041-site .sobre-stats .avia-icon-list { margin-top: 20px !important; } /* kill ANY border/connector lines inside the stats (keep the red diamond :after) */ #top.av041-site .sobre-stats *, #top.av041-site .sobre-stats *::before { border: 0 !important; } /* QA PASS 10 — Sobre: top-align cells, show the car, cut residual padding */ #top.av041-site .av041-sobre .flex_column { vertical-align: top !important; } #top.av041-site .av041-sobre .sobre-img img { height: 460px !important; object-position: center 80% !important; } #top.av041-site .av041-sobre, #top.av041-site .av041-sobre > .container { padding-top: 42px !important; padding-bottom: 42px !important; } /* ============================================================ QA PASS 11 — REAL fix for tall sections. Enfold's section padding is on the inner .content (130px each side), not the section/.container I overrode before. Reduce it globally. ============================================================ */ #top.av041-site .avia-section .content { padding-top: 48px !important; padding-bottom: 48px !important; } #top.av041-site .avia-section, #top.av041-site .avia-section > .container { padding-top: 0 !important; padding-bottom: 0 !important; } /* hero relies on min-height + vertical centering, not content padding */ #top.av041-site .av041-hero .content { padding-top: 0 !important; padding-bottom: 0 !important; } #top.av041-site .av041-hero { min-height: 560px !important; } #top.av041-site .av041-hero .container { padding-top: 0 !important; padding-bottom: 0 !important; } /* ============================================================ QA PASS 12 — hero centering, bigger subtext, WhatsApp icon, por-que redesign ============================================================ */ /* HERO: truly center the content */ #top.av041-site .av041-hero .entry-content-wrapper, #top.av041-site .av041-hero .av_textblock_section, #top.av041-site .av041-hero .avia-button-wrap { text-align: center !important; } #top.av041-site .av041-hero .hero-h1 .av-special-heading-tag, #top.av041-site .av041-hero .hero-h2 .av-special-heading-tag { text-align: center !important; margin-left: auto; margin-right: auto; } #top.av041-site .av041-hero .avia-button-wrap { float: none !important; display: inline-block !important; } /* HERO subtext: bigger + more visible */ #top.av041-site .av041-hero .hero-sub, #top.av041-site .av041-hero .hero-sub p { font-size: 21px !important; color: #ffffff !important; text-shadow: 0 2px 14px rgba(0,0,0,.9) !important; margin: 24px auto 30px !important; max-width: 760px; } #top.av041-site .av041-hero .hero-sub em { display: block; font-size: 17px !important; font-style: italic; color: #e6e6e6 !important; margin-top: 8px; } /* WhatsApp icon inside the Orçamento (red) buttons */ #top.av041-site .btn-orcamento .avia-button { display: inline-flex; align-items: center; justify-content: center; } #top.av041-site .btn-orcamento .avia-button:before { content: ''; flex: 0 0 auto; width: 21px; height: 21px; margin-right: 11px; background: #fff; -webkit-mask: url('../images/icons/whatsapp.svg') center / contain no-repeat; mask: url('../images/icons/whatsapp.svg') center / contain no-repeat; } /* POR QUE ESCOLHER: cleaner, larger cards — icon on top, readable text, hover */ #top.av041-site .av041-why .why-box { background: #141414 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 14px !important; padding: 24px 22px !important; min-height: 150px; transition: transform .2s ease, border-color .2s ease, background .2s ease; } #top.av041-site .av041-why .why-box:hover { transform: translateY(-3px); border-color: var(--red) !important; } #top.av041-site .av041-why .iconbox.iconbox_left .iconbox_icon { position: relative !important; float: none !important; display: block !important; margin: 0 0 16px !important; width: 44px !important; height: 44px !important; } #top.av041-site .av041-why .iconbox.iconbox_left .iconbox_content { margin-left: 0 !important; display: block; } #top.av041-site .av041-why .why-box .iconbox_icon:after { background-color: var(--red); } #top.av041-site .av041-why .why-box .iconbox_content p { font-size: 15px !important; line-height: 1.55 !important; color: #cfcfcf !important; } #top.av041-site .av041-why .why-box.why-highlight { background: var(--red-fill) !important; border-color: var(--red-fill) !important; } #top.av041-site .av041-why .why-box.why-highlight:hover { transform: translateY(-3px); } #top.av041-site .av041-why .why-box.why-highlight .iconbox_icon:after { background-color: #fff; } #top.av041-site .av041-why .why-box.why-highlight .iconbox_content p { color: #fff !important; } /* ============================================================ QA PASS 13 — Depoimentos: real-review slider + Google rating panel ============================================================ */ /* review slider card (white, dark text, gold stars) */ #top.av041-site .depo-slider .avia-testimonial_inner { background: #fff !important; border-radius: 16px !important; padding: 34px 38px !important; } #top.av041-site .depo-slider .avia-testimonial-content, #top.av041-site .depo-slider .avia-testimonial-markup-entry-content, #top.av041-site .depo-slider .avia-testimonial-markup-entry-content p { color: #444 !important; font-size: 17px !important; line-height: 1.6 !important; font-style: normal !important; } #top.av041-site .depo-slider .rev-stars { display: block; color: #FBBC05; font-size: 21px; letter-spacing: 2px; margin-bottom: 12px; } #top.av041-site .depo-slider .avia-testimonial-name { color: #111 !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 17px !important; text-transform: none; } #top.av041-site .depo-slider .avia-testimonial-subtitle { color: #888 !important; font-size: 14px !important; } #top.av041-site .depo-slider .avia-testimonial-meta-mini { border: 0 !important; } /* slider arrows on the dark bg */ #top.av041-site .depo-slider .avia-slideshow-arrows a { background: rgba(0,0,0,.4) !important; border-color: rgba(255,255,255,.3) !important; } #top.av041-site .depo-slider .avia-slideshow-arrows a:hover { background: var(--red-fill) !important; } /* Google rating panel */ #top.av041-site .google-col { display: flex; align-items: center; } #top.av041-site .google-rating { width: 100%; text-align: center; background: #141414; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 34px 26px; } #top.av041-site .google-rating .g-score { font-family: 'Saira', sans-serif; font-size: 58px; font-weight: 800; color: #fff; line-height: 1; } #top.av041-site .google-rating .stars { color: #FBBC05; font-size: 26px; letter-spacing: 3px; margin: 8px 0; } #top.av041-site .google-rating .g-count { color: #9a9a9a !important; font-size: 14px; margin: 0 0 16px; } #top.av041-site .google-rating .g-logo { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 30px; margin-bottom: 20px; } #top.av041-site .google-rating .g-link { display: inline-block; background: var(--red-fill); color: #fff !important; padding: 13px 24px; border-radius: 6px; font-family: 'Saira', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; text-decoration: none !important; transition: background .2s ease, transform .2s ease; } #top.av041-site .google-rating .g-link:hover { background: #a3220f; transform: translateY(-2px); } /* QA 13b — review subtitle contrast on white card */ #top.av041-site .depo-slider .avia-testimonial-subtitle { color: #5f5f5f !important; } /* ============================================================ QA PASS 14 — depo balance, sobre 2-col, single contato, footer center, nav WA icon ============================================================ */ /* DEPOIMENTOS — balance the two columns (equal height, content centered) */ #top.av041-site .depo-slider .avia-testimonial_inner { padding: 38px 44px !important; min-height: 330px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } #top.av041-site .google-rating { min-height: 330px; display: flex; flex-direction: column; justify-content: center; } #top.av041-site .av041-depo .depo-slider-col, #top.av041-site .av041-depo .google-col { vertical-align: middle !important; } /* SOBRE — handled cleanly in QA PASS 17 (native floated columns) */ /* CONTATO — single store card, centered */ #top.av041-site .av041-contato .loja-card .avia_textblock { max-width: 660px; margin: 0 auto; } /* FOOTER socket — centered copyright */ #top.av041-site #socket, #top.av041-site #socket .copyright { text-align: center !important; } #top.av041-site #socket .copyright { display: block; float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; line-height: 1.9; } #top.av041-site #socket .container { text-align: center !important; } /* NAV ORÇAMENTO button — WhatsApp icon */ #top.av041-site #header .av-main-nav li.menu-orcamento > a .avia-menu-text { display: inline-flex; align-items: center; } #top.av041-site #header .av-main-nav li.menu-orcamento > a .avia-menu-text:before { content: ''; width: 15px; height: 15px; margin-right: 7px; background: #fff; -webkit-mask: url('../images/icons/whatsapp.svg') center / contain no-repeat; mask: url('../images/icons/whatsapp.svg') center / contain no-repeat; } /* ===== Barra de redes sociais (seção Contato) ===== */ #top.av041-site .av041-social-row { margin-top: 46px; } #top.av041-site .av041-social-bar { text-align: center; } #top.av041-site .av041-social-bar .social-label { color: #fff !important; font-family: 'Saira', sans-serif !important; font-size: 18px; letter-spacing: .04em; margin: 0 0 18px !important; } #top.av041-site .av041-social-bar .social-links { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin: 0 !important; } #top.av041-site .av041-social-bar .social-links a { display: inline-flex; align-items: center; gap: 9px; padding: 11px 20px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff !important; font-family: 'Saira', sans-serif !important; font-size: 15px; line-height: 1; text-decoration: none; transition: all .2s ease; background: rgba(255,255,255,.03); } #top.av041-site .av041-social-bar .social-links a:before { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } #top.av041-site .av041-social-bar .soc-ig:before { -webkit-mask-image: url('../images/icons/instagram.svg'); mask-image: url('../images/icons/instagram.svg'); } #top.av041-site .av041-social-bar .soc-fb:before { -webkit-mask-image: url('../images/icons/facebook.svg'); mask-image: url('../images/icons/facebook.svg'); } #top.av041-site .av041-social-bar .soc-yt:before { -webkit-mask-image: url('../images/icons/youtube.svg'); mask-image: url('../images/icons/youtube.svg'); } #top.av041-site .av041-social-bar .soc-ig:hover { background: #E0392B; border-color: #E0392B; } #top.av041-site .av041-social-bar .soc-fb:hover { background: #1877F2; border-color: #1877F2; } #top.av041-site .av041-social-bar .soc-yt:hover { background: #FF0000; border-color: #FF0000; } /* QA PASS 15 — SOBRE: superseded by QA PASS 17 (native floated columns) */ /* ========================================================= ITEM DE PORTFÓLIO (single-portfolio) ========================================================= */ .av041-site .av041-portfolio-single { background: var(--bg) !important; } #top.av041-site .av041-portfolio-single .container { max-width: 1200px; } #top.av041-site .av041-portfolio-single .av041-sp-main { width: 100% !important; margin: 0 !important; float: none !important; } .av041-site .av041-portfolio-single .sidebar, .av041-site .av041-portfolio-single #sidebar { display: none !important; } .av041-site .av041-sp-breadcrumb { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--muted); margin: 6px 0 22px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .av041-site .av041-sp-breadcrumb a { color: var(--muted); text-decoration: none; } .av041-site .av041-sp-breadcrumb a:hover { color: var(--red); } .av041-site .av041-sp-breadcrumb span { color: #555; } .av041-site .av041-sp-grid { display: flex; gap: 36px; flex-wrap: wrap; align-items: flex-start; } .av041-site .av041-sp-media { flex: 1 1 56%; min-width: 300px; background: #000; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .av041-site .av041-sp-media img { width: 100%; max-height: 74vh; object-fit: contain; display: block; } .av041-site .av041-sp-info { flex: 1 1 320px; } .av041-site .av041-sp-cat { display: inline-block; background: var(--red); color: #fff !important; font-family: 'Saira', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 5px 12px; border-radius: 5px; text-decoration: none; margin-bottom: 14px; } .av041-site .av041-sp-cat:hover { background: var(--red-d); } #top.av041-site .av041-sp-title { font-family: 'Saira', sans-serif !important; font-weight: 800; text-transform: uppercase; color: #fff !important; font-size: clamp(24px, 3vw, 34px); line-height: 1.08; margin: 0 0 18px; } .av041-site .av041-sp-desc { color: #cfcfcf !important; font-family: 'Inter', sans-serif; font-size: 15.5px; line-height: 1.8; } .av041-site .av041-sp-desc p { color: #cfcfcf !important; margin: 0 0 14px; } .av041-site .av041-sp-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 26px; } .av041-site .av041-sp-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 22px; border-radius: 6px; font-family: 'Saira', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } .av041-site .av041-sp-orca { background: var(--red); color: #fff !important; } .av041-site .av041-sp-orca:hover { background: var(--red-d); } .av041-site .av041-sp-orca:before { content: ''; width: 19px; height: 19px; background: #fff; -webkit-mask: url('../images/icons/whatsapp.svg') center/contain no-repeat; mask: url('../images/icons/whatsapp.svg') center/contain no-repeat; } .av041-site .av041-sp-ghost { background: transparent; color: #fff !important; border: 1px solid rgba(255,255,255,.5); } .av041-site .av041-sp-ghost:hover { border-color: var(--red); color: var(--red) !important; } .av041-site .av041-sp-related { margin-top: 56px; border-top: 1px solid var(--line); padding-top: 36px; } #top.av041-site .av041-sp-related-title { font-family: 'Saira', sans-serif !important; font-weight: 800; text-transform: uppercase; color: #fff !important; font-size: 22px; margin: 0 0 22px; } .av041-site .av041-sp-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .av041-site .av041-sp-rel { position: relative; display: block; border-radius: 12px; overflow: hidden; background: #000; border: 1px solid var(--line); text-decoration: none; aspect-ratio: 4 / 3; } .av041-site .av041-sp-rel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; } .av041-site .av041-sp-rel:hover img { transform: scale(1.06); } .av041-site .av041-sp-rel-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 14px 12px; background: linear-gradient(to top, rgba(0,0,0,.85), transparent); color: #fff; font-family: 'Inter', sans-serif; font-size: 12.5px; line-height: 1.3; } .av041-site .av041-sp-related-foot { margin-top: 26px; text-align: center; } .av041-site .av041-sp-related-foot .av041-sp-ghost { display: inline-flex; } @media (max-width: 767px) { .av041-site .av041-sp-related-grid { grid-template-columns: repeat(2, 1fr); } .av041-site .av041-sp-media img { max-height: 52vh; } } /* ========================================================= QA PASS 16 — depo blocks aligned, portfolio tab labels centered, contato social icons ========================================================= */ /* DEPOIMENTOS — lock both blocks to the SAME fixed height + align tops so the white testimonial card and the Google box line up regardless of which testimonial is showing (autoplay rotates between slides of varying length). */ #top.av041-site .av041-depo .depo-slider-col, #top.av041-site .av041-depo .google-col { vertical-align: top !important; } #top.av041-site .av041-depo .depo-slider-col .flex_column, #top.av041-site .av041-depo .google-col .flex_column { vertical-align: top !important; } #top.av041-site .depo-slider .avia-testimonial_inner { height: 360px !important; min-height: 360px !important; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } #top.av041-site .google-rating { height: 360px !important; min-height: 360px !important; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } /* PORTFÓLIO — center the category-tab labels (e.g. the two-line "Mini Caminhão") */ #top.av041-site .av041-portfolio .inner_sort_button { text-align: center; } #top.av041-site .av041-portfolio .inner_sort_button > span { text-align: center !important; } /* CONTATO — "Redes sociais" icon links (Instagram / Facebook / YouTube / WhatsApp) */ #top.av041-site .av041-contato .loja-social-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; } #top.av041-site .av041-contato .loja-social { display: inline-flex; align-items: center; gap: 12px; } #top.av041-site .av041-contato .loja-social .soc-ic { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); transition: background-color .2s ease, border-color .2s ease, transform .2s ease; } #top.av041-site .av041-contato .loja-social .soc-ic:before { content: ''; width: 18px; height: 18px; background: #fff; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } #top.av041-site .av041-contato .loja-social .soc-ig:before { -webkit-mask-image: url('../images/icons/instagram.svg'); mask-image: url('../images/icons/instagram.svg'); } #top.av041-site .av041-contato .loja-social .soc-fb:before { -webkit-mask-image: url('../images/icons/facebook.svg'); mask-image: url('../images/icons/facebook.svg'); } #top.av041-site .av041-contato .loja-social .soc-yt:before { -webkit-mask-image: url('../images/icons/youtube.svg'); mask-image: url('../images/icons/youtube.svg'); } #top.av041-site .av041-contato .loja-social .soc-wa:before { -webkit-mask-image: url('../images/icons/whatsapp.svg'); mask-image: url('../images/icons/whatsapp.svg'); } #top.av041-site .av041-contato .loja-social .soc-ic:hover { transform: translateY(-2px); } #top.av041-site .av041-contato .loja-social .soc-ig:hover { background: #E0392B; border-color: #E0392B; } #top.av041-site .av041-contato .loja-social .soc-fb:hover { background: #1877F2; border-color: #1877F2; } #top.av041-site .av041-contato .loja-social .soc-yt:hover { background: #FF0000; border-color: #FF0000; } #top.av041-site .av041-contato .loja-social .soc-wa:hover { background: #25D366; border-color: #25D366; } /* bloco de links SEO ("Veja também") no fim do item de portfólio */ .av041-site .av041-sp-desc .av041-seo-links { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); } .av041-site .av041-seo-links p { color: var(--muted) !important; font-family: 'Inter', sans-serif; font-size: 13.5px; line-height: 1.7; margin: 0 0 6px; } .av041-site .av041-seo-links a { color: var(--red); text-decoration: none; } .av041-site .av041-seo-links a:hover { text-decoration: underline; } /* ========================================================= QA PASS 17 — SOBRE: image LEFT / text RIGHT via NATIVE Enfold floated columns (av_one_third + av_two_third). The old av-equal-height-column tables split into two stacked tables on the frontend; removing equal-height lets the columns float side-by-side reliably at every desktop width. ========================================================= */ /* Belt-and-suspenders: guarantee the two columns float side by side on desktop. */ #top.av041-site .av041-sobre .sobre-img, #top.av041-site .av041-sobre .av-sobrec2, #top.av041-site .av041-sobre [class*='av-sobrec2'] { display: block !important; float: left !important; clear: none !important; vertical-align: top !important; box-sizing: border-box; } #top.av041-site .av041-sobre .sobre-img { width: 34% !important; margin: 0 4% 0 0 !important; } #top.av041-site .av041-sobre [class*='av-sobrec2'] { width: 62% !important; margin: 0 !important; } /* image styling — fill the column, rounded corners like the mockup */ #top.av041-site .av041-sobre .sobre-img .avia-image-container, #top.av041-site .av041-sobre .sobre-img .avia-image-container-inner { width: 100% !important; margin: 0 !important; } #top.av041-site .av041-sobre .sobre-img img { width: 100% !important; height: 100% !important; min-height: 420px; max-height: 560px; object-fit: cover !important; border-radius: 16px; display: block; } /* text column rhythm */ #top.av041-site .av041-sobre .sobre-txt { margin-top: 6px; } /* stack cleanly on tablet/mobile */ @media (max-width: 989px) { #top.av041-site .av041-sobre .sobre-img, #top.av041-site .av041-sobre [class*='av-sobrec2'] { width: 100% !important; float: none !important; margin: 0 0 26px 0 !important; } #top.av041-site .av041-sobre .sobre-img img { min-height: 0; max-height: 380px; } } /* ===== Redes sociais + CTA WhatsApp dentro do card de Contato ===== */ #top.av041-site .av041-contato .loja-social { text-align: left; margin: 6px 0 16px; } #top.av041-site .av041-contato .loja-social .lsr-label { display: block; color: #fff !important; font-weight: 700; margin: 0 0 10px; } #top.av041-site .av041-contato .loja-social .social-links { justify-content: flex-start; gap: 10px; } /* CTA do WhatsApp — mesmo formato pílula, preenchido em verde para destacar */ #top.av041-site .av041-contato .loja-cta { margin: 0 !important; } #top.av041-site .av041-social-bar .soc-wa:before { -webkit-mask-image: url('../images/icons/whatsapp.svg'); mask-image: url('../images/icons/whatsapp.svg'); } #top.av041-site .av041-social-bar .soc-wa { background: #25D366; border-color: #25D366; color: #fff !important; font-weight: 700; } #top.av041-site .av041-social-bar .soc-wa:hover { background: #1ebe5a; border-color: #1ebe5a; } /* ========================================================= QA PASS 18 — CONTATO: embedded map (LEFT) + store card (RIGHT), + prominent Orçamento CTA at the end of the page. ========================================================= */ /* visually-hidden text for the icon-only social links (keeps them accessible AND non-empty so the builder/KSES won't strip them). */ .av041-site .scr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* two native halves, vertically centered to each other */ #top.av041-site .av041-contato .contato-map, #top.av041-site .av041-contato .loja-card { vertical-align: middle; } /* embedded Google map */ #top.av041-site .av041-contato .loja-map { width: 100%; height: 380px; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: #111; } #top.av041-site .av041-contato .loja-map iframe { display: block; width: 100%; height: 100%; border: 0; } /* store card: panel matches the map height, content centred */ #top.av041-site .av041-contato .loja-card .avia_textblock { max-width: none !important; margin: 0 !important; min-height: 380px; display: flex !important; flex-direction: column; justify-content: center; border: 1px solid var(--line); border-radius: 14px; padding: 36px 34px; text-align: center; } #top.av041-site .av041-contato .loja-social-row { justify-content: center !important; } /* prominent CTA button at the end of the contato section (end of page) */ #top.av041-site .av041-contato .contato-cta { display: block !important; float: none !important; clear: both; text-align: center; margin: 44px auto 0 !important; } #top.av041-site .av041-contato .contato-cta .avia-button { min-width: 240px; } /* stack cleanly on tablet/mobile */ @media (max-width: 989px) { #top.av041-site .av041-contato .contato-map, #top.av041-site .av041-contato .loja-card { width: 100% !important; float: none !important; margin: 0 0 24px 0 !important; } #top.av041-site .av041-contato .loja-map { height: 300px; } #top.av041-site .av041-contato .loja-card .avia_textblock { min-height: 0; } }