/* Cabeçalho e rodapé padrão — Online Já Tech */
header,footer{--navy-deep:#05070D;--cream:#F7F4ED;--gold:#D9A441;--font-display:'Playfair Display',serif;--border:rgba(247,244,237,.10)}
header{position:sticky;top:0;z-index:50;background:rgba(10,20,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(247,244,237,.1)}
.topnav{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0 32px}
.nav-links{display:flex;gap:32px;font-size:.88rem;font-weight:500}
header .nav-links a{text-decoration:none;color:rgba(247,244,237,.75);transition:color .15s}
.nav-links a:hover,.nav-links a.is-current{color:var(--gold)}
.icon-link{color:rgba(247,244,237,.75);opacity:.85;transition:opacity .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}
.icon-link:hover{color:var(--gold);opacity:1}
.nav-right{display:flex;align-items:center;gap:14px}
header .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-deep);font-weight:600;font-size:.85rem;padding:11px 18px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0}
.hamburger{display:none;position:relative;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}
.hamburger span{position:absolute;left:50%;width:22px;height:2px;background:var(--cream);border-radius:2px;transform:translateX(-50%);transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .2s ease,top .32s cubic-bezier(.4,0,.2,1),background .2s ease}
.hamburger span:nth-child(1){top:16px}
.hamburger span:nth-child(2){top:22px}
.hamburger span:nth-child(3){top:28px}
.hamburger.is-active span{background:var(--gold)}
.hamburger.is-active span:nth-child(1){top:22px;transform:translateX(-50%) rotate(45deg)}
.hamburger.is-active span:nth-child(2){opacity:0;transform:translateX(-50%) scale(0)}
.hamburger.is-active span:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}
.mobile-menu{display:none}
.mobile-menu.is-open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;bottom:0;height:calc(100vh - 72px);background:#05070D;z-index:9999;padding:24px 32px;overflow-y:auto;margin:0;opacity:0;transform:translateY(-14px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}
.mobile-menu.is-open.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.mobile-menu a{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}
.mobile-menu.is-open.is-visible a{opacity:1;transform:translateY(0)}
.mobile-menu a:nth-child(1){transition-delay:.05s}
.mobile-menu a:nth-child(2){transition-delay:.09s}
.mobile-menu a:nth-child(3){transition-delay:.13s}
.mobile-menu a:nth-child(4){transition-delay:.17s}
.mobile-menu a:nth-child(5){transition-delay:.21s}
.mobile-menu a:nth-child(6){transition-delay:.25s}
.mobile-menu a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(247,244,237,.08);text-decoration:none;color:var(--cream);font-family:var(--font-display);font-size:1.1rem}
.mm-num{font-size:.72rem;color:var(--gold)}
.logo{flex-shrink:0}
@media(max-width:860px){.nav-links{display:none}.hamburger{display:flex}}
@media(max-width:480px){
  .nav-right{gap:8px}
  .topnav .icon-link{display:none}
  header .btn-primary{padding:9px 12px;font-size:.72rem}
  .hamburger{width:38px;height:38px}.hamburger span:nth-child(1){top:14px}.hamburger span:nth-child(2){top:19px}.hamburger span:nth-child(3){top:24px}.hamburger.is-active span:nth-child(1){top:19px}.hamburger.is-active span:nth-child(3){top:19px}
  .topnav{padding:0 14px;gap:6px}
}
@media(max-width:340px){
  .logo span{display:none}
}
footer{background:var(--navy-deep);padding:48px 32px 28px;border-top:1px solid rgba(247,244,237,.1);text-align:left}
.footer-grid{display:flex;flex-direction:column;gap:32px;max-width:1180px;margin:0 auto}
.foot-brand-col .foot-logo{display:flex;align-items:center;gap:8px}
.foot-tagline{font-family:var(--font-display);font-style:italic;color:rgba(247,244,237,.55);font-size:.88rem;margin-top:12px;max-width:240px}
.foot-nav-cols-wrap{display:flex;flex-direction:column;gap:28px}
.foot-nav-col{display:flex;flex-direction:column;gap:11px}
.foot-col-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
.foot-link{display:inline-flex;align-items:center;gap:10px;color:rgba(247,244,237,.72);text-decoration:none;font-size:.85rem;transition:color .15s}
.foot-link:hover{color:var(--gold)}
.foot-link svg{width:15px;height:15px;flex-shrink:0;opacity:.65}
.footer-bottom{max-width:1180px;margin:32px auto 0;padding-top:22px;border-top:1px solid rgba(247,244,237,.1)}
.foot-legal{font-size:.76rem;color:rgba(247,244,237,.45)}


