/* Original UNOGO visual is the default dark theme; styles below only change selected light surfaces. */
:root{color-scheme:dark}html[data-theme=light]{color-scheme:light}
.unogo-appearance{flex:none;align-self:center;display:flex;align-items:center;z-index:12}
.unogo-appearance button{appearance:none;background:transparent;border:1px solid #767d78;color:#f8f8f8;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 11px;cursor:pointer;font:700 10px Manrope,'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.unogo-appearance button:hover{background:#313431}
.unogo-appearance button:focus-visible{outline:2px solid #8e968f;outline-offset:3px}
.unogo-appearance svg{width:15px;height:15px;display:block;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1200px){.unogo-appearance button{padding:7px 8px;gap:5px}}
@media(max-width:1020px){.unogo-appearance-label{display:none}.unogo-appearance button{min-width:36px}}
@media(max-width:560px){.unogo-appearance button{min-width:33px;min-height:33px;padding:7px}.unogo-appearance svg{width:16px;height:16px}}
html[data-theme=dark] img[src*="unogo-logo.png"]{filter:brightness(0) invert(1)!important;-webkit-filter:brightness(0) invert(1)!important}
/* LIGHT is a restrained monochrome variation. Original black heroes remain black. */
html[data-theme=light] .siteheader,html[data-theme=light] .sitehead{background:#fafaf9!important;color:#1b1c1b!important;border-color:#e0e2df!important}
html[data-theme=light] .siteheader .navlinks,html[data-theme=light] .sitehead .menu{background:#fafaf9}
html[data-theme=light] .siteheader .navlinks a,html[data-theme=light] .sitehead .menu a{color:#232423!important}
html[data-theme=light] .siteheader .navcta,html[data-theme=light] .sitehead .headcta{color:#222!important;border-color:#222!important}
html[data-theme=light] .siteheader .navcta:hover,html[data-theme=light] .sitehead .headcta:hover{background:#222!important;color:#fff!important}
html[data-theme=light] .siteheader .languages,html[data-theme=light] .sitehead .langs{border-color:#999!important}
html[data-theme=light] .siteheader .languages button,html[data-theme=light] .sitehead .langs button{color:#626262!important}
html[data-theme=light] .siteheader .languages button.on,html[data-theme=light] .sitehead .langs button.on{background:#222!important;color:#fff!important}
html[data-theme=light] .siteheader .menuBtn,html[data-theme=light] .sitehead .hamb{color:#202020!important;border-color:#aaa!important}
html[data-theme=light] .unogo-appearance button{background:#fff;color:#202020!important;border-color:#aaa!important}
html[data-theme=light] img[src*="unogo-logo.png"]{filter:brightness(0)!important;-webkit-filter:brightness(0)!important}
html[data-theme=light] .footer{background:#fff!important;color:#171817!important}
html[data-theme=light] .footer :is(h2,h3){color:#171817!important}
html[data-theme=light] .footer :is(p,.label,.caps,.bottom,.footbottom){color:#565955!important}
html[data-theme=light] .footer :is(.footcontact,.footright,.footbottom,.bottom){border-color:#dcdedb!important}
html[data-theme=light] .footer :is(a,nav a){color:#222}
html[data-theme=light] .footer :is(.button.light,.btn.white,.button.darkbtn,.btn.black){background:#1e1f1e!important;color:#fff!important;border-color:#1e1f1e!important}
html[data-theme=light] .footer :is(.button.outline,.btn.line){background:#fff!important;color:#222!important;border-color:#444!important}
/* Slightly more light sections; primary hero, banners, project visuals remain unchanged. */
html[data-theme=light] .section.dark{background:#f3f3f1!important;color:#202120!important}
html[data-theme=light] .section.dark :is(h2,h3,.sectiontitle,.label,.caps){color:#202120!important}
html[data-theme=light] .section.dark :is(p,.summary,.step p,.step small,.feature p){color:#545654!important}
html[data-theme=light] .section.dark .button.outline{border-color:#555!important;color:#222!important}
html[data-theme=light] .unogo-return{background:#f6f6f5!important;border-color:#e0e0df!important}
html[data-theme=light] .unogo-return a{color:#2b2b2b!important}
/* Three equal homepage blog cards. Grayscale visuals align with existing black and white identity. */
#journal .blogcards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:18px!important;align-items:stretch}
#journal .blogcards .post,#journal .blogcards .post:first-child{display:flex!important;grid-column:auto!important;grid-row:auto!important;flex-direction:column!important;background:#fff!important;border:1px solid #e0e2df!important;min-width:0;box-shadow:0 10px 25px #1315140b;transition:transform .22s,box-shadow .22s}
#journal .blogcards .post:hover{transform:translateY(-3px);box-shadow:0 14px 32px #15171518}
#journal .blogcards .post .postart,#journal .blogcards .post:first-child .postart{height:148px!important;min-height:148px!important;padding:22px!important;position:relative;flex:none;background:linear-gradient(145deg,#262826,#494c49)!important}
#journal .blogcards .post:nth-child(2) .postart{background:linear-gradient(145deg,#383a38,#666966)!important}
#journal .blogcards .post:nth-child(3) .postart{background:linear-gradient(145deg,#525552,#80837f)!important}
#journal .blogcards .post:first-child .postart::after{content:none!important}
#journal .blogcards .post .postcontent,#journal .blogcards .post:first-child .postcontent{flex:1!important;display:flex!important;flex-direction:column!important;padding:26px 25px 28px!important;min-height:245px!important}
#journal .blogcards .post h3,#journal .blogcards .post:first-child h3{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(21px,1.7vw,26px)!important;line-height:1.22!important;font-weight:500!important;color:#1c1e1c!important;margin-bottom:14px}
#journal .blogcards .post p,#journal .blogcards .post:first-child p{font-size:12px!important;line-height:1.75!important;color:#5d625d!important;margin-bottom:20px}
#journal .blogcards .post .postcontent>span:last-child{margin-top:auto!important;color:#242824!important}
@media(max-width:920px){#journal .blogcards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:670px){#journal .blogcards{grid-template-columns:1fr!important;gap:15px!important}#journal .blogcards .post{min-height:326px!important}#journal .blogcards .post .postart,#journal .blogcards .post:first-child .postart{height:125px!important;min-height:125px!important}#journal .blogcards .post .postcontent,#journal .blogcards .post:first-child .postcontent{padding:22px!important;min-height:170px!important}#journal .blogcards .post h3,#journal .blogcards .post:first-child h3{font-size:22px!important}}
@media(min-width:701px) and (max-width:1000px){.sitehead .headcta{display:none!important}}
@media(prefers-reduced-motion:reduce){#journal .blogcards .post{transition:none}}


/* Form contrast and temporarily hidden Portuguese switch. */
[data-lang="pt"]{display:none!important}
html[data-theme="dark"] :is(.crform,#contact form,.contact-form){background:#fff!important;color:#1c1e1c!important}
html[data-theme="dark"] :is(.crform,#contact form,.contact-form) :is(label,h2,h3,input,textarea,select){color:#1c1e1c!important}
html[data-theme="dark"] :is(.crform,#contact form,.contact-form) :is(input,textarea,select){background:#fcfcfb!important;-webkit-text-fill-color:#1c1e1c}
html[data-theme="dark"] :is(.crform,#contact form,.contact-form) :is(input,textarea)::placeholder{color:#646b64!important;opacity:1}
html[data-theme="dark"] :is(.crform,#contact form,.contact-form) :is(p,small,.crprivacy,.crconsent){color:#566155}
html[data-theme="dark"] .crform .crsubmit{background:#1d241e!important;color:#fff!important}