:root{--azul:#1B3A5C;--abissal:#0B1C2E;--polar:#F5F8FB;--nevoa:#8FAECB;--ambar:#E39A3B;
--display:'Anybody','Arial Black',sans-serif;--mono:'Spline Sans Mono',Consolas,monospace;--texto:'Instrument Sans',Arial,sans-serif;--linha:rgba(143,174,203,.22)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body,#wrapwrap{font-family:var(--texto);color:var(--polar);background:var(--abissal);
background-image:linear-gradient(rgba(143,174,203,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.16) 1px,transparent 1px);
background-size:120px 120px;background-attachment:fixed;overflow-x:clip}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
section{padding:72px 0;position:relative}
h1,h2,h3{font-family:var(--display);font-stretch:125%;font-weight:850;text-transform:uppercase;letter-spacing:.01em}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--ambar);text-transform:uppercase;margin-bottom:18px}
.mono{font-family:var(--mono)}
.sec-title{font-size:clamp(30px,3.8vw,48px);margin-bottom:16px;line-height:1.05}
.sec-title em{font-style:normal;color:var(--ambar)}
.sec-sub{font-size:16.5px;color:var(--nevoa);max-width:780px;line-height:1.75;margin-bottom:48px}
.sec-sub b{color:var(--polar)}
/* HUD */
.hud{position:fixed;right:26px;bottom:24px;z-index:40;font-family:var(--mono);font-size:10.5px;line-height:2;letter-spacing:.08em;color:var(--nevoa);text-align:right;background:rgba(11,28,46,.85);border:1px solid var(--linha);border-radius:10px;padding:12px 16px;backdrop-filter:blur(8px);min-width:215px}
.hud b{color:var(--ambar);font-weight:500}
.hud .dots::after{content:"";animation:dots 1.4s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"· ·"}75%{content:"· · ·"}}
@media(max-width:760px){.hud{display:none}}
/* hero */
.hero{min-height:92vh;display:flex;align-items:center;padding:70px 0}
.hero h1{font-size:clamp(22px,7vw,78px);line-height:1.06}
.hero h1 em{font-style:normal;color:var(--ambar)}
.hero .sub{font-size:clamp(17px,2vw,22px);color:var(--nevoa);max-width:700px;margin:30px 0 40px;line-height:1.65}
.hero .sub b{color:var(--polar)}
.cta{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;background:var(--ambar);color:var(--abissal);padding:17px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .18s ease-out}
.cta:hover{filter:brightness(.92);transform:translateY(-1px)}
.cta.sec{background:none;border:1px solid var(--nevoa);color:var(--polar);margin-left:14px}
/* grids/cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:980px){.grid4,.grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid4,.grid3,.grid2{grid-template-columns:1fr}}
.card{background:var(--azul);border:1px solid var(--linha);border-radius:14px;padding:28px;transition:border-color .18s ease-out,transform .18s ease-out}
.card:hover{border-color:rgba(143,174,203,.42)}
.card .num{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--nevoa)}
.card h3{font-size:19px;margin:10px 0 10px}
.card p{font-size:14px;color:var(--nevoa);line-height:1.65}
.card p b{color:var(--polar);font-weight:600}
.card.destaque{border-color:rgba(227,154,59,.5)}
.card.destaque .num,.card.destaque h3{color:var(--ambar)}
/* route board */
.routes{font-family:var(--mono)}
.routes svg{width:100%;height:auto;display:block}
.lane-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}
@media(max-width:640px){.lane-list{grid-template-columns:1fr}}
.lane{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--linha);border-radius:10px;padding:13px 18px;font-size:12px;letter-spacing:.1em;color:var(--polar)}
.lane b{color:var(--ambar);font-weight:500}
.lane .st{color:var(--nevoa);font-size:10.5px}
.lane .st::after{content:"●";color:var(--ambar);margin-left:8px;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
/* light sections */
.claro{background:var(--polar);color:var(--azul)}
.claro .card{background:#fff;border-color:rgba(27,58,92,.14)}
.claro .card p,.claro .sec-sub{color:#41586e}
.claro .card p b,.claro .sec-sub b{color:var(--azul)}
.claro .label{color:#B57419}
.claro .card .num{color:#6b8299}
/* numbers */
.big{font-family:var(--display);font-stretch:125%;font-weight:850;font-size:clamp(38px,4.5vw,60px)}
.big small{font-size:.45em;color:var(--ambar)}
/* forms */
.formtabs{display:flex;gap:10px;margin-bottom:26px}
.formtabs button{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px;border-radius:8px;border:1px solid var(--linha);background:none;color:var(--nevoa);cursor:pointer;transition:all .18s}
.formtabs button.on{background:var(--ambar);color:var(--abissal);border-color:var(--ambar);font-weight:600}



label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--polar);text-transform:uppercase;display:block;margin-bottom:7px;opacity:.85}
input,select,textarea{width:100%;background:var(--polar);border:1px solid transparent;border-radius:8px;padding:13px 14px;color:var(--azul);font-family:var(--texto);font-size:14.5px;transition:box-shadow .18s}
input::placeholder,textarea::placeholder{color:#7d93a8}
select:invalid{color:#7d93a8}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ambar);outline-offset:1px;border-color:var(--ambar)}
textarea{min-height:96px;resize:vertical}
button.cta{border:none;cursor:pointer;font-size:13px}
.form-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--nevoa);margin-top:14px}
/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.rv.on{opacity:1;transform:none}
.draw{stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 1.5s linear}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.draw{stroke-dashoffset:0!important}.hud .dots::after,.lane .st::after{animation:none}}

/* trilho vertical de descida */
.rail{position:fixed;left:26px;top:0;bottom:0;width:0;border-left:1px dashed rgba(143,174,203,.28);z-index:30;pointer-events:none}
.rail::before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:7px;
background:repeating-linear-gradient(180deg,transparent 0 118px,rgba(143,174,203,.35) 118px 120px)}
.rail-ship{position:fixed;left:13px;z-index:31;filter:drop-shadow(0 0 9px rgba(227,154,59,.55));pointer-events:none;transition:top .1s linear}
@media(max-width:900px){.rail,.rail-ship{display:none}}
/* conector vertical entre seções */
.vlink{display:block;margin:-36px auto;width:60px;height:150px}
.vlink path{stroke:var(--ambar);stroke-width:2.5;fill:none;stroke-dasharray:2 12;stroke-linecap:round}
.vlink circle{fill:var(--ambar)}
/* chips do hero */
.chips{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 36px}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--polar);border:1px solid var(--linha);border-radius:999px;padding:9px 16px}
.chip b{color:var(--ambar);font-weight:500}
/* ddp */
.ddp-line{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;color:var(--nevoa);line-height:2.6}
.ddp-line b{color:var(--ambar)}

/* fotos reais */
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.85)}
.ph .cap{width:100%;background:linear-gradient(transparent,rgba(11,28,46,.88))}
.claro .ph .cap{background:linear-gradient(transparent,rgba(11,28,46,.82));color:var(--nevoa)}
/* botão secundário branco */
.cta.sec{background:var(--polar);border:none;color:var(--abissal)}
.cta.sec:hover{filter:brightness(.94)}
/* formulário em seção clara */
.claro input,.claro select,.claro textarea{background:#fff;color:var(--azul);border-color:rgba(27,58,92,.3)}
.claro label{color:#41586e;opacity:1}
.claro .formtabs button{border-color:rgba(27,58,92,.25);color:#6b8299}
.claro .formtabs button.on{background:var(--ambar);color:var(--abissal);border-color:var(--ambar)}
.claro .form-note{color:#6b8299}
.claro .wa{border-color:rgba(27,58,92,.25);color:var(--azul)}
/* rotas em seção clara */
.claro .lane{border-color:rgba(27,58,92,.22);color:var(--azul)}
.claro .lane .st{color:#6b8299}
/* índice de espécies */
.species{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 0}
.sp{flex:1;min-width:96px;border:1px solid var(--linha);border-radius:12px;padding:16px 10px 12px;text-align:center;transition:border-color .18s}
.sp:hover{border-color:rgba(227,154,59,.55)}
.sp svg{stroke:var(--nevoa);stroke-width:2;fill:none;stroke-linecap:square}
.sp span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--nevoa);margin-top:10px}

.hero h1 span{display:block;white-space:nowrap}
.claro{background-color:var(--polar);background-image:none}
.claro .sp{border-color:rgba(27,58,92,.22)}
.claro .sp svg{stroke:#41586e}
.claro .sp span{color:#6b8299}


.card[data-modal],.sp[data-modal]{cursor:pointer}
.card[data-modal]:hover{transform:translateY(-3px);border-color:rgba(227,154,59,.5)}
.more{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--ambar);margin-top:12px}
.m4d-bg{position:fixed;inset:0;background:rgba(11,28,46,.72);backdrop-filter:blur(6px);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}
.m4d-bg.on{opacity:1;pointer-events:auto}
.m4d{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(620px,92vw);max-height:84vh;overflow:auto;background:var(--azul);border:1px solid rgba(143,174,203,.35);border-radius:18px;padding:34px 36px;z-index:91;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.m4d.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.m4d .num{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--ambar)}
.m4d h3{font-size:24px;margin:10px 0 20px;color:var(--polar)}
.m4d .mrow{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--linha);font-size:14px}
.m4d .mrow b{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--nevoa);font-weight:500;padding-top:2px}
.m4d .mrow span{color:var(--polar);line-height:1.6}
.m4d .x{position:absolute;top:18px;right:20px;font-family:var(--mono);font-size:13px;color:var(--nevoa);background:none;border:1px solid var(--linha);border-radius:8px;padding:7px 12px;cursor:pointer}
.m4d .x:hover{color:var(--polar);border-color:var(--ambar)}

/* story: planta + logo */
.story-media{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--linha)}
.story-media img{display:block;width:100%;height:100%;object-fit:cover;min-height:320px;filter:saturate(.9)}
.story-media .cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--polar);padding:16px;background:linear-gradient(transparent,rgba(11,28,46,.9));text-transform:uppercase}
.story-media .cap b{color:var(--ambar)}
.logo-nutre{display:flex;align-items:center;gap:16px;margin-top:18px;border:1px solid var(--linha);border-radius:16px;padding:14px 18px}
.logo-nutre img{width:86px;border-radius:18px;display:block}
.logo-nutre span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--nevoa);line-height:1.9;text-transform:uppercase}
.logo-nutre span b{color:var(--polar)}
/* ícones angulares das dimensões */
.dico{display:block;margin-bottom:12px}
.dico path,.dico circle,.dico line{fill:none;stroke:#41586e;stroke-width:2;stroke-linecap:square}
.card.destaque .dico path,.card.destaque .dico circle,.card.destaque .dico line{stroke:var(--ambar)}
/* chips de países nos mercados */
.cchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cchip{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--nevoa);border:1px solid var(--linha);border-radius:999px;padding:6px 12px}

