/*
Theme Name: Fox Auto Center
Theme URI: https://foxautocenter.com.br/
Author: Fox Auto Center
Description: Landing page oficial da Fox Auto Center em Canoas.
Version: 1.0.0
Text Domain: fox-auto-center
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800;900&family=Bebas+Neue&display=swap');
:root{--red:#ff121f;--black:#070707;--soft:#f2f2f0;--font-body:'Archivo',Arial,sans-serif;--font-display:'Bebas Neue',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#fff;font-family:var(--font-body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);background:#070707ed;border-bottom:1px solid #232323;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:block;width:230px;height:58px;overflow:hidden;position:relative;flex:0 0 auto}.brand-art{position:absolute;inset:0;overflow:hidden}.brand-art img{position:absolute;width:336px;max-width:none;left:-12px;top:-30px}nav{display:flex;gap:34px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}nav a:hover,.text-link:hover,.site-footer>a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:18px 24px;background:var(--red);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.2s}.button:hover{background:#fff;color:#0a0a0a;transform:translateY(-2px)}.button.small{padding:13px 19px;font-size:11px}.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;padding-left:clamp(24px,6vw,96px);overflow:hidden;background:radial-gradient(circle at 70% 20%,#292929 0,transparent 36%),#080808}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:90px 7vw 90px 0;z-index:2}.eyebrow{color:var(--red);text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.22em;margin:0 0 24px}h1,h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:.005em;margin:0}h1{font-size:clamp(68px,7.4vw,126px);max-width:800px}h1 em,h2 em{color:var(--red);font-style:normal}.hero-lead{max-width:620px;color:#bcbcbc;font-size:18px;line-height:1.65;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.trust-row{display:flex;gap:28px;margin-top:42px;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.hero-visual{position:relative;min-height:720px;background:#0d0d0d;display:grid;place-items:center;padding:34px}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0,transparent 14%),linear-gradient(0deg,#080808 0,transparent 18%);pointer-events:none}.hero-visual>img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.9) contrast(1.05);box-shadow:0 24px 70px #000}.facade-banner{margin:0;padding:34px 34px 96px;align-content:center;overflow:hidden}.facade-banner>img{position:relative;z-index:1;border:1px solid #2b2b2b}.facade-banner figcaption{position:absolute;z-index:3;left:7%;right:7%;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #343434;padding-top:18px;text-transform:uppercase}.facade-banner figcaption span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em}.facade-banner figcaption strong{font-size:12px;letter-spacing:.08em}.ticker{min-height:62px;background:var(--red);display:flex;align-items:center;justify-content:space-around;gap:20px;overflow:hidden;font:28px/1 var(--font-display);white-space:nowrap;padding:0 20px}.ticker i{font-size:11px;color:#111}.section{padding:120px clamp(24px,6vw,96px);background:var(--soft);color:#111}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:12vw;align-items:end;margin-bottom:64px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.dark-section h2,.contact h2{font-size:clamp(56px,6vw,96px)}.section-heading>p{color:#666;line-height:1.7;max-width:520px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfcfcb;border-left:1px solid #cfcfcb}.service-card{min-height:330px;padding:34px;border-right:1px solid #cfcfcb;border-bottom:1px solid #cfcfcb;position:relative;transition:.25s}.service-card:hover{background:#111;color:#fff;transform:translateY(-5px)}.service-card:hover p{color:#aaa}.service-number{color:var(--red);font:22px var(--font-display)}.service-card h3{font:42px/1 var(--font-display);text-transform:uppercase;margin:58px 0 16px}.service-card p{color:#666;line-height:1.55;margin:0 0 24px}.service-card a{position:absolute;bottom:28px;font-size:12px;font-weight:900;text-transform:uppercase}.service-card a span{color:var(--red);margin-left:8px}.dark-section{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#090909}.process-copy{padding:120px clamp(24px,6vw,96px)}.process-copy>p:not(.eyebrow){color:#aaa;line-height:1.7;max-width:620px;margin:30px 0 46px}.process-copy ol{list-style:none;padding:0;margin:0;border-top:1px solid #292929}.process-copy li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #292929}.process-copy li b{color:var(--red);font:24px var(--font-display)}.process-copy li span{display:flex;flex-direction:column;color:#888;font-size:14px;line-height:1.5}.process-copy li strong{color:#fff;text-transform:uppercase;margin-bottom:5px}.process-image{min-height:720px;overflow:hidden;padding:44px;background:#111;display:grid;place-items:center}.process-image img{width:100%;height:100%;object-fit:contain;filter:saturate(.9) contrast(1.04)}.section-heading.compact{display:block}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.gallery img{width:100%;height:auto;filter:none;transition:.25s}.gallery img:hover{transform:translateY(-8px)}.gallery-section{background:#e8e8e5}.reviews-section{padding:120px clamp(24px,6vw,96px);background:#0b0b0b}.reviews-heading{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:54px}.reviews-heading h2{font-size:clamp(56px,6vw,96px)}.rating-summary{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:22px 26px;border:1px solid #2f2f2f;background:#121212}.rating-summary strong{grid-row:1/3;font:68px/1 var(--font-display)}.rating-summary small{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stars{color:#ffb800;letter-spacing:.12em;font-size:17px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{min-height:285px;padding:34px;background:#151515;border:1px solid #292929;display:flex;flex-direction:column;transition:.25s}.review-card:hover{transform:translateY(-7px);border-color:var(--red);background:#191919}.review-card blockquote{font-size:19px;line-height:1.55;margin:32px 0;color:#ededed}.review-card footer{margin-top:auto;min-height:auto;padding:0;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.review-card footer span{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.google-reviews-link{display:inline-flex;gap:12px;margin-top:30px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--red);padding-bottom:8px}.contact{background:var(--red);padding:110px clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr 430px;gap:9vw;align-items:center}.contact .eyebrow{color:#111}.contact-main>p:not(.eyebrow){max-width:680px;line-height:1.7;font-size:18px}.button.light{background:#fff;color:#111;margin-top:20px}.contact-card{background:#0a0a0a;padding:42px;box-shadow:18px 18px 0 #bd000b}.contact-card p{font-size:10px;letter-spacing:.2em;color:var(--red);font-weight:900;margin:0 0 10px}.contact-card strong{display:block;font-size:22px}.contact-card span{display:block;color:#888;margin:7px 0 18px;font-size:14px}.contact-card a{font-size:12px;text-transform:uppercase;font-weight:800}.contact-card .phone-number{display:block;font-size:22px;font-weight:800;margin-top:12px}.contact-card .phone-number:hover{color:var(--red)}.contact-card hr{border:0;border-top:1px solid #333;margin:30px 0}.map-wrap{grid-column:1/-1;margin-top:20px;height:390px;border-radius:24px;overflow:hidden;border:3px solid #fff;box-shadow:18px 18px 0 #bd000b;background:#111}.map-wrap iframe{width:100%;height:100%;border:0;display:block}.site-footer{min-height:150px;padding:35px clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;color:#777;font-size:12px;border-top:1px solid #222}.site-footer .brand{transform:scale(.82);transform-origin:left center}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:20;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#19bd59;color:#fff;font-size:26px;box-shadow:0 8px 28px #0008;transition:.2s}.floating-whatsapp:hover{transform:scale(1.08)}
.topbar{animation:navDrop .55s cubic-bezier(.2,.8,.2,1) both}.hero-copy>*{animation:heroRise .7s cubic-bezier(.2,.8,.2,1) both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}.facade-banner{animation:facadeIn .9s .16s cubic-bezier(.2,.8,.2,1) both}.reveal-shell.reveal-ready{opacity:0;transform:translateY(38px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.reveal-shell.reveal-ready.is-visible{opacity:1;transform:none}.ticker{background-image:linear-gradient(100deg,#e6000e 0,#ff2632 48%,#e6000e 100%);background-size:220% 100%;animation:redFlow 5s linear infinite}.floating-whatsapp{animation:whatsPulse 2.8s ease-in-out infinite}@keyframes navDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes heroRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes facadeIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes redFlow{to{background-position:-220% 0}}@keyframes whatsPulse{0%,100%{box-shadow:0 8px 28px #0008,0 0 0 0 #19bd5955}50%{box-shadow:0 8px 28px #0008,0 0 0 12px #19bd5900}}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr;padding:0}.hero-copy{padding:90px 24px 60px}.hero-visual{min-height:520px}.section-heading{grid-template-columns:1fr;gap:24px}.service-grid{grid-template-columns:repeat(2,1fr)}.dark-section{grid-template-columns:1fr}.process-image{min-height:600px}.gallery{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.contact-card{max-width:520px}.reviews-heading{grid-template-columns:1fr}.rating-summary{width:max-content}.review-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{height:76px;padding:0 18px}.brand{width:180px;height:46px}.brand-art img{width:263px;left:-9px;top:-23px}.button.small{font-size:0;padding:12px}.button.small:after{content:'Agendar';font-size:10px}.hero{min-height:auto}.hero-copy{padding-top:70px}.hero-visual{min-height:470px;padding:18px}h1{font-size:64px}.hero-lead{font-size:16px}.trust-row{flex-direction:column;gap:10px}.ticker{justify-content:flex-start}.section,.reviews-section{padding:85px 20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.dark-section h2,.section-heading h2,.contact h2{font-size:58px}.process-copy{padding:85px 20px}.process-image{min-height:500px;padding:18px}.gallery{grid-template-columns:1fr 1fr;gap:8px}.contact{padding:85px 20px}.contact-card{padding:30px;box-shadow:10px 10px 0 #bd000b}.map-wrap{height:330px;border-radius:18px;border-width:2px;box-shadow:10px 10px 0 #bd000b}.site-footer{flex-direction:column;gap:12px;align-items:flex-start}.floating-whatsapp{right:16px;bottom:16px}.facade-banner{min-height:520px;padding:18px 18px 92px}.facade-banner figcaption{left:18px;right:18px;bottom:24px;align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topbar,.hero-copy>*,.facade-banner,.ticker,.floating-whatsapp,.reveal-shell.reveal-ready{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}