/* ============================================================
   ODC SHARED CHROME — alinha as subpáginas à home (nav, footer,
   tarjetas em pílula laranja, cantos arredondados, fonte)
   Carregar SEMPRE depois de style.css / legacy.css.
   ============================================================ */
:root{
  --odc-ink:#111;
  --odc-bg:#fff;
  --odc-orange:#E9501B;
  --odc-line:rgba(17,17,17,.12);
  --odc-faint:#8d8d8d;
  --odc-soft:#4a4a4a;
  --odc-ff:'Myriad Pro','Myriad','Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
body{font-family:var(--odc-ff);}

/* esconde o nav antigo, se sobrar */
.wrap > nav:not(.nav-links){display:none;}

/* ---------------- NAV (igual home) ---------------- */
header.nav{
  position:fixed;inset:0 0 auto 0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,5vw,72px);
  transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease;
  border-bottom:1px solid transparent;
}
header.nav.scrolled{
  background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
}
header.nav .brand{display:flex;align-items:center;gap:11px;font-weight:400;letter-spacing:.1em;font-size:14px;color:var(--odc-ink);text-decoration:none;}
header.nav .brand .dot{width:22px;height:22px;border-radius:50%;background:var(--odc-ink);position:relative;flex:0 0 auto;}
header.nav .brand .dot::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;}
header.nav .nav-links{display:flex;align-items:center;gap:17px;font-size:13px;color:var(--odc-soft);list-style:none;margin:0;padding:0;}
header.nav .nav-links a{color:inherit;text-decoration:none;transition:color .2s;white-space:nowrap;}
header.nav .nav-links a:hover{color:var(--odc-ink);}
header.nav .nav-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--odc-ink);border-radius:999px;padding:9px 8px 9px 16px;font-size:13px;font-weight:500;color:var(--odc-ink);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap;}
header.nav .nav-cta .arrow{width:24px;height:24px;border-radius:50%;background:var(--odc-ink);color:#fff;display:grid;place-items:center;font-size:12px;transition:background .2s;}
header.nav .nav-cta:hover{background:var(--odc-ink);color:#fff;}
header.nav .nav-cta:hover .arrow{background:var(--odc-orange);}
@media(max-width:1180px){header.nav .nav-links{display:none;}}

/* ---------------- FOOTER (igual home) ---------------- */
footer.odc{background:#111;color:#fff;padding:clamp(60px,9vw,110px) clamp(20px,5vw,72px) 0;position:relative;z-index:1;}
footer.odc *{box-sizing:border-box;}
footer.odc .odc-wrap{max-width:1240px;margin:0 auto;}
footer.odc .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:60px;}
footer.odc .eyebrow{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.45);}
footer.odc h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 18px;}
footer.odc ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:0;}
footer.odc a{font-size:15px;color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s;}
footer.odc a:hover{color:#fff;}
footer.odc .foot-tag{font-size:14px;color:rgba(255,255,255,.6);max-width:34ch;line-height:1.55;margin:18px 0 0;}
footer.odc .wordmark{font-size:clamp(20px,5vw,60px);font-weight:400;letter-spacing:.15em;line-height:1.1;padding:34px 0;border-top:1px solid rgba(255,255,255,.14);color:#fff;margin:0;}
footer.odc .foot-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.4);padding:24px 0;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap;gap:12px;}
@media(max-width:820px){footer.odc .foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){footer.odc .foot-grid{grid-template-columns:1fr;}}

/* ---------------- TARJETAS → pílula laranja ---------------- */
.tag,.sec-tag,.rw-tag,.badge,.kicker.pill{
  display:inline-flex!important;align-items:center;gap:.5em;
  background:var(--odc-orange)!important;color:#fff!important;border:none!important;
  font-size:11.5px!important;font-weight:600!important;letter-spacing:.16em!important;
  text-transform:uppercase;padding:9px 18px!important;border-radius:999px!important;
}
.section-dark .tag,.section-black .sec-tag,.section-dark .sec-tag,.section-black .tag{background:var(--odc-orange)!important;color:#fff!important;}
.tag .n,.sec-tag .n{color:#fff!important;}

/* ---------------- arredondar TODOS os quadros/inputs/botões ---------------- */
.note,.cinput,.demo,.editor,.pantone-chip,.pantone-out,.quiz-box,.quiz-opt,
.result,.tool,.hero-frame,.lead-wrap,.numbers,.num,.thumb,.grid,.dpara > div,
.q,.q input,.q textarea,.swatch,.swatch-side,.swatch-foot,.stage,.preview,
.card,.box,.panel,.module,.cell,.field,details,#swatch,
input[type=text],input[type=number],input[type=email],input[type=tel],input[type=color],textarea,select{
  border-radius:12px!important;
}
.btn,.btn-ghost,.copy,.minibtn,.filebtn,.cta-btn,button{border-radius:999px!important;}
.chip,.pill,.tagline-chip{border-radius:999px!important;}
img.round,.media{border-radius:14px;}
/* elementos com borda inline 1px também */
[style*="border:1px"],[style*="border: 1px"]{border-radius:12px!important;}

/* ---------------- menu mobile (hambúrguer) ---------------- */
.nav-burger{display:none;width:42px;height:42px;border:1px solid rgba(17,17,17,.18);border-radius:999px;background:rgba(255,255,255,.6);position:relative;cursor:pointer;flex:0 0 auto;padding:0;}
.nav-burger span{position:absolute;left:12px;right:12px;height:1.6px;background:#111;border-radius:2px;transition:.3s ease;}
.nav-burger span:nth-child(1){top:15px;}
.nav-burger span:nth-child(2){top:20px;}
.nav-burger span:nth-child(3){top:25px;}
.nav-burger.open span:nth-child(1){top:20px;transform:rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){top:20px;transform:rotate(-45deg);}
.nav-drawer{position:fixed;inset:0;z-index:55;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;}
.nav-drawer.open{opacity:1;pointer-events:auto;}
.nav-drawer-inner{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:24px;}
.nav-drawer-inner a{font-size:clamp(20px,5vw,28px);font-weight:500;letter-spacing:-.02em;color:#111;text-decoration:none;padding:9px 0;display:block;}
.nav-drawer-inner li{list-style:none;}
.nav-drawer-inner a:hover{color:#E9501B;}
.nav-drawer-inner .drawer-cta{margin-top:22px;font-size:16px;border:1px solid #111;border-radius:999px;padding:12px 26px;display:inline-flex;gap:8px;align-items:center;}
.nav-drawer-inner .drawer-cta .arrow{width:24px;height:24px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:12px;}
@media(max-width:1180px){.nav-burger{display:block;}}
@media(max-width:560px){header.nav > .nav-cta{display:none;}}

/* ---------------- alinhamento à esquerda (padrão da home) ---------------- */
.center{text-align:left!important;}
.center .display,.center h1,.center h2,.center h3,.center p,.center .en{margin-left:0!important;margin-right:0!important;}
.center > *{margin-left:0!important;}