/* ===== MOBILE ===== */
@media(max-width:700px){
.wrap{padding:0 20px}
section{padding:56px 0}
.hero{min-height:78vh;padding:48px 0}
.hero .sub{font-size:16px;margin:22px 0 6px}
.chips{gap:8px;margin:20px 0 28px}
.chip{font-size:10px;padding:8px 12px}
.cta{display:block;text-align:center;margin:0 0 12px}
.cta.sec{margin-left:0}
.sec-title{font-size:clamp(26px,7vw,34px)}
.sec-sub{font-size:15.5px;margin-bottom:32px}
.card{padding:22px}
.card p{font-size:14.5px}
.label{font-size:11px;letter-spacing:.24em}
.lane{font-size:12.5px}
.hud{display:none}
.formtabs{flex-wrap:wrap}
.wa{display:block;text-align:center;margin:12px 0 0}
button.cta{width:100%}
.m4d{padding:26px 20px;width:94vw}
.m4d .mrow{grid-template-columns:88px 1fr;gap:10px}
.story-media img{min-height:220px}
footer{padding:44px 0;font-size:10.5px}
}

.flag{width:18px;height:auto;border-radius:2px;vertical-align:-2px;margin-right:2px}
.blogbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.blogbar a{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-decoration:none;color:#6b8299;border:1px solid rgba(27,58,92,.22);border-radius:999px;padding:7px 13px}
.blogbar a.on,.blogbar a:hover{background:var(--ambar);color:var(--abissal);border-color:var(--ambar)}
.bcard .ph.mini{min-height:130px;margin-bottom:14px}
.ph{position:relative;overflow:hidden;isolation:isolate}
.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ph .cap{position:relative;z-index:1}
.claro .lane{background:var(--azul);border-color:transparent;color:var(--polar)}
.claro .lane .st{color:var(--nevoa)}

@media(min-width:761px){.hud{bottom:88px}}
.ddp-hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--linha);margin:0 0 26px}
.ddp-hero img{display:block;width:100%;height:340px;object-fit:cover;object-position:center 62%}
.ddp-hero .cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--polar);padding:16px;background:linear-gradient(transparent,rgba(11,28,46,.9));text-transform:uppercase}
.ddp-hero .cap b{color:var(--ambar)}
@media(max-width:700px){.ddp-hero img{height:230px}}
.photo-strip .ph{min-height:300px}
@media(max-width:900px){.photo-strip .ph{min-height:220px}}
.livedot{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--ambar);margin-left:14px;vertical-align:middle;position:relative}
.livedot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ambar);opacity:.6;animation:live 1.6s ease-out infinite}
@keyframes live{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.livedot::after{animation:none}}
.fcols{display:grid;grid-template-columns:1.2fr 1fr;gap:34px}
@media(max-width:640px){.fcols{grid-template-columns:1fr}}
footer{border-top:1px solid var(--linha);padding:60px 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--nevoa);line-height:2.2}
footer .tag{color:var(--ambar);letter-spacing:.24em}
/* ===== ODOO NATIVE ADAPTERS (header/footer/menu/form/livechat) ===== */
.card{display:block;color:inherit}
#wrapwrap{background-color:var(--abissal)!important;background-image:linear-gradient(rgba(143,174,203,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.18) 1px,transparent 1px)!important;background-size:120px 120px!important;background-attachment:fixed!important}
#wrapwrap main{background:transparent}
#wrapwrap>header{background:rgba(11,28,46,.92)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--linha);box-shadow:none!important}
#wrapwrap>header .navbar{background:transparent!important;font-family:var(--mono)}
#wrapwrap>header .navbar .nav-link,#wrapwrap>header .navbar .dropdown-toggle{font-family:var(--mono);font-size:11px;letter-spacing:.13em;color:var(--nevoa)!important;text-transform:uppercase}
#wrapwrap>header .navbar .nav-link:hover{color:var(--polar)!important}
#wrapwrap>header .navbar-brand img{max-height:38px;width:auto}
#wrapwrap>header .navbar .nav-link[href="/#quote"]{background:var(--ambar);color:var(--abissal)!important;padding:8px 15px;border-radius:7px;font-weight:600;margin-left:6px}
#wrapwrap>footer{background:transparent!important;color:var(--nevoa)}
#wrapwrap>footer .oe_structure{padding:0}
#quote .s_website_form{padding:0;background:transparent}
#quote select.form-select{width:100%;background-color:#fff;border:1px solid rgba(27,58,92,.3);border-radius:8px;padding:13px 14px;color:var(--azul);font-family:var(--texto);font-size:14.5px}
#quote .s_website_form_label{display:block;margin-bottom:7px}
#quote .s_website_form_mark{color:var(--ambar)}
#quote #s_website_form_result{display:block;font-family:var(--mono);font-size:12px;margin-top:10px}
.o-livechat-root .o-livechat-LivechatButton{background:var(--ambar)!important;color:var(--abissal)!important;border:none!important;font-family:var(--mono)!important;letter-spacing:.08em}