@media(min-width:860px){
  .footer-grid{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .foot-brand-col{max-width:260px}
  .foot-nav-cols-wrap{flex-direction:row;gap:72px}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center}
}
@media(max-width:640px){footer{padding-bottom:96px}}

/* ===== Online Já: cabeçalho e rodapé únicos + cards (oj-ui.css) ===== */
:root{--oj-ink:#05070D;--oj-navy:#0A1420;--oj-panel:#101B2B;--oj-panel2:#14223A;--oj-line:rgba(247,244,237,.10);--oj-cream:#F7F4ED;--oj-mute:rgba(247,244,237,.68);--oj-gold:#D9A441}
header.oj-h{position:sticky;top:0;z-index:60;display:block;height:auto;padding:0;background:rgba(10,20,32,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--oj-line);font-family:'Inter',system-ui,sans-serif}
header.oj-h .topnav{height:72px;padding:0 max(24px,env(safe-area-inset-left,0px))}
header.oj-h .nav-links{gap:26px}
header.oj-h .nav-links a{font-size:.86rem;white-space:nowrap}
header.oj-h .logo img{height:42px;width:auto;display:block}
header.oj-h .mobile-menu a:nth-child(7){transition-delay:.29s}
header.oj-h .mobile-menu a:nth-child(8){transition-delay:.33s}
header.oj-h .mobile-menu a.is-current{color:var(--oj-gold)}
@media(max-width:1020px){header.oj-h .nav-links{display:none}header.oj-h .hamburger{display:flex}}
body.oj-menu-open{overflow:hidden}

footer.oj-f{display:block;text-align:left;background:var(--oj-ink);padding:56px max(24px,env(safe-area-inset-left,0px)) 28px;border-top:1px solid var(--oj-line);color:var(--oj-mute);font-family:'Inter',system-ui,sans-serif}
footer.oj-f .footer-grid{max-width:1180px;margin:0 auto;padding:0}
footer.oj-f .foot-nav-cols-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}
footer.oj-f .foot-link{font-size:.86rem}
footer.oj-f .footer-bottom{max-width:1180px;margin:36px auto 0;padding:22px 0 0}
footer.oj-f .foot-areas a{color:inherit}
@media(min-width:900px){footer.oj-f .footer-grid{flex-direction:row;justify-content:space-between}footer.oj-f .foot-nav-cols-wrap{grid-template-columns:repeat(5,auto);gap:48px}}
@media(max-width:640px){footer.oj-f{padding-bottom:104px}}

