/* ═══════════════════════════════════════════════════ ÁRTEMIS — CSS COMPARTILHADO: HUBS E SUBPÁGINAS DE SERVIÇO Reaproveita os tokens visuais do index.html ═══════════════════════════════════════════════════ */ /* ── RESET ─────────────────────────────────────────── */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button{cursor:pointer;background:none;border:none} ul{list-style:none} input,select,textarea{font-family:inherit} /* ── TOKENS ─────────────────────────────────────────── */ :root { --vinho: #480200; --vinho-m: #6b0305; --vinho-l: #8b1a1c; --vinho-xl: #c47a7c; --vinho-bg: #f5e8e8; --ouro: #DBAE3E; --ouro-l: #f0cc72; --ouro-d: #a8841f; --creme: #F5F5DC; --creme-d: #ede8cc; --branco: #FAFAFA; --preto: #0A0A0A; --cinza: #5a5650; --cinza-l: #9a9690; --verde: #3d6b1f; --verde-bg: #eef4e6; --f-display:'Playfair Display',serif; --f-title: 'Open Sans',sans-serif; --f-body: 'Poppins',sans-serif; --r: 8px; --r-l:16px; --sh: 0 4px 24px rgba(72,2,0,.12); --sh-l:0 16px 56px rgba(72,2,0,.2); --ease:.3s cubic-bezier(.4,0,.2,1); } /* ── BASE ───────────────────────────────────────────── */ html{scroll-behavior:smooth} body{font-family:var(--f-body);background:var(--creme);color:var(--preto);overflow-x:hidden} ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-track{background:var(--creme-d)} ::-webkit-scrollbar-thumb{background:var(--vinho-l);border-radius:99px} h1{font-family:var(--f-display);font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;line-height:1.06;letter-spacing:-.01em} h2{font-family:var(--f-display);font-size:clamp(1.85rem,3.4vw,3rem);font-weight:800;line-height:1.14;letter-spacing:-.01em} h3{font-family:var(--f-title);font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:700;line-height:1.32} h4{font-family:var(--f-title);font-size:.95rem;font-weight:800} p{font-family:var(--f-body);font-size:clamp(.92rem,1.05vw,1.02rem);line-height:1.78;color:var(--cinza)} .label{font-family:var(--f-title);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro);display:flex;align-items:center;gap:10px} .label::before{content:'';display:inline-block;width:30px;height:2px;background:var(--ouro);flex-shrink:0} .label-dark{color:var(--ouro-d)} .label-dark::before{background:var(--ouro-d)} /* Conteúdo visível por padrão — nunca depende de JS para aparecer. A animação só ativa se o JS confirmar suporte via .js-ready no ; se o script falhar ou não rodar, o conteúdo permanece visível normalmente. */ .reveal{opacity:1;transform:none} html.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)} html.js-ready .reveal.visible{opacity:1;transform:none} section{padding:clamp(3.5rem,7vh,6rem) clamp(1.25rem,5vw,4rem)} .inner{max-width:1200px;margin:0 auto} .inner-narrow{max-width:920px;margin:0 auto} /* breadcrumb */ .breadcrumb{ display:flex;align-items:center;gap:.5rem;flex-wrap:wrap; font-family:var(--f-title);font-size:.68rem;font-weight:700; letter-spacing:.04em;margin-bottom:1.5rem; } .breadcrumb a{color:rgba(245,245,220,.55);transition:color var(--ease)} .breadcrumb a:hover{color:var(--ouro)} .breadcrumb span.sep{color:rgba(245,245,220,.3)} .breadcrumb span.current{color:var(--ouro)} /* ═══════════════════════════════════════════════════ NAV (idêntico ao index) ═══════════════════════════════════════════════════ */ nav{ position:fixed;top:0;left:0;right:0;z-index:100; padding:12px clamp(1.25rem,5vw,4rem); display:flex;align-items:center;justify-content:space-between; gap:1.5rem; background:rgba(72,2,0,.97);backdrop-filter:blur(16px); box-shadow:0 1px 0 rgba(219,174,62,.2); } .nav-logo{display:flex;align-items:center;-webkit-tap-highlight-color:transparent;flex-shrink:0} .nav-logo img{height:34px;width:auto;max-width:100px;display:block;object-fit:contain} .nav-links{display:flex;align-items:center;gap:1.4rem;flex-wrap:nowrap} .nav-links a{ font-family:var(--f-title);font-size:.66rem;font-weight:700; letter-spacing:.08em;text-transform:uppercase; color:rgba(250,250,250,.8);position:relative; transition:color var(--ease);white-space:nowrap; } .nav-links a::after{ content:'';position:absolute;bottom:-3px;left:0;right:0; height:1.5px;background:var(--ouro); transform:scaleX(0);transform-origin:left;transition:transform var(--ease); } .nav-links a:hover{color:var(--ouro)} .nav-links a:hover::after{transform:scaleX(1)} .nav-cta{ background:var(--ouro)!important;color:var(--vinho)!important; padding:9px 18px;border-radius:var(--r);font-weight:800!important; min-height:40px;display:inline-flex;align-items:center; } .nav-cta::after{display:none!important} .nav-cta:hover{background:var(--ouro-l)!important;transform:none!important} .hamburger{ display:none;flex-direction:column;gap:5px;padding:8px; border-radius:var(--r);transition:background var(--ease); -webkit-tap-highlight-color:transparent; } .hamburger:hover{background:rgba(255,255,255,.08)} .hamburger span{ display:block;width:22px;height:2px;background:var(--branco); border-radius:2px;transition:transform var(--ease),opacity var(--ease); transform-origin:center; } .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)} .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-menu{ display:none;position:fixed;inset:0;z-index:99; background:var(--vinho); flex-direction:column;align-items:stretch;justify-content:center; padding:0 0 env(safe-area-inset-bottom,0); } .mobile-menu.open{display:flex} .mobile-menu-brand{ position:absolute;top:0;left:0;right:0; padding:14px clamp(1.25rem,5vw,4rem); display:flex;align-items:center;justify-content:space-between; border-bottom:1px solid rgba(245,245,220,.07); } .mobile-menu-brand img{height:30px;width:auto;max-width:90px;object-fit:contain;opacity:.5} .mobile-menu .close-btn{ width:44px;height:44px;display:flex;align-items:center;justify-content:center; border-radius:var(--r);font-size:1.4rem;color:rgba(245,245,220,.6); transition:color var(--ease),background var(--ease); -webkit-tap-highlight-color:transparent; } .mobile-menu .close-btn:hover{color:var(--branco);background:rgba(255,255,255,.08)} .mobile-menu a{ font-family:var(--f-display);font-size:clamp(1.4rem,6vw,1.9rem); font-weight:800;font-style:italic; color:rgba(250,250,250,.7);padding:1rem clamp(1.25rem,5vw,4rem); border-bottom:1px solid rgba(245,245,220,.06); transition:color var(--ease),background var(--ease); -webkit-tap-highlight-color:transparent; } .mobile-menu a:first-of-type{border-top:1px solid rgba(245,245,220,.06)} .mobile-menu a:hover,.mobile-menu a:active{color:var(--branco);background:rgba(255,255,255,.04)} .mobile-menu .m-cta{ margin:1.5rem clamp(1.25rem,5vw,4rem) 0; background:var(--ouro)!important;color:var(--vinho)!important; font-family:var(--f-title)!important;font-style:normal!important; font-size:.78rem!important;font-weight:800!important; letter-spacing:.1em!important;text-transform:uppercase!important; text-align:center;border-radius:var(--r)!important; padding:15px!important;min-height:48px; display:flex!important;align-items:center;justify-content:center; border-bottom:none!important; } /* ── BOTÕES ─────────────────────────────────────────── */ .btn-p{background:var(--ouro);color:var(--vinho);padding:13px 26px;border-radius:var(--r);font-family:var(--f-title);font-weight:800;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:background var(--ease),transform var(--ease),box-shadow var(--ease);min-height:44px;-webkit-tap-highlight-color:transparent} .btn-p:hover{background:var(--ouro-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(219,174,62,.35)} .btn-g{border:1.5px solid rgba(245,245,220,.3);color:var(--creme);padding:12px 26px;border-radius:var(--r);font-family:var(--f-title);font-weight:700;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:border-color var(--ease),color var(--ease),transform var(--ease);min-height:44px;-webkit-tap-highlight-color:transparent} .btn-g:hover{border-color:var(--ouro);color:var(--ouro);transform:translateY(-2px)} .btn-outline{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--vinho);color:var(--vinho);padding:11px 22px;border-radius:var(--r);font-family:var(--f-title);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:background var(--ease),color var(--ease),transform var(--ease);min-height:44px;-webkit-tap-highlight-color:transparent} .btn-outline:hover{background:var(--vinho);color:var(--branco);transform:translateY(-2px)} .btn-vinho{background:var(--vinho);color:var(--creme);padding:14px 30px;border-radius:var(--r);font-family:var(--f-title);font-weight:800;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:background var(--ease),transform var(--ease);min-height:44px;-webkit-tap-highlight-color:transparent} .btn-vinho:hover{background:var(--vinho-m);transform:translateY(-2px)} /* ═══════════════════════════════════════════════════ PAGE HERO (hub e subpágina) — vinho, monumental ═══════════════════════════════════════════════════ */ .page-hero{ background:var(--vinho);position:relative;overflow:hidden; padding:clamp(7.5rem,15vh,10rem) clamp(1.25rem,5vw,4rem) clamp(3.5rem,7vh,5rem); } .page-hero::before{ content:'';position:absolute;inset:0; background-image:url('galgo-bg.png'); background-repeat:no-repeat;background-size:contain;background-position:right bottom; opacity:.07;pointer-events:none;transform:scaleX(-1); } /* número-fantasma monumental atrás do título — assinatura visual da página */ .page-hero-ghost{ position:absolute;top:48%;left:clamp(1.25rem,5vw,4rem);transform:translateY(-50%); font-family:var(--f-display);font-weight:900; font-size:clamp(9rem,22vw,22rem);line-height:1; color:rgba(255,255,255,.035);pointer-events:none;z-index:0; white-space:nowrap;letter-spacing:-.04em; } .page-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto} .page-hero .pill{ display:inline-flex;align-items:center;gap:8px; background:rgba(219,174,62,.12);border:1px solid rgba(219,174,62,.3); border-radius:99px;padding:7px 16px;margin-bottom:1.5rem; font-family:var(--f-title);font-size:.64rem;font-weight:800; letter-spacing:.1em;text-transform:uppercase;color:var(--ouro); } .page-hero-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:3.5rem;align-items:end} .page-hero h1{color:var(--branco);margin-bottom:0;font-size:clamp(2.6rem,6vw,5.2rem);max-width:16ch} .page-hero h1 em{color:var(--ouro-l);font-style:italic} .page-hero .lead{ color:rgba(245,245,220,.72);font-size:clamp(.92rem,1.05vw,1.05rem); line-height:1.85;max-width:48ch;font-weight:300; padding-bottom:.4rem;border-left:2px solid rgba(219,174,62,.35);padding-left:1.4rem; } .page-hero-meta{ display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem; } .meta-chip{ display:inline-flex;align-items:center;gap:6px; background:rgba(255,255,255,.06);border:1px solid rgba(245,245,220,.12); border-radius:var(--r);padding:8px 14px; font-family:var(--f-title);font-size:.68rem;font-weight:700; color:rgba(245,245,220,.7); } .meta-chip strong{color:var(--ouro);font-weight:800} /* ═══════════════════════════════════════════════════ HUB — grid de cards de serviço ═══════════════════════════════════════════════════ */ #hub-servicos{background:var(--branco);position:relative} .hub-head{margin-bottom:3.5rem;max-width:62ch} .hub-head h2{color:var(--vinho);margin-top:.9rem;font-size:clamp(2rem,4vw,3rem)} .hub-intro{max-width:70ch} .hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem} .hub-card{ background:var(--creme);border:1px solid rgba(72,2,0,.08);border-radius:var(--r-l); padding:2.25rem;position:relative;overflow:hidden; transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease); display:flex;flex-direction:column; } .hub-card:hover{transform:translateY(-5px);box-shadow:var(--sh-l);border-color:rgba(219,174,62,.4)} .hub-card.anchor{ grid-column:1 / -1; background:linear-gradient(135deg,var(--vinho) 0%,var(--vinho-m) 100%); border-color:var(--vinho);padding:2.75rem 3rem; display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem; position:relative; } .hub-card.anchor::after{ content:'★';position:absolute;right:2.5rem;top:50%;transform:translateY(-50%); font-size:7rem;color:rgba(219,174,62,.08);pointer-events:none;line-height:1; } .hub-card.anchor h3,.hub-card.anchor .hub-card-tag{color:var(--creme)} .hub-card.anchor p{color:rgba(245,245,220,.65)} .hub-card.anchor h3{font-size:1.7rem;font-family:var(--f-display);font-style:italic} .hub-card-tag{ display:inline-flex;align-self:flex-start; font-family:var(--f-title);font-size:.6rem;font-weight:800; letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-d); background:var(--vinho-bg);padding:5px 12px;border-radius:4px;margin-bottom:1.1rem; } .hub-card.anchor .hub-card-tag{background:rgba(219,174,62,.18);color:var(--ouro)} .hub-card h3{color:var(--vinho);margin-bottom:.7rem;font-size:1.1rem} .hub-card.anchor h3{color:var(--branco)} .hub-card p{font-size:.87rem;line-height:1.72;flex:1;margin-bottom:1.4rem} .hub-card-link{ display:inline-flex;align-items:center;gap:6px; font-family:var(--f-title);font-size:.68rem;font-weight:800; letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-d); transition:gap var(--ease);position:relative;z-index:1; } .hub-card:hover .hub-card-link{gap:10px} .hub-card.anchor .hub-card-link{color:var(--ouro);flex-shrink:0;max-width:11ch;text-align:right;white-space:normal;line-height:1.4} .hub-cta-banner{ margin-top:3.5rem;background:var(--vinho-bg);border:1px solid rgba(72,2,0,.1); border-radius:var(--r-l);padding:2.25rem 2.5rem; display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap; } .hub-cta-banner p{margin:0;color:var(--vinho-l);font-weight:700;font-size:1rem;max-width:46ch} /* ═══════════════════════════════════════════════════ SUBPÁGINA DE SERVIÇO — blocos de conteúdo editorial ═══════════════════════════════════════════════════ */ #svc-conteudo{background:var(--branco);position:relative} .svc-block{ display:grid;grid-template-columns:5.5rem 1fr;gap:1.5rem; margin-bottom:clamp(3.5rem,7vh,5rem);position:relative; } .svc-block:last-child{margin-bottom:0} .svc-block-num{ font-family:var(--f-display);font-weight:900;font-style:italic; font-size:clamp(3.6rem,5.8vw,5rem);line-height:.8; color:rgba(72,2,0,.1);flex-shrink:0;padding-top:.2rem; } .svc-block-body{min-width:0} .svc-block h2{color:var(--vinho);margin-bottom:1.4rem;font-size:clamp(1.7rem,2.8vw,2.3rem)} /* "Para quem" — lista em pills */ .audience-grid{display:flex;flex-wrap:wrap;gap:.6rem} .audience-chip{ background:var(--creme);border:1px solid rgba(72,2,0,.1);border-radius:99px; padding:9px 18px;font-family:var(--f-title);font-size:.8rem;font-weight:700; color:var(--vinho-l); } /* Dores que resolve — editorial, não card uniforme */ .pain-list{display:flex;flex-direction:column} .pain-item{ display:flex;gap:1.2rem;align-items:baseline; padding:1.05rem 0;border-bottom:1px solid rgba(72,2,0,.09); } .pain-item:first-child{padding-top:0} .pain-item:last-child{border-bottom:none} .pain-mark{ flex-shrink:0;font-family:var(--f-display);font-size:1.8rem;font-weight:900; color:var(--ouro-d);line-height:1;font-style:italic; } .pain-item p{font-size:1rem;color:var(--preto);line-height:1.5;margin:0;font-weight:600} /* Entregáveis */ .deliv-highlight{ display:flex;align-items:center;gap:1rem; background:var(--vinho);color:var(--creme);border-radius:var(--r); padding:1.25rem 1.5rem;margin-bottom:1.5rem; } .deliv-highlight .diamond{color:var(--ouro);font-size:1.1rem;flex-shrink:0} .deliv-highlight strong{font-family:var(--f-title);font-size:.92rem;letter-spacing:.02em;font-weight:800} .deliv-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem} .deliv-item{ display:flex;gap:.8rem;align-items:flex-start; background:var(--creme);border:1px solid rgba(72,2,0,.08);border-radius:var(--r); padding:1rem 1.1rem;transition:border-color var(--ease),transform var(--ease); } .deliv-item:hover{border-color:rgba(219,174,62,.4);transform:translateY(-2px)} .deliv-check{flex-shrink:0;color:var(--ouro-d);font-weight:800;font-size:.9rem;line-height:1.4} .deliv-item p{font-size:.88rem;color:var(--preto);line-height:1.55;margin:0;font-weight:600} .deliv-item .deliv-sub{display:block;font-weight:400;color:var(--cinza);font-size:.8rem;margin-top:.25rem} /* Pacotes (VetEstratégia) — hierarquia de peso visual real */ .packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:end} .package-card{ background:var(--creme);border:1.5px solid rgba(72,2,0,.1);border-radius:var(--r-l); padding:1.85rem 1.6rem;display:flex;flex-direction:column; transition:border-color var(--ease),transform var(--ease); } .package-card.featured{ border-color:var(--ouro);background:var(--vinho);position:relative; padding-top:2.4rem;box-shadow:0 20px 48px rgba(72,2,0,.25); } .package-card.featured::before{ content:'Mais escolhido';position:absolute;top:-13px;left:50%;transform:translateX(-50%); background:var(--ouro);color:var(--vinho);font-family:var(--f-title);font-size:.6rem; font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:99px;white-space:nowrap; } .package-name{font-family:var(--f-display);font-size:1.3rem;font-weight:800;color:var(--vinho);margin-bottom:1.2rem;font-style:italic} .package-card.featured .package-name{color:var(--creme);font-size:1.5rem} .package-items{display:flex;flex-direction:column;gap:.7rem;flex:1} .package-item{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--cinza);line-height:1.5} .package-card.featured .package-item{color:rgba(245,245,220,.78)} .package-item .pc{color:var(--ouro-d);font-weight:800;flex-shrink:0} .package-card.featured .package-item .pc{color:var(--ouro)} /* Limites / o que NÃO inclui */ .limits-box{ background:rgba(72,2,0,.04);border-left:3px solid var(--vinho-l); border-radius:0 var(--r) var(--r) 0;padding:1.25rem 1.5rem; display:flex;gap:1rem;align-items:flex-start; } .limits-ico{flex-shrink:0;font-size:1.1rem;line-height:1.4} .limits-box p{margin:0;font-size:.88rem;color:var(--vinho-l);line-height:1.6;font-weight:600} /* Como funciona — steps (Consultoria Personalizada) */ .steps-list{display:flex;flex-direction:column;gap:.1rem} .step-item{display:flex;gap:1.3rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid rgba(72,2,0,.08)} .step-item:first-child{padding-top:0} .step-item:last-child{border-bottom:none} .step-num{ flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--vinho); color:var(--creme);display:flex;align-items:center;justify-content:center; font-family:var(--f-display);font-weight:800;font-size:1rem; } .step-item p{margin:0;font-size:.95rem;color:var(--preto);font-weight:600;padding-top:.5rem} /* ═══════════════════════════════════════════════════ CTA FINAL DA PÁGINA — sempre para o formulário ═══════════════════════════════════════════════════ */ .svc-cta{ background:var(--ouro);padding:clamp(3rem,6vh,4.5rem) clamp(1.25rem,5vw,4rem); text-align:center;position:relative;overflow:hidden; } .svc-cta::before{ content:'ÁRTEMIS';position:absolute;font-family:var(--f-display);font-size:clamp(4rem,11vw,11rem); font-weight:900;color:rgba(72,2,0,.06);top:50%;left:50%;transform:translate(-50%,-50%); white-space:nowrap;pointer-events:none; } .svc-cta-inner{position:relative;z-index:1;max-width:560px;margin:0 auto} .svc-cta h2{color:var(--vinho);margin:.5rem 0 .85rem} .svc-cta p{color:rgba(72,2,0,.7);max-width:46ch;margin:0 auto 1.75rem;font-size:.88rem} .svc-cta .label{justify-content:center;color:var(--vinho)} .svc-cta .label::before{background:var(--vinho)} /* ═══════════════════════════════════════════════════ FOOTER (idêntico ao index) ═══════════════════════════════════════════════════ */ footer{background:var(--preto);padding:clamp(3rem,6vh,4.5rem) clamp(1.25rem,5vw,4rem) calc(2rem + env(safe-area-inset-bottom,0px))} .footer-inner{max-width:1200px;margin:0 auto} .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(245,245,220,.08)} .flogo{display:flex;align-items:center;margin-bottom:.75rem} .flogo img{height:32px;width:auto;object-fit:contain;opacity:.7} .fbrand p{font-size:.8rem;color:rgba(245,245,220,.4);line-height:1.65;max-width:28ch} .fsocial{display:flex;gap:.7rem;margin-top:1.4rem} .fsocial a{width:40px;height:40px;border:1px solid rgba(245,245,220,.14);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:var(--f-title);font-weight:800;font-size:.68rem;color:rgba(245,245,220,.55);transition:border-color var(--ease),color var(--ease),background var(--ease);-webkit-tap-highlight-color:transparent} .fsocial a:hover{border-color:var(--ouro);color:var(--ouro);background:rgba(219,174,62,.08)} .fcol h4{font-family:var(--f-title);font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--ouro);margin-bottom:1.1rem} .fcol ul{display:flex;flex-direction:column;gap:.65rem} .fcol ul li a{font-size:.8rem;color:rgba(245,245,220,.45);font-family:var(--f-body);transition:color var(--ease)} .fcol ul li a:hover{color:var(--creme)} .footer-bot{display:flex;justify-content:space-between;align-items:center;padding-top:1.75rem;gap:1rem;flex-wrap:wrap} .footer-bot p,.footer-bot a{font-family:var(--f-title);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,245,220,.22);transition:color var(--ease)} .footer-bot a:hover{color:var(--ouro)} /* ═══════════════════════════════════════════════════ RESPONSIVO ═══════════════════════════════════════════════════ */ @media(max-width:1080px){ .hamburger{display:flex} .nav-links{display:none} } @media(max-width:1024px){ .page-hero-grid{grid-template-columns:1fr} .page-hero .lead{margin-top:1rem} .hub-grid{grid-template-columns:repeat(2,1fr)} .packages-grid{grid-template-columns:1fr} .package-card.featured{padding-top:1.85rem} .package-card.featured .package-name{font-size:1.3rem} .footer-top{grid-template-columns:1fr 1fr;gap:2.5rem} .fbrand{grid-column:span 2} } @media(max-width:768px){ .page-hero-ghost{display:none} .hub-grid{grid-template-columns:1fr} .hub-card.anchor{grid-template-columns:1fr;text-align:left;padding:2rem} .hub-card.anchor::after{display:none} .svc-block{grid-template-columns:1fr;gap:.6rem} .svc-block-num{font-size:2.2rem} .pain-grid{grid-template-columns:1fr} .deliv-list{grid-template-columns:1fr} .audience-grid{gap:.5rem} .hub-cta-banner{flex-direction:column;align-items:flex-start;text-align:left} .hub-cta-banner .btn-outline{width:100%;justify-content:center} .footer-top{grid-template-columns:1fr} .fbrand{grid-column:span 1} .fcol{display:none} .fbrand+.fcol{display:block} .breadcrumb{font-size:.62rem} } @media(max-width:480px){ section{padding:2.75rem clamp(1rem,5vw,1.5rem)} .page-hero{padding:6rem 1.25rem 2.25rem} .page-hero-meta{gap:.45rem} .footer-bot{flex-direction:column;align-items:flex-start;gap:.4rem} .step-item{gap:.85rem} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} }