/* header cleanup v3 */
#wrapwrap>header li:has(a[href^="tel:"]),#wrapwrap>header li:has(a.o_navlink_background),#wrapwrap>header .o_header_mobile a[href^="tel:"]{display:none!important}
#wrapwrap>header .btn_cta{background:var(--ambar)!important;border-color:var(--ambar)!important;color:var(--abissal)!important;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:7px;padding:9px 16px!important}
#wrapwrap>header .btn_cta:hover{filter:brightness(.92)}
#wrapwrap>header .navbar{padding-top:6px;padding-bottom:6px}
#wrapwrap>header .o_header_language_selector .nav-link,#wrapwrap>header .dropdown-toggle{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ===== v5 — IDENTIDADE BULLETPROOF (vence o tema Odoo) ===== */
body,#wrapwrap{font-family:var(--texto)!important}
#wrapwrap h1,#wrapwrap h2,#wrapwrap h3,#wrapwrap .big,#wrapwrap .sec-title{font-family:var(--display)!important;font-stretch:125%!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.01em}
#wrapwrap .mono,#wrapwrap .label,#wrapwrap .num,#wrapwrap .chip,#wrapwrap .cchip,#wrapwrap .lane,#wrapwrap .ddp-line,#wrapwrap .form-note,#wrapwrap .hud,#wrapwrap .cta,#wrapwrap .formtabs button,#wrapwrap .blogbar a,#wrapwrap .more,#wrapwrap .sp span,#wrapwrap .story-media .cap,#wrapwrap .ddp-hero .cap,#wrapwrap .ph .cap,#wrapwrap .m4d .num,#wrapwrap .m4d .mrow b,#wrapwrap label,#wrapwrap footer,#wrapwrap .lane .st{font-family:var(--mono)!important}
#wrapwrap section:not(.claro) h2,#wrapwrap section:not(.claro) h3,#wrapwrap .hero h1{color:var(--polar)}
#wrapwrap .claro h2,#wrapwrap .claro h3{color:var(--azul)}
#wrapwrap .card.destaque h3{color:var(--ambar)!important}
#wrapwrap .sec-title em{color:var(--ambar)!important;font-style:normal}
/* header compacto (66px como no HTML) — o padding de section vazava pro CTA do header */
#wrapwrap>header section{padding:0!important}
#wrapwrap>header .navbar{padding:7px 0!important;min-height:0!important}
#wrapwrap>header .o_main_nav{min-height:52px}
#wrapwrap>header .navbar-brand{padding:0!important;margin-right:20px}
#wrapwrap>header .navbar-brand img{height:46px!important;max-height:46px!important;width:auto!important;max-width:none!important;object-fit:contain}
/* seletor de idioma evidente */
#wrapwrap>header .o_header_language_selector .dropdown-toggle{border:1px solid rgba(143,174,203,.45)!important;border-radius:7px;padding:8px 13px!important;color:var(--polar)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.1em}
#wrapwrap>header .o_header_language_selector .dropdown-toggle:hover{border-color:var(--ambar)!important}
.x4d-flag{width:18px;height:auto;border-radius:2px;vertical-align:-2px;margin-right:8px;display:inline-block}
#wrapwrap .js_language_selector .dropdown-menu{background:var(--azul);border:1px solid var(--linha)}
#wrapwrap .js_language_selector .dropdown-item{color:var(--nevoa);font-family:var(--mono)!important;font-size:11.5px;letter-spacing:.08em;padding:9px 14px}
#wrapwrap .js_language_selector .dropdown-item:hover{background:rgba(143,174,203,.12);color:var(--polar)}
/* markets: continentes em destaque */
#markets .card .num{color:var(--ambar)!important;font-weight:700!important;font-size:13.5px;letter-spacing:.26em}
/* contraste geral nas seções escuras (delivery, network, portal) */
#wrapwrap section:not(.claro) .card p{color:#A9C2DC}
#wrapwrap section:not(.claro) .card .num{color:#9FB8D3}
#delivery .card .num,#portal .card .num,#network .card .num{color:var(--ambar)!important;font-weight:600}
#delivery .ddp-line{color:#A9C2DC}
#wrapwrap .sec-sub{color:#A9C2DC}
#wrapwrap .claro .sec-sub{color:#41586e}
/* story: colunas com o mesmo fundo alinhado */
#story .grid2>div:last-child{display:flex;flex-direction:column}
#story .story-media{flex:1 1 auto;min-height:320px;position:relative}
#story .story-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;min-height:0}
#story .logo-nutre{flex:0 0 auto}
/* rodapé compacto, sem idiomas duplicados */
#wrapwrap>footer section{padding:0!important}
#wrapwrap footer{padding:34px 0!important}
#wrapwrap>footer .o_footer_copyright,#wrapwrap>footer .js_language_selector{display:none!important}
/* divisor full-bleed do navio */
.x4d-divider{padding:0!important;line-height:0}
.x4d-divider img{width:100%;height:380px;object-fit:cover;display:block;filter:saturate(.72) brightness(.85)}
@media(max-width:700px){.x4d-divider img{height:200px}#wrapwrap>header .navbar-brand img{height:36px!important;max-height:36px!important}}

/* ===== v6 — CONFORMIDADE GUIA MASTER (4DW-BRAND-2026-V1) ===== */
/* escala tipografica oficial: H1 850/135, H2 800/120, H3 750/120 */
#wrapwrap .hero h1{font-weight:850!important;font-stretch:135%!important}
#wrapwrap h2,#wrapwrap .sec-title{font-weight:800!important;font-stretch:120%!important}
#wrapwrap h3{font-weight:750!important;font-stretch:120%!important}
/* par proibido Nevoa sobre Azul 4D -> texto dos cards escuros em Polar */
#wrapwrap section:not(.claro) .card p{color:#E9F1F8!important;font-size:15px}
#wrapwrap section:not(.claro) .card p b{color:#fff}
#wrapwrap .claro .card p{font-size:15px}
#wrapwrap section:not(.claro) .card .num{color:var(--ambar)!important}
#wrapwrap .m4d .mrow span{color:var(--polar)}
#wrapwrap .m4d .mrow b{color:#B9CBDE}
/* labels: tracking oficial +20% ja proximo; manter mono 500 */
#wrapwrap .label{font-weight:500}
/* botao secundario oficial: contorno Nevoa, texto Polar */
#wrapwrap .cta.sec{background:none!important;border:1px solid var(--nevoa)!important;color:var(--polar)!important}
#wrapwrap .cta.sec:hover{border-color:var(--ambar)!important;filter:none}
#wrapwrap .claro .cta.sec{color:var(--azul)!important;border-color:rgba(27,58,92,.45)!important}
/* acessibilidade: foco visivel ambar */
#wrapwrap a:focus-visible,#wrapwrap button:focus-visible,#wrapwrap input:focus-visible,#wrapwrap select:focus-visible,#wrapwrap textarea:focus-visible{outline:2px solid var(--ambar)!important;outline-offset:2px}
/* delivery: linha do percurso legivel (rotulo nevoa >=12px sobre abissal ok, valores ambar) */
#delivery .ddp-line{color:var(--nevoa);font-size:13px}
#delivery .ddp-line b{color:var(--ambar)}
/* portal sample view: rotulos nevoa sobre AZUL (card) -> polar suave */
#portal .card .mono{color:#C7D6E5!important}

/* ===== v7 — MOBILE ===== */
@media(max-width:700px){
.hero h1{font-size:clamp(26px,8vw,36px)!important}
.hero h1 span{white-space:normal}
.sec-title{font-size:clamp(24px,6.6vw,32px)!important}
}
/* menu mobile (offcanvas) no padrao da marca */
#wrapwrap .o_navbar_mobile{background:var(--abissal)!important;color:var(--polar)}
#wrapwrap .o_navbar_mobile .offcanvas-header{border-bottom:1px solid var(--linha)}
#wrapwrap .o_navbar_mobile .btn-close{filter:invert(1) brightness(1.6)}
#wrapwrap .o_navbar_mobile .nav-link,#wrapwrap .o_navbar_mobile .dropdown-toggle{color:var(--polar)!important;font-family:var(--mono)!important;font-size:13px!important;letter-spacing:.13em;text-transform:uppercase}
#wrapwrap .o_navbar_mobile .nav-link:hover{color:var(--ambar)!important}
#wrapwrap .o_navbar_mobile .nav-item{border-color:var(--linha)!important}
#wrapwrap .o_navbar_mobile form{display:none!important} /* busca fora do design aprovado */
#wrapwrap .o_navbar_mobile .btn_cta{background:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap>header .o_header_mobile{background:transparent!important}
#wrapwrap>header .o_header_mobile .navbar-brand img{height:40px!important;max-height:40px!important;width:auto!important}
@media(max-width:640px){#wrapwrap footer{padding:28px 0!important}.fcols{gap:22px}}

/* ===== v8 — cards navy da marca (bootstrap/tema vencia o .card) ===== */
#wrapwrap .card{--bs-card-bg:transparent;--bs-card-border-color:transparent;--bs-card-color:inherit}
#wrapwrap section:not(.claro) .card{background-color:var(--azul)!important;border:1px solid var(--linha)!important;border-radius:14px}
#wrapwrap section:not(.claro) .card:hover{border-color:rgba(143,174,203,.42)!important}
#wrapwrap section:not(.claro) .card.destaque{border-color:rgba(227,154,59,.5)!important}
#wrapwrap section:not(.claro) .card[data-modal]:hover{border-color:rgba(227,154,59,.5)!important}
#wrapwrap .claro .card{background-color:#fff!important;border:1px solid rgba(27,58,92,.14)!important;border-radius:14px;color:var(--azul)}
#wrapwrap .claro .card p{color:#41586e!important}
#wrapwrap .claro .card p b{color:var(--azul)!important}
#wrapwrap .claro .card .num{color:#6b8299}

/* v9: story — chips colados na base p/ alinhar com o quadro do logo Nutre */
#story .chips{margin-bottom:0!important}

/* ===== v10 — cards Azul 4D EM TODO O SITE (guia §11) + textos das secoes claras ===== */
#wrapwrap .claro .card{background-color:var(--azul)!important;border:1px solid var(--linha)!important;color:var(--polar)!important}
#wrapwrap .claro .card:hover{border-color:rgba(143,174,203,.42)!important}
#wrapwrap .claro .card[data-modal]:hover,#wrapwrap .claro .card.destaque{border-color:rgba(227,154,59,.5)!important}
#wrapwrap .claro .card p{color:#E9F1F8!important;font-size:15px}
#wrapwrap .claro .card p b{color:#fff!important}
#wrapwrap .claro .card .num{color:var(--ambar)!important}
#wrapwrap .claro .card h3{color:var(--polar)!important}
#wrapwrap .claro .card.destaque h3,#wrapwrap .claro .card.destaque .num{color:var(--ambar)!important}
#wrapwrap .claro .card .more{color:var(--ambar)!important}
#wrapwrap .claro .card .cap{color:var(--nevoa)}
/* icones das dimensoes sobre navy */
#wrapwrap .claro .dico path,#wrapwrap .claro .dico circle,#wrapwrap .claro .dico line{stroke:var(--nevoa)!important}
#wrapwrap .claro .card.destaque .dico path,#wrapwrap .claro .card.destaque .dico circle,#wrapwrap .claro .card.destaque .dico line{stroke:var(--ambar)!important}
/* chips de paises dentro de card navy */
#wrapwrap .claro .card .cchip{color:var(--nevoa);border-color:var(--linha)}
/* texto corrido das secoes claras = padrao "Four risks..." (Instrument #41586e) */
#wrapwrap .claro .sec-sub,#wrapwrap .claro>.wrap>p{color:#41586e!important;font-family:var(--texto)!important}
#wrapwrap .claro .sec-sub b{color:var(--azul)!important}
/* story (06): primeiro paragrafo identico aos demais */
#story .grid2>div:first-child p{font-size:15.5px!important;line-height:1.75!important;color:var(--nevoa)!important}
#story .grid2>div:first-child p b{color:var(--polar)!important}
/* story: badges fundo branco + ambar escuro (padrao das secoes claras) */
#story .chips .chip{background:#F5F8FB!important;border-color:transparent!important;color:#B57419!important}
#story .chips .chip b{color:#B57419!important}

/* ===== v11 — usabilidade: idiomas, jlog, badges, nutre, chat, blog ===== */
/* dropdowns do header: texto Polar, ativo AMBAR (nada de roxo) */
#wrapwrap>header .dropdown-menu{background:var(--azul)!important;border:1px solid var(--linha)!important;border-radius:12px}
#wrapwrap>header .dropdown-menu .dropdown-item{color:var(--polar)!important;font-family:var(--mono)!important;font-size:11.5px;letter-spacing:.08em}
#wrapwrap>header .dropdown-menu .dropdown-item:hover{background:rgba(143,174,203,.14)!important;color:var(--polar)!important}
#wrapwrap .dropdown-item.active,#wrapwrap .dropdown-item:active,#wrapwrap .js_change_lang.active{background:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .dropdown-item.active *{color:var(--abissal)!important}
html{scroll-behavior:smooth}
/* THE JOURNEY, HANDLED — linhas de manifesto de embarque */
.jlog{font-family:var(--mono)}
.jrow{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:baseline;padding:11px 0;border-top:1px solid var(--linha)}
.jrow:first-child{border-top:0;padding-top:4px}
.jst{color:var(--polar);font-size:11px;letter-spacing:.18em}
.jde{color:var(--nevoa);font-size:12.5px;letter-spacing:.05em}
.jrow b{color:var(--ambar);font-weight:500}
.jrow.on .jst,.jrow.on .jde{color:var(--ambar)}
@media(max-width:640px){.jrow{grid-template-columns:1fr auto}.jde{grid-column:1/2}}
/* badges da story: azul + ambar, com charme */
#story .chips .chip{background:#F5F8FB!important;border:1px solid rgba(27,58,92,.15)!important;border-left:3px solid var(--ambar)!important;color:var(--azul)!important;box-shadow:0 8px 22px rgba(0,0,0,.32);letter-spacing:.18em}
#story .chips .chip b{color:#B57419!important}
/* story: quadro do logo nutre destacado do fundo */
#story .logo-nutre{background:var(--azul)!important;border:1px solid rgba(143,174,203,.35)!important;box-shadow:0 10px 28px rgba(0,0,0,.3)}
/* network: mini-quadro do logo nutre em branco, texto azul, SIF em laranja */
#network .logo-nutre{background:#F5F8FB!important;border:1px solid rgba(27,58,92,.14)!important}
#network .logo-nutre span{color:#41586e!important}
#network .logo-nutre span b{color:#B57419!important}
/* livechat: janela no padrao 4DW (botao ja e nativo ambar) */
.o-livechat-root .o-livechat-LivechatButton{background:var(--ambar)!important;color:var(--abissal)!important;border:none!important;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.o-livechat-root .o-mail-ChatWindow{border:1px solid rgba(143,174,203,.35)!important;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.o-livechat-root .o-mail-ChatWindow-header{background:var(--azul)!important;color:var(--polar)!important;font-family:var(--mono)!important;letter-spacing:.08em}
.o-livechat-root .o-mail-ChatWindow-header *{color:var(--polar)!important}
.o-livechat-root .o-mail-Thread{background:var(--abissal)!important}
.o-livechat-root .o-mail-Message-content,.o-livechat-root .o-mail-Message-body{color:var(--polar)}
.o-livechat-root .o-mail-Composer{background:var(--abissal)!important;border-top:1px solid var(--linha)}
.o-livechat-root .o-mail-Composer-input,.o-livechat-root textarea{background:rgba(27,58,92,.55)!important;color:var(--polar)!important;border:1px solid var(--linha)!important;font-family:var(--texto)}
.o-livechat-root .o-mail-Composer-send{background:var(--ambar)!important;color:var(--abissal)!important;border:none!important}
/* ===== BLOG — painel de operacoes ===== */
.website_blog .bg-white{background-color:var(--abissal)!important;color:var(--polar)!important;border-bottom:1px solid var(--linha)}
.website_blog .o_wblog_blog_top h1,.website_blog .o_wblog_blog_top .h1,.website_blog .o_wblog_blog_top h2{font-family:var(--display)!important;font-weight:800!important;font-stretch:120%!important;text-transform:uppercase;color:var(--polar)!important}
.website_blog .bg-white a,.website_blog .o_wblog_blog_top a{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--nevoa)!important;text-decoration:none}
.website_blog .bg-white a.active,.website_blog .bg-white a:hover{color:var(--ambar)!important}
.website_blog .bg-white span{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em;color:var(--nevoa)!important;text-transform:uppercase}
.website_blog .bg-white .form-control,.website_blog input[type="search"]{background:var(--azul)!important;border:1px solid var(--linha)!important;color:var(--polar)!important;border-radius:8px;font-family:var(--mono);font-size:12px}
.website_blog .o_wblog_post{background:var(--azul);border:1px solid var(--linha);border-radius:14px;overflow:hidden;height:100%;padding-bottom:18px;transition:border-color .18s ease-out,transform .18s ease-out}
.website_blog .o_wblog_post:hover{border-color:rgba(227,154,59,.5);transform:translateY(-3px)}
.website_blog .o_wblog_post .o_record_cover_component{background-color:var(--abissal)!important;background-image:linear-gradient(rgba(143,174,203,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.14) 1px,transparent 1px)!important;background-size:60px 60px!important}
.website_blog .o_wblog_post .o_record_cover_container{border-bottom:1px solid var(--linha)}
.website_blog .o_wblog_post_list_author{display:none!important}
.website_blog .o_wblog_post h5,.website_blog .o_wblog_post h4,.website_blog .o_wblog_post .o_blog_post_title{font-family:var(--display)!important;font-weight:750!important;font-stretch:120%!important;text-transform:uppercase;font-size:16.5px!important;line-height:1.3;color:var(--polar)!important;padding:16px 18px 0;margin:0}
.website_blog .o_wblog_post:hover h5,.website_blog .o_wblog_post:hover .o_blog_post_title{color:var(--ambar)!important}
.website_blog .o_wblog_post p{color:#C7D6E5!important;font-size:14px;line-height:1.65;padding:10px 18px 0;margin:0}
.website_blog .o_wblog_post .text-muted,.website_blog .o_wblog_post small,.website_blog .o_wblog_post time{font-family:var(--mono)!important;font-size:10.5px!important;letter-spacing:.16em;color:var(--ambar)!important;text-transform:uppercase;padding:0 18px}
.website_blog .o_wblog_post a{text-decoration:none}
.website_blog .o_wblog_post [class*="tag"] a,.website_blog .o_wblog_post .badge{font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.16em;color:var(--nevoa)!important;border:1px solid var(--linha);border-radius:999px;padding:5px 11px;background:transparent!important;text-transform:uppercase}
.website_blog .o_wblog_post [class*="tag"] a:hover{color:var(--abissal)!important;background:var(--ambar)!important;border-color:var(--ambar)}
/* pagina do post: titulo display + conteudo em "papel" Polar (grade nunca atras de texto corrido) */
.website_blog .o_wblog_post_name{font-family:var(--display)!important;font-weight:800!important;font-stretch:120%!important;text-transform:uppercase;color:var(--polar)!important}
.website_blog .o_wblog_post_subtitle{color:var(--nevoa)!important}
.website_blog #o_wblog_post_content,.website_blog .o_wblog_post_content{background:var(--polar);border-radius:16px;padding:36px 40px;max-width:900px;margin:26px auto 54px}
.website_blog #o_wblog_post_content p,.website_blog .o_wblog_post_content p{color:#33475c!important;font-size:16px;line-height:1.75}
.website_blog #o_wblog_post_content h1,.website_blog #o_wblog_post_content h2,.website_blog #o_wblog_post_content h3{color:var(--azul)!important}
@media(max-width:700px){.website_blog #o_wblog_post_content,.website_blog .o_wblog_post_content{padding:22px 20px;border-radius:12px}}

/* v12 — blog: titulo + barra de filtros + icones */
.website_blog #o_wblog_blog_top .h1,.website_blog #o_wblog_blog_top h1{font-family:var(--display)!important;font-weight:800!important;font-stretch:120%!important;text-transform:uppercase;color:var(--polar)!important;font-size:clamp(30px,3.8vw,48px)!important;letter-spacing:.01em}
.website_blog nav.navbar{background:var(--abissal)!important;border-bottom:1px solid var(--linha)!important;box-shadow:none!important}
.website_blog nav.navbar .nav-link,.website_blog nav.navbar span,.website_blog nav.navbar .navbar-text{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--nevoa)!important}
.website_blog nav.navbar .nav-link.active,.website_blog nav.navbar .nav-link:hover{color:var(--ambar)!important}
.website_blog nav.navbar .btn{background:var(--azul)!important;border:1px solid var(--linha)!important;color:var(--polar)!important;border-radius:8px}
.website_blog .o_wblog_post i.fa{display:none!important}

/* ============ v15 — correcao: shell claro SO NO BLOG; homepage volta ao escuro ============ */
/* burger do menu mobile AMBAR (visivel) */
#wrapwrap>header .navbar-toggler{border:1px solid var(--ambar)!important;border-radius:8px;padding:8px 11px!important;background:rgba(227,154,59,.14)!important;opacity:1!important}
#wrapwrap>header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23E39A3B' stroke-width='3' stroke-linecap='square' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;width:22px;height:22px}
/* badges da story — carimbos (sobre fundo escuro) */
#story .chips .chip{background:#fff!important;border:1px solid rgba(27,58,92,.18)!important;border-left:none!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(0,0,0,.3);padding:10px 16px!important;letter-spacing:.16em;color:var(--azul)!important;font-weight:600;transition:transform .18s ease-out,border-color .18s ease-out}
#story .chips .chip::before{content:"▪";color:var(--ambar);margin-right:9px;font-size:10px;vertical-align:1px}
#story .chips .chip:hover{transform:translateY(-2px);border-color:rgba(227,154,59,.6)!important}
#story .chips .chip b{color:#B57419!important;font-weight:600}
/* story: quadro do logo Nutre em NEVOA (azul claro da identidade) */
#story .logo-nutre{background:var(--nevoa)!important;border:1px solid rgba(27,58,92,.25)!important;box-shadow:0 10px 26px rgba(0,0,0,.3)}
#story .logo-nutre span{color:var(--abissal)!important}
#story .logo-nutre span b{color:var(--azul)!important}
/* conteudo nunca nasce sob o header fixo (blog, portal, login) */
#wrapwrap>main:not(:has(.hero)){padding-top:86px}
/* ====== BLOG: miolo POLAR com listras (escopado — o resto do site segue escuro) ====== */
#wrapwrap>main:has(.website_blog){background-color:var(--polar);background-image:linear-gradient(rgba(27,58,92,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(27,58,92,.13) 1px,transparent 1px);background-size:120px 120px;background-attachment:fixed}
.website_blog #o_wblog_blog_top .h1,.website_blog #o_wblog_blog_top h1{color:var(--azul)!important}
.website_blog nav.navbar{background:transparent!important;border-bottom:1px dashed rgba(27,58,92,.18)!important;box-shadow:none!important}
.website_blog nav.navbar .nav-link,.website_blog nav.navbar span,.website_blog nav.navbar .navbar-text{color:#6b8299!important}
.website_blog nav.navbar .nav-link.active,.website_blog nav.navbar .nav-link:hover{color:#B57419!important}
.website_blog nav.navbar .btn{background:#fff!important;border:1px solid rgba(27,58,92,.22)!important;color:var(--azul)!important}
.website_blog input.form-control{background:#fff!important;border:1px solid rgba(27,58,92,.22)!important;color:var(--azul)!important}
.website_blog .o_wblog_post{box-shadow:0 10px 26px rgba(11,28,46,.16);display:flex;flex-direction:column}
.website_blog .o_wblog_post>*:last-child{margin-top:auto}
.website_blog .o_wblog_post .o_record_cover_container{position:relative;min-height:120px;max-height:150px;overflow:hidden}
.website_blog .o_wblog_post .o_record_cover_component::before{content:"4DW DESK · MARKET NOTE";position:absolute;top:16px;left:18px;font-family:var(--mono);font-size:9.5px;letter-spacing:.3em;color:var(--nevoa);z-index:1}
.website_blog .o_wblog_post .o_record_cover_component::after{content:"■ ■ ■";position:absolute;bottom:14px;right:16px;font-size:8px;letter-spacing:6px;color:var(--ambar);z-index:1}
/* teaser do card estava navy-sobre-navy (invisivel) */
.website_blog .o_wblog_post a.text-reset,.website_blog .o_wblog_post a.text-reset *,.website_blog .o_wblog_post .mt-2{color:#C7D6E5!important;font-size:14px;line-height:1.6}
.website_blog .o_wblog_post p{padding-bottom:6px}
/* pagina do post: papel branco */
.website_blog #o_wblog_post_content,.website_blog .o_wblog_post_content{background:#fff;border:1px solid rgba(27,58,92,.14);box-shadow:0 12px 30px rgba(11,28,46,.12)}
.website_blog .o_wblog_post_name{color:var(--azul)!important}
.website_blog .o_wblog_post_subtitle{color:#41586e!important}
/* ====== paginas nativas (login, portal, e-learning): roxo Odoo -> ambar 4DW ====== */
#wrapwrap .btn-primary{background-color:var(--ambar)!important;border-color:var(--ambar)!important;color:var(--abissal)!important;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}
#wrapwrap .btn-primary:hover,#wrapwrap .btn-primary:focus{filter:brightness(.94);background-color:var(--ambar)!important;border-color:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .btn-outline-primary{border-color:#B57419!important;color:#B57419!important;background:transparent!important}
#wrapwrap .btn-outline-primary:hover{background:var(--ambar)!important;border-color:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .text-primary,#wrapwrap .text-o-color-1{color:var(--ambar)!important}
#wrapwrap .bg-primary,#wrapwrap .bg-o-color-1{background-color:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .border-primary{border-color:var(--ambar)!important}
#wrapwrap .page-item.active .page-link{background:var(--ambar)!important;border-color:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .page-link{color:#B57419}
#wrapwrap .form-check-input:checked{background-color:var(--ambar)!important;border-color:var(--ambar)!important}
#wrapwrap .badge.text-bg-primary{background:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .o_portal a:not(.btn),#wrapwrap .o_portal_wrap a:not(.btn),#wrapwrap .oe_login_form a{color:var(--ambar)}
#wrapwrap .nav-pills .nav-link.active{background:var(--ambar)!important;color:var(--abissal)!important}
#wrapwrap .progress-bar{background-color:var(--ambar)!important}

/* v16 — capa do blog: painel navy da marca (era bege default do Odoo) */
#o_wblog_blog_top .o_record_cover_container{background-color:var(--azul)!important;background-image:linear-gradient(rgba(143,174,203,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.14) 1px,transparent 1px)!important;background-size:60px 60px!important;border-bottom:1px solid rgba(27,58,92,.2)}
#o_wblog_blog_top .o_wblog_post_name,#o_wblog_blog_top .text-white,#o_wblog_blog_top h1{color:var(--polar)!important}
#o_wblog_blog_top .o_wblog_post_subtitle{color:var(--nevoa)!important}

/* ============ v17 — BLOG: capa legivel + espacamento comprimido + cards polidos ============ */
/* capa: fundo navy com grade SEMPRE (vence cover_properties), titulo Polar, subtitulo Nevoa */
.website_blog #o_wblog_blog_top .o_record_cover_container,.website_blog .o_wblog_post_page_cover .o_record_cover_container,.website_blog .o_record_cover_component{background-color:var(--azul)!important}
.website_blog #o_wblog_blog_top .o_record_cover_container{background-image:linear-gradient(rgba(143,174,203,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.14) 1px,transparent 1px)!important;background-size:60px 60px!important}
.website_blog #o_wblog_blog_top .o_wblog_post_name,.website_blog #o_wblog_blog_top .o_wblog_post_name *,.website_blog #o_wblog_blog_top .text-white,.website_blog .o_wblog_post_page_cover .o_wblog_post_name,.website_blog .o_wblog_post_page_cover .o_wblog_post_name *{color:var(--polar)!important}
.website_blog #o_wblog_blog_top .o_wblog_post_subtitle,.website_blog .o_wblog_post_page_cover .o_wblog_post_subtitle{color:var(--nevoa)!important}
/* cards mantem o painel proprio (a regra generica acima nao pode apagar a ficha do card) */
.website_blog .o_wblog_post .o_record_cover_component{background-color:var(--abissal)!important}
/* espacamento: matar o vazio entre header, capa, busca e cards */
#wrapwrap>main:has(.website_blog){padding-top:66px!important}
.website_blog #o_wblog_blog_top{padding-top:0!important;margin-top:0!important}
.website_blog #o_wblog_blog_top .o_record_cover_container{min-height:190px!important;max-height:230px}
.website_blog nav.navbar{padding-top:10px!important;padding-bottom:10px!important;border-bottom:none!important;margin-bottom:0!important}
.website_blog #o_wblog_index_content,.website_blog .o_wblog_index_content{padding-top:0!important;margin-top:0!important}
.website_blog .o_wblog_posts_loop_container,.website_blog .o_wblog_posts_loop{padding-top:6px!important;margin-top:0!important}
.website_blog .o_wblog_posts_loop .row{--bs-gutter-y:1.6rem}
/* cards: teaser com clamp de 4 linhas + respiro no rodape do card */
.website_blog .o_wblog_post a.text-reset>div,.website_blog .o_wblog_post .mt-2{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.website_blog .o_wblog_post{padding-bottom:16px}
.website_blog .o_wblog_post h5,.website_blog .o_wblog_post .o_blog_post_title{padding-top:18px}

/* ============ v18 — HEADER ADAPTATIVO + fotos dos segments ============ */
#wrapwrap>header{transition:background-color .3s ease,border-color .3s ease}
#wrapwrap>header .navbar .nav-link,#wrapwrap>header .dropdown-toggle{transition:color .3s ease}
#wrapwrap>header.x4d-light{background:rgba(245,248,251,.95)!important;border-bottom:1px solid rgba(27,58,92,.16)!important;backdrop-filter:blur(10px)}
#wrapwrap>header.x4d-light .navbar .nav-link,#wrapwrap>header.x4d-light .navbar .dropdown-toggle{color:#41586e!important}
#wrapwrap>header.x4d-light .navbar .nav-link:hover{color:var(--azul)!important}
#wrapwrap>header.x4d-light .o_header_language_selector .dropdown-toggle{border-color:rgba(27,58,92,.35)!important;color:var(--azul)!important}
#wrapwrap>header.x4d-light .navbar-toggler{background:rgba(227,154,59,.18)!important}
/* fotos nos cards da secao 01 */
#segments .ph.mini{min-height:160px;border-radius:10px;margin-bottom:14px;overflow:hidden}
#segments .ph.mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}

/* ============ v19 — BLOG "news desk" + PORTAL/LOGIN 4DW ============ */
/* destaque: primeiro post vira manchete horizontal */
.website_blog .o_wblog_posts_loop .row>div:first-child{flex:0 0 100%;max-width:100%}
@media(min-width:901px){
.website_blog .o_wblog_posts_loop .row>div:first-child .o_wblog_post{flex-direction:row;min-height:320px}
.website_blog .o_wblog_posts_loop .row>div:first-child .o_record_cover_container{flex:0 0 52%;max-height:none!important;min-height:320px;border-bottom:none;border-right:1px solid var(--linha)}
.website_blog .o_wblog_posts_loop .row>div:first-child .o_wblog_post h5,.website_blog .o_wblog_posts_loop .row>div:first-child .o_blog_post_title{font-size:26px!important;line-height:1.2;padding-top:26px}
.website_blog .o_wblog_posts_loop .row>div:first-child .o_wblog_post a.text-reset>div{-webkit-line-clamp:5}
}
/* barra de secoes (injetada via JS) — cara de jornal */
.x4d-newsnav{position:sticky;top:66px;z-index:20;background:rgba(245,248,251,.96);backdrop-filter:blur(8px);border-bottom:2px solid var(--azul);margin-top:0}
.x4d-newsnav .inner{max-width:1180px;margin:0 auto;padding:0 32px;display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none}
.x4d-newsnav a{font-family:var(--mono)!important;font-size:11.5px!important;letter-spacing:.16em;text-transform:uppercase;color:#41586e!important;text-decoration:none;padding:13px 14px;white-space:nowrap;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}
.x4d-newsnav a:hover{color:var(--azul)!important}
.x4d-newsnav a.on{color:#B57419!important;border-bottom-color:var(--ambar)}
.x4d-newsnav .sep{color:rgba(27,58,92,.25);padding:0 4px}
@media(max-width:700px){.x4d-newsnav{top:58px}.x4d-newsnav .inner{padding:0 14px}}
/* post cards: tag pill visivel */
.website_blog .o_wblog_post [class*="tag"] a{color:#B57419!important;border-color:rgba(227,154,59,.5)!important}
/* ====== PORTAL /my — miolo claro, cards brancos ====== */
/* v22: .o_portal fica no PROPRIO #wrapwrap (nao dentro de main) — seletor corrigido */
#wrapwrap.o_portal,body[class*="o_portal"] #wrapwrap{background-color:var(--polar)!important;background-image:linear-gradient(rgba(27,58,92,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(27,58,92,.10) 1px,transparent 1px)!important;background-size:120px 120px!important;background-attachment:fixed!important;color:#33475c}
#wrapwrap.o_portal main{color:#33475c}
#wrapwrap.o_portal main h1,#wrapwrap.o_portal main h2,#wrapwrap.o_portal main h3,#wrapwrap.o_portal main h4,#wrapwrap.o_portal main h5{font-family:var(--display)!important;font-weight:800!important;font-stretch:120%!important;text-transform:uppercase;color:var(--azul)!important}
#wrapwrap.o_portal main a:not(.btn){color:#B57419}
#wrapwrap.o_portal main .text-muted,#wrapwrap.o_portal main small,#wrapwrap.o_portal main .small{color:#6b8299!important}
#wrapwrap.o_portal main address,#wrapwrap.o_portal main .o_portal_my_details,#wrapwrap.o_portal main .o_portal_contact_detail{color:#33475c!important}
#wrapwrap.o_portal main hr{border-color:rgba(27,58,92,.18);opacity:1}
#wrapwrap.o_portal main .list-group-item{background:#fff!important;color:#33475c!important;border-color:rgba(27,58,92,.14)!important}
#wrapwrap .o_portal_wrap{color:#33475c}
#wrapwrap .o_portal_wrap h1,#wrapwrap .o_portal_wrap h2,#wrapwrap .o_portal_wrap h3,#wrapwrap .o_portal_wrap h4{font-family:var(--display)!important;font-weight:800!important;font-stretch:120%!important;text-transform:uppercase;color:var(--azul)!important}
#wrapwrap .o_portal_wrap .card,#wrapwrap .o_portal_index_card,#wrapwrap .o_portal_wrap .o_portal_category>*{background:#fff!important;border:1px solid rgba(27,58,92,.16)!important;border-radius:12px;color:#33475c!important;box-shadow:0 8px 20px rgba(11,28,46,.08)}
#wrapwrap .o_portal_wrap .card *{color:#33475c}
#wrapwrap .o_portal_wrap .card h1,#wrapwrap .o_portal_wrap .card h2,#wrapwrap .o_portal_wrap .card h3,#wrapwrap .o_portal_wrap .card h4,#wrapwrap .o_portal_wrap .card h5{color:var(--azul)!important}
#wrapwrap .o_portal_wrap .card .num,#wrapwrap .o_portal_wrap .badge{color:#B57419!important}
#wrapwrap .o_portal_wrap a:not(.btn){color:#B57419}
#wrapwrap .o_portal_wrap .table{color:#33475c}
#wrapwrap .o_portal_wrap .table th{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:#6b8299!important}
#wrapwrap .o_portal_wrap .border-bottom,#wrapwrap .o_portal_wrap .border-top{border-color:rgba(27,58,92,.14)!important}
#wrapwrap .o_portal_wrap .breadcrumb{background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
#wrapwrap .o_portal_wrap input,#wrapwrap .o_portal_wrap select,#wrapwrap .o_portal_wrap textarea{background:#fff!important;border:1px solid rgba(27,58,92,.25)!important;color:var(--azul)!important}
/* ====== LOGIN — cartao branco, zero roxo ====== */
#wrapwrap:has(.oe_login_form),#wrapwrap:has(.oe_reset_password_form),#wrapwrap:has(.oe_signup_form){background-color:var(--polar)!important;background-image:linear-gradient(rgba(27,58,92,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(27,58,92,.10) 1px,transparent 1px)!important;background-size:120px 120px!important;background-attachment:fixed!important}
#wrapwrap:has(.oe_login_form) main,#wrapwrap:has(.oe_signup_form) main,#wrapwrap:has(.oe_reset_password_form) main{color:#33475c}
#wrapwrap:has(.oe_login_form) main a:not(.btn){color:#B57419}
#wrapwrap .oe_login_form,#wrapwrap .oe_signup_form,#wrapwrap .oe_reset_password_form{background:#fff;border:1px solid rgba(27,58,92,.16);border-radius:14px;padding:30px 28px;box-shadow:0 14px 34px rgba(11,28,46,.12)}
#wrapwrap .oe_login_form label{color:#41586e!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em}
#wrapwrap .oe_login_form .form-control{background:#fff!important;border:1px solid rgba(27,58,92,.3)!important;color:var(--azul)!important}
#wrapwrap .btn-link,#wrapwrap a.btn-link{color:#B57419!important;text-decoration:none}
#wrapwrap .btn-link:hover{color:var(--azul)!important}
#wrapwrap .btn-secondary{background:#fff!important;border:1px solid rgba(27,58,92,.3)!important;color:var(--azul)!important}
#wrapwrap .btn-secondary:hover{border-color:var(--ambar)!important;color:#B57419!important}

/* v20 — capas: foto vence a ficha; manchete via #id correto */
.website_blog .o_wblog_post .o_record_cover_component{background-color:var(--abissal)!important}
.website_blog .o_wblog_post .o_record_cover_component:not([style*="background-image"]){background-image:linear-gradient(rgba(143,174,203,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.14) 1px,transparent 1px)!important;background-size:60px 60px!important}
.website_blog .o_wblog_post .o_record_cover_component[style*="background-image"]{background-size:cover!important;background-position:center!important;filter:saturate(.85)}
.website_blog .o_wblog_post .o_record_cover_component::before{text-shadow:0 1px 8px rgba(11,28,46,.95);color:#DCE7F1}
.website_blog .o_wblog_post .o_record_cover_component::after{text-shadow:0 1px 6px rgba(11,28,46,.95)}
#o_wblog_posts_loop .row>div:first-child{flex:0 0 100%;max-width:100%}
@media(min-width:901px){
#o_wblog_posts_loop .row>div:first-child .o_wblog_post{flex-direction:row;min-height:330px}
#o_wblog_posts_loop .row>div:first-child .o_record_cover_container{flex:0 0 52%;max-height:none!important;min-height:330px;border-bottom:none;border-right:1px solid var(--linha)}
#o_wblog_posts_loop .row>div:first-child .o_wblog_post h5,#o_wblog_posts_loop .row>div:first-child .o_blog_post_title{font-size:26px!important;line-height:1.2;padding-top:26px}
#o_wblog_posts_loop .row>div:first-child .o_wblog_post a.text-reset>div{-webkit-line-clamp:5}
}
/* capa da pagina do post individual tambem mostra a foto */
.website_blog .o_wblog_post_page_cover .o_record_cover_component[style*="background-image"]{background-size:cover!important;background-position:center!important;background-color:transparent!important}
.website_blog .o_wblog_post_page_cover{min-height:300px}

/* v21 — manchete: o flex-child e o <a> que envolve a capa */
@media(min-width:901px){
#o_wblog_posts_loop .row>div:first-child .o_wblog_post>a:first-child{flex:0 0 52%;display:block;position:relative;min-height:330px;border-right:1px solid var(--linha)}
#o_wblog_posts_loop .row>div:first-child .o_record_cover_container{position:absolute;inset:0;height:100%;min-height:0;max-height:none!important;border:none}
#o_wblog_posts_loop .row>div:first-child .o_wblog_post>div,#o_wblog_posts_loop .row>div:first-child .o_wblog_post>.o_wblog_normalize_font{flex:1 1 auto;min-width:0}
}

/* ============ v23 — cards do blog: capa alta/alinhada, margens, tag azul-claro ============ */
/* capa: altura vinha de um padding-top de ~102px — zera e fixa altura decente */
#o_wblog_posts_loop article.o_wblog_post .o_record_cover_container{padding-top:0!important;min-height:210px!important;max-height:none!important}
#o_wblog_posts_loop article.o_wblog_post .o_record_cover_component{min-height:210px!important}
/* pagina de TAG usa layout lista (o_list_cover) que colapsa o container — mesma correcao vale */
.website_blog .o_wblog_post .o_list_cover{min-height:210px!important;max-height:none!important;height:auto!important}
#o_wblog_posts_loop article.o_wblog_post>a:first-child{margin-bottom:0!important}
/* corpo do card: titulo ja tinha padding — resumo, tags e data NAO tinham */
#o_wblog_posts_loop article.o_wblog_post .o_blog_post_title{padding:18px 20px 0!important}
#o_wblog_posts_loop article.o_wblog_post a.text-reset>div.mt-2{padding:0 20px!important}
#o_wblog_posts_loop article.o_wblog_post .o_wblog_post_short_tag_section{padding:10px 20px 0!important}
#o_wblog_posts_loop article.o_wblog_post .o_wblog_normalize_font{padding:6px 20px 16px!important}
/* tag pill: fundo azul-claro (Nevoa) com texto Abissal — destaca no card navy */
#wrapwrap .website_blog .o_tag,#wrapwrap .o_wblog_post [class*="tag"] a{background:#8FAECB!important;color:#0B1C2E!important;border:none!important;font-family:var(--mono)!important;letter-spacing:.08em;font-weight:700}
#wrapwrap .website_blog .o_tag:hover,#wrapwrap .o_wblog_post [class*="tag"] a:hover{background:#E39A3B!important;color:#0B1C2E!important}
/* manchete (>=901px): a data virava 3a coluna do flex e estourava a borda — vira overlay no canto */
@media(min-width:901px){
#o_wblog_posts_loop .row>div:first-child article.o_wblog_post{padding-bottom:0!important}
#o_wblog_posts_loop .row>div:first-child article.o_wblog_post>div:not(.o_wblog_normalize_font){padding-bottom:46px}
#o_wblog_posts_loop .row>div:first-child .o_wblog_normalize_font{position:absolute;right:0;bottom:0;width:48%;padding:0 24px 16px!important;text-align:right}
#o_wblog_posts_loop .row>div:first-child .o_wblog_normalize_font .d-flex{justify-content:flex-end}
#o_wblog_posts_loop .row>div:first-child a.text-reset>div.mt-2,#o_wblog_posts_loop .row>div:first-child .o_blog_post_title{padding-left:24px!important;padding-right:24px!important}
#o_wblog_posts_loop .row>div:first-child .o_wblog_post_short_tag_section{padding-left:24px!important}
}

/* ====== v23 — mega-menu: pais/tema/empresa em dropdowns ====== */
.x4d-newsnav button.x4d-dd{font-family:var(--mono)!important;font-size:11.5px!important;letter-spacing:.16em;text-transform:uppercase;color:#41586e;background:none;border:none;border-bottom:3px solid transparent;padding:13px 14px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s}
.x4d-newsnav button.x4d-dd::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s}
.x4d-newsnav button.x4d-dd:hover{color:var(--azul)}
.x4d-newsnav button.x4d-dd.on{color:#B57419;border-bottom-color:var(--ambar)}
.x4d-newsnav button.x4d-dd.open{color:var(--azul)}
.x4d-newsnav button.x4d-dd.open::after{transform:rotate(180deg)}
.x4d-ddpanel{position:fixed;z-index:1050;background:#fff;border:1px solid rgba(27,58,92,.16);border-top:3px solid var(--ambar);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(11,28,46,.18);min-width:220px;max-height:min(430px,60vh);overflow-y:auto;padding:8px 0}
.x4d-ddpanel a{display:block;font-family:var(--mono)!important;font-size:11.5px!important;letter-spacing:.14em;text-transform:uppercase;color:#41586e!important;text-decoration:none;padding:10px 18px;border-left:3px solid transparent}
.x4d-ddpanel a:hover{background:var(--polar);color:var(--azul)!important;border-left-color:var(--ambar)}
.x4d-ddpanel a.on{color:#B57419!important;border-left-color:var(--ambar);background:var(--polar)}

/* ====== v25 — rodape Abissal nas paginas de shell claro (login/portal) ====== */
#wrapwrap.o_portal>footer,body[class*="o_portal"] #wrapwrap>footer,#wrapwrap:has(.oe_login_form)>footer,#wrapwrap:has(.oe_signup_form)>footer,#wrapwrap:has(.oe_reset_password_form)>footer{background-color:var(--abissal)!important;background-image:linear-gradient(rgba(143,174,203,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,203,.18) 1px,transparent 1px)!important;background-size:120px 120px!important}

/* ====== v25 — seletor de idioma: pill Nevoa FIXA (funciona no header claro e escuro) ====== */
#wrapwrap header .js_language_selector .dropdown-toggle,#wrapwrap>header .js_language_selector>a.dropdown-toggle,#wrapwrap>header .js_language_selector>button.dropdown-toggle{background:#8FAECB!important;color:#0B1C2E!important;border:none!important;border-radius:999px;padding:7px 14px!important;font-weight:700!important}
#wrapwrap header .js_language_selector .dropdown-toggle:hover,#wrapwrap header .js_language_selector .dropdown-toggle:focus{background:#A9C2DA!important;color:#0B1C2E!important}
#wrapwrap header .js_language_selector .dropdown-toggle::after{color:#0B1C2E}
#wrapwrap header.x4d-light .js_language_selector .dropdown-toggle,#wrapwrap header .x4d-light .js_language_selector .dropdown-toggle{background:#8FAECB!important;color:#0B1C2E!important}
#wrapwrap .offcanvas .js_language_selector .dropdown-toggle{background:#8FAECB!important;color:#0B1C2E!important;border:none!important;border-radius:999px;padding:7px 14px!important}

/* ====== v26 — hero: I SUPPLY PROTEIN em branco (destaque) ====== */
#wrapwrap .cta.sec[data-persona="supplier"]{background:#fff!important;border:none!important;color:var(--abissal)!important;font-weight:700}
#wrapwrap .cta.sec[data-persona="supplier"]:hover{background:var(--polar)!important;filter:none;transform:translateY(-1px)}

/* ====== v27 — HERO: foto de exportação (navio aéreo) ====== */
#wrapwrap .hero .wrap{position:relative}
#wrapwrap .hero-shot{position:absolute;right:0;bottom:0;width:400px;height:300px;border-radius:16px;overflow:hidden;border:1px solid rgba(143,174,203,.28);box-shadow:0 30px 70px rgba(0,0,0,.5);background-size:cover;background-position:center;filter:saturate(.92)}
#wrapwrap .hero-shot .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#DCE7F1;background:linear-gradient(transparent,rgba(11,28,46,.9))}
@media(max-width:1260px){#wrapwrap .hero-shot{width:30vw;height:250px}}
@media(max-width:1000px){#wrapwrap .hero-shot{position:static;width:100%;height:230px;margin-top:28px;border-radius:12px}}

/* ====== v29 — auditoria mobile: contraste do texto sobre capas na pagina do post ====== */
.website_blog .blog_header .o_record_cover_component[style*="background-image"],
.website_blog div.mt-5 .o_record_cover_component[style*="background-image"]{box-shadow:inset 0 0 0 2000px rgba(11,28,46,.52)!important}
.website_blog .blog_header .o_record_cover_container h1,.website_blog .blog_header .o_record_cover_container .h1{text-shadow:0 2px 14px rgba(11,28,46,.9)}

/* ====== v30 — destaques: Request Access branco, tab I Supply navy, HUD adaptativo ====== */
#wrapwrap .cta.sec[href="#quote"]:not([data-persona]){background:#fff!important;border:none!important;color:var(--abissal)!important;font-weight:700}
#wrapwrap .cta.sec[href="#quote"]:not([data-persona]):hover{background:var(--polar)!important;filter:none;transform:translateY(-1px)}
#wrapwrap .formtabs button#tab-supplier{background:var(--azul)!important;color:var(--polar)!important;border-color:var(--azul)!important;font-weight:600}
#wrapwrap .formtabs button#tab-supplier.on{background:var(--ambar)!important;color:var(--abissal)!important;border-color:var(--ambar)!important}
/* HUD: default = caixa navy (contrasta no fundo claro); .hud-inv = caixa clara (sobre fundo azul) */
#wrapwrap .hud{transition:background .3s,color .3s,border-color .3s}
#wrapwrap .hud.hud-inv{background:rgba(244,247,250,.96)!important;border-color:rgba(27,58,92,.22)!important;color:#41586e!important}
#wrapwrap .hud.hud-inv b{color:#B57419!important}

/* ====== v31 — manchete: foto mais alta (menos corte) e sem faixa embaixo ====== */
@media(min-width:901px){
#o_wblog_posts_loop .row>div:first-child .o_wblog_post{min-height:460px}
#o_wblog_posts_loop .row>div:first-child .o_wblog_post>a:first-child{min-height:460px;margin-bottom:0!important}
}
/* ====== v31 — painel DATE multi-selecao + SORT ====== */
.x4d-ddpanel label{display:flex;align-items:center;gap:10px;font-family:var(--mono)!important;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#41586e;padding:9px 18px;cursor:pointer;border-left:3px solid transparent;margin:0}
.x4d-ddpanel label:hover{background:var(--polar);border-left-color:var(--ambar)}
.x4d-ddpanel input[type=checkbox]{accent-color:#E39A3B;width:15px;height:15px;margin:0}
.x4d-ddpanel .x4d-clear{display:block;width:100%;text-align:left;background:none;border:none;border-top:1px solid rgba(27,58,92,.14);font-family:var(--mono)!important;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#B57419;padding:11px 18px;cursor:pointer}
.x4d-ddpanel .x4d-clear:hover{background:var(--polar)}
.x4d-ddpanel button.x4d-opt{display:block;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;font-family:var(--mono)!important;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#41586e;padding:10px 18px;cursor:pointer}
.x4d-ddpanel button.x4d-opt:hover{background:var(--polar);border-left-color:var(--ambar)}
.x4d-ddpanel button.x4d-opt.on{color:#B57419;border-left-color:var(--ambar);background:var(--polar)}
#x4dEmpty{font-family:var(--mono)!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6b8299;padding:70px 20px;text-align:center;width:100%}

/* ====== v32 — post: papel mais largo (desktop; mobile intacto via w-100) ====== */
@media(min-width:992px){.website_blog #o_wblog_post_content.o_container_small{max-width:940px!important}}

/* ====== v32 — CONTRASTE nas caixas dos corpos de post (vence estilos inline) ====== */
/* caixa escura → texto claro (acentos âmbar preservados) */
#o_wblog_post_content [style*="background:#0B1C2E"],#o_wblog_post_content [style*="background: #0B1C2E"],#o_wblog_post_content [style*="background:#1B3A5C"],#o_wblog_post_content [style*="background: #1B3A5C"]{color:#F5F8FB!important}
#o_wblog_post_content [style*="background:#0B1C2E"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a),#o_wblog_post_content [style*="background: #0B1C2E"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a),#o_wblog_post_content [style*="background:#1B3A5C"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a),#o_wblog_post_content [style*="background: #1B3A5C"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a){color:#F5F8FB!important}
#o_wblog_post_content [style*="background:#0B1C2E"] a,#o_wblog_post_content [style*="background:#1B3A5C"] a{color:#E39A3B!important}
/* caixa clara → texto navy (acentos âmbar preservados) */
#o_wblog_post_content [style*="background:#F5F8FB"],#o_wblog_post_content [style*="background: #F5F8FB"]{color:#33475c!important}
#o_wblog_post_content [style*="background:#F5F8FB"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a),#o_wblog_post_content [style*="background: #F5F8FB"] *:not([style*="#E39A3B"]):not([style*="#B57419"]):not(a){color:#33475c!important}
#o_wblog_post_content [style*="background:#F5F8FB"] a,#o_wblog_post_content [style*="background: #F5F8FB"] a{color:#B57419!important}

/* ====== v32 — nav do post: titulo em leitura + barra de progresso ====== */
.x4d-reading{margin-left:auto;font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8FAECB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;padding:13px 0}
@media(max-width:900px){.x4d-reading{display:none}}
.x4d-prog{position:absolute;left:0;right:0;bottom:-2px;height:3px;background:transparent}
.x4d-prog>div{height:3px;width:0;background:var(--ambar);transition:width .12s linear}
.x4d-newsnav{overflow:visible}

/* ====== v32 — RELATED ARTICLES no fim do post ====== */
.x4d-related{max-width:940px;margin:44px auto 8px;padding:0 16px}
.x4d-related .rl-head{font-family:var(--mono)!important;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#B57419;border-top:2px solid var(--azul);padding-top:14px;margin-bottom:16px}
.x4d-related .rl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.x4d-related .rl-card{display:block;background:var(--azul);border-radius:12px;overflow:hidden;text-decoration:none;border:1px solid rgba(143,174,203,.18);transition:transform .15s,box-shadow .15s}
.x4d-related .rl-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,28,46,.25)}
.x4d-related .rl-cover{height:130px;background-size:cover;background-position:center;background-color:var(--abissal)}
.x4d-related .rl-title{font-family:var(--display)!important;font-weight:750;font-stretch:120%;text-transform:uppercase;font-size:14.5px;line-height:1.3;color:var(--polar);padding:12px 14px 6px}
.x4d-related .rl-date{font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.12em;color:var(--ambar);padding:0 14px 14px}
@media(max-width:760px){.x4d-related .rl-grid{grid-template-columns:1fr}.x4d-related .rl-cover{height:150px}}

/* ====== v33 — zh_HK: metricas CJK deslocam o hero → foto empilha (como mobile) ====== */
html[lang="zh-HK"] #wrapwrap .hero-shot{position:static!important;width:100%!important;height:260px!important;margin-top:28px;bottom:auto;right:auto}