/* Cards de formatos, nichos e lojas */
.oj-sec{padding:72px 0}
.oj-in{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.oj-eye{display:block;font:600 .74rem/1.2 'Inter',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--oj-gold);margin-bottom:12px}
.oj-h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;color:var(--oj-cream);margin:0 0 12px;text-wrap:balance}
.oj-lead{color:var(--oj-mute);font-size:1rem;line-height:1.65;max-width:620px;margin:0}
.oj-head{margin-bottom:32px}.oj-head.c{text-align:center}.oj-head.c .oj-lead{margin:0 auto}
.oj-cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.oj-cards.c3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.oj-cards.c2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.oj-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--oj-panel);border:1px solid var(--oj-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--oj-cream);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}
a.oj-card:hover,a.oj-card:focus-visible{transform:translateY(-3px);border-color:rgba(217,164,65,.55);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.oj-card.feat{border-color:rgba(217,164,65,.55)}
.oj-thumb{position:relative;aspect-ratio:16/10;background:#0B1422;overflow:hidden;border-bottom:1px solid var(--oj-line)}
.oj-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;max-width:100%}
.oj-tag{position:absolute;left:12px;top:12px;background:rgba(5,7,13,.82);color:var(--oj-cream);font:600 .68rem/1 'Inter',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid var(--oj-line)}
.oj-tag.g{background:var(--oj-gold);color:#05070D;border-color:var(--oj-gold)}
.oj-body{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}
.oj-card h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.22rem;line-height:1.2;margin:0;color:var(--oj-cream)}
.oj-card p{font-size:.9rem;line-height:1.55;color:var(--oj-mute);margin:0}
.oj-price{font:700 1.05rem/1.3 'Inter',system-ui,sans-serif;color:var(--oj-gold);margin-top:4px}
.oj-price small{display:block;font-weight:400;font-size:.78rem;color:var(--oj-mute);margin-top:2px}
.oj-go{margin-top:auto;padding-top:12px;font:600 .86rem/1 'Inter',system-ui,sans-serif;color:var(--oj-gold)}
.oj-wire{position:absolute;inset:14px;border:1px solid rgba(247,244,237,.14);border-radius:10px;background:linear-gradient(180deg,#0F1A2B,#0B1422);padding:10px;display:flex;flex-direction:column;gap:8px}
.oj-wire .n{display:flex;gap:6px}.oj-wire .n i{flex:1;height:8px;border-radius:4px;background:rgba(247,244,237,.14)}.oj-wire .n i.on{background:var(--oj-gold)}
.oj-wire .hb{height:34%;border-radius:6px;background:linear-gradient(120deg,rgba(217,164,65,.35),rgba(217,164,65,.08))}
.oj-wire .r{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}.oj-wire .r i{border-radius:6px;background:rgba(247,244,237,.08);border:1px solid rgba(247,244,237,.08)}
.oj-wire .pg{position:absolute;right:10px;bottom:10px;font:600 .66rem/1 'Inter',sans-serif;color:var(--oj-mute)}
.oj-more{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.oj-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid var(--oj-line);background:var(--oj-panel);color:var(--oj-cream);text-decoration:none;font:500 .86rem/1 'Inter',system-ui,sans-serif;transition:border-color .2s}
.oj-chip:hover{border-color:rgba(217,164,65,.6);color:var(--oj-gold)}
.oj-chip b{color:var(--oj-gold);font-weight:600}

/* ===== Páginas de cidade (cp-) ===== */
body.cp{margin:0;background:var(--oj-navy);color:var(--oj-cream);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body.cp *{box-sizing:border-box}
:where(body.cp) a{color:inherit}
.cp .skip-link{position:absolute;left:-9999px}.cp .skip-link:focus{left:16px;top:16px;z-index:99;background:var(--oj-gold);color:#05070D;padding:8px 14px;border-radius:8px}
.cp-hero{padding:88px 0 72px;background:radial-gradient(900px 420px at 85% 10%,rgba(217,164,65,.12),transparent 60%),var(--oj-ink);border-bottom:1px solid var(--oj-line)}
.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.cp-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 20px;text-wrap:balance}
.cp-hero h1 em{font-style:italic;color:var(--oj-gold)}
.cp-hero .oj-lead{font-size:1.06rem;max-width:560px}
.cp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--oj-gold);color:#05070D!important;font-weight:700;font-size:.95rem;padding:15px 26px;border-radius:999px;text-decoration:none;border:1px solid var(--oj-gold);transition:transform .15s,box-shadow .15s}
.cp-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(217,164,65,.25)}
.cp-btn.ghost{background:transparent;color:var(--oj-cream)!important;border-color:rgba(247,244,237,.28)}
.cp-btn.ghost:hover{border-color:var(--oj-gold);color:var(--oj-gold)!important;box-shadow:none}
.cp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cp-stat{background:var(--oj-panel);border:1px solid var(--oj-line);border-radius:14px;padding:18px 18px 16px}
.cp-stat b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.9rem;line-height:1;color:var(--oj-cream)}
.cp-stat span{display:block;margin-top:8px;font-size:.8rem;color:var(--oj-mute);line-height:1.4}
.cp-band{background:var(--oj-navy)}.cp-band.alt{background:#0D1828}
.cp-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cp-why div{background:var(--oj-panel);border:1px solid var(--oj-line);border-radius:14px;padding:22px}
.cp-why h3{font-family:'Playfair Display',Georgia,serif;font-size:1.12rem;margin:0 0 8px}
.cp-why p{margin:0;font-size:.9rem;color:var(--oj-mute)}
.cp-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:var(--oj-panel);border:1px solid rgba(217,164,65,.5);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.cp-offer-tx{padding:34px 34px 30px;display:flex;flex-direction:column;gap:12px}
.cp-offer h3{font-family:'Playfair Display',Georgia,serif;font-size:1.6rem;line-height:1.15;margin:4px 0 0}
.cp-price{font-family:'Playfair Display',Georgia,serif;font-size:2.4rem;line-height:1;color:var(--oj-gold);margin-top:6px}
.cp-price small{font-family:'Inter',sans-serif;font-size:.9rem;color:var(--oj-mute);margin-left:4px}
.cp-list{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px}
.cp-list li{position:relative;padding-left:26px;font-size:.92rem;color:rgba(247,244,237,.86)}
.cp-list li:before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2px solid var(--oj-gold);border-bottom:2px solid var(--oj-gold);transform:rotate(-45deg)}
.cp-note{font-size:.82rem;color:var(--oj-mute);margin:6px 0 0;line-height:1.55}
.cp-offer figure{margin:0;background:#0B1422;min-height:280px}
.cp-offer figure img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.cp-offer .oj-tag{position:static;align-self:flex-start}
.cp-sub{margin:44px 0 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.cp-sub h3{font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;margin:0}
.cp-sub a{font-size:.88rem;font-weight:600;color:var(--oj-gold);text-decoration:none}
.cp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:st}
.cp-steps li{counter-increment:st;background:var(--oj-panel);border:1px solid var(--oj-line);border-radius:14px;padding:22px 20px}
.cp-steps li:before{content:counter(st,decimal-leading-zero);display:block;font:700 .78rem/1 'Inter',sans-serif;letter-spacing:.12em;color:var(--oj-gold);margin-bottom:12px}
.cp-steps h3{font-family:'Playfair Display',Georgia,serif;font-size:1.08rem;margin:0 0 6px}
.cp-steps p{margin:0;font-size:.88rem;color:var(--oj-mute)}
.cp-faq{max-width:820px;margin:0 auto}
.cp-faq details{border-bottom:1px solid var(--oj-line)}
.cp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-weight:600;font-size:1rem;color:var(--oj-cream)}
.cp-faq summary::-webkit-details-marker{display:none}
.cp-faq summary:after{content:"+";color:var(--oj-gold);font-size:1.3rem;line-height:1;transition:transform .2s}
.cp-faq details[open] summary:after{transform:rotate(45deg)}
.cp-faq details p{margin:0 0 20px;color:var(--oj-mute);font-size:.94rem;line-height:1.7}
.cp-diag{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:26px 28px;border:1px solid rgba(217,164,65,.4);border-radius:18px;background:rgba(217,164,65,.07)}
.cp-diag strong{display:block;font-size:1.08rem;margin-bottom:4px}
.cp-diag span{font-size:.92rem;color:var(--oj-mute)}
.cp-final{text-align:center;padding:88px 0;background:radial-gradient(700px 300px at 50% 0,rgba(217,164,65,.1),transparent 70%),var(--oj-ink)}
.cp-final h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.1;margin:0 auto 14px;max-width:760px;text-wrap:balance}
.cp-final p{color:var(--oj-mute);max-width:520px;margin:0 auto 26px}
.cp .wa-float{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;z-index:70;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.cp .wa-float svg{width:28px;height:28px}
@media(max-width:900px){.cp-hero-grid,.cp-offer{grid-template-columns:1fr}.cp-offer figure{min-height:0;aspect-ratio:16/10;order:-1}.cp-why{grid-template-columns:1fr}.cp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cp-hero{padding:56px 0 48px}.oj-sec{padding:56px 0}.cp-steps{grid-template-columns:1fr}.cp-offer-tx{padding:24px 20px}.cp-btn{width:100%}.cp-price{font-size:2rem}}