:root{--white:#ffffff;--off-white:#f8f7f4;--ink:#1a1916;--ink-60:rgba(26,25,22,.6);--ink-20:rgba(26,25,22,.12);--ods4:#E5243B;--ods8:#A21942;--ods10:#DD1367;--ods16:#00689D;--ods17:#19486A;--ods4-light:#FDEAED;--ods8-light:#F6E5EC;--ods10-light:#FCE4F1;--ods16-light:#E0F0F8;--ods17-light:#E0EAF0;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--section-pad: clamp(4rem, 8vw, 7rem)}--section-pad: clamp(4rem, 8vw, 7rem); --card-color: var(--brand-base); --card-light: color-mix(in oklab, var(--brand-base) 8%, white); body{font-family:var(--sans);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.ods-section{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-paper) 95%,white) 0%,var(--bg-paper) 42%,color-mix(in oklab,var(--bg-paper-alt) 90%,white) 100%);padding:clamp(2.5rem,5vw,4.5rem) 0 var(--section-pad);position:relative;overflow:hidden}.ods-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 85% 12%,rgba(0,104,157,.07) 0%,transparent 60%),radial-gradient(ellipse 34% 34% at 8% 78%,rgba(229,36,59,.05) 0%,transparent 60%);pointer-events:none}.ods-title.text-shimmer{background:linear-gradient(90deg,var(--brand-darkest) 0%,var(--brand-base) 50%,var(--brand-darkest) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shimmer 6s linear infinite}.container{max-width:1120px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.ods-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2rem 3rem;align-items:stretch;margin-bottom:clamp(2.5rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid color-mix(in oklab,var(--brand-darkest) 8%,transparent);border-radius:28px;background:linear-gradient(135deg,color-mix(in oklab,var(--bg-paper) 88%,var(--brand-lightest) 12%),color-mix(in oklab,var(--bg-paper-alt) 84%,white 16%));box-shadow:0 28px 90px -56px color-mix(in oklab,var(--brand-darkest) 30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:1}.ods-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2rem 3rem;align-items:stretch;margin-bottom:clamp(2.5rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(26,25,22,.08);border-radius:28px;background:linear-gradient(135deg,#ffffffc7,#fdf8f1eb);box-shadow:0 24px 70px -50px #1f2c4c59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.ods-un-emblem{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand-darkest),var(--brand-base));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 14px 34px -22px color-mix(in oklab,var(--brand-darkest) 36%,transparent)}@media(max-width:700px){.ods-header{grid-template-columns:1fr}}.ods-card{background:var(--card);padding:clamp(1.5rem,3vw,2.25rem);position:relative;overflow:hidden;cursor:default;transition:background .35s var(--ease-out),box-shadow .35s var(--ease-out)}.ods-kicker{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.ods-kicker-line{width:32px;height:2px;background:var(--brand-base);border-radius:2px}.ods-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ods-kicker-text{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-accent)}.ods-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:color-mix(in oklab,var(--card-light) 84%,white 16%);color:var(--card-color);margin-bottom:1rem;border:1px solid color-mix(in oklab,var(--card-color) 18%,transparent);transition:border-color .3s ease,transform .24s ease}.ods-pill:hover{transform:translateY(-2px)}.ods-title{font-family:var(--font-serif);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:700;line-height:1.02;color:var(--brand-darkest);letter-spacing:-.03em}.ods-title em{font-style:italic;color:var(--brand-accent)}.ods-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;background:linear-gradient(135deg,color-mix(in oklab,var(--brand-darkest) 70%,var(--brand-base) 18%),color-mix(in oklab,var(--brand-base) 86%,var(--brand-darkest) 12%));color:var(--white);border-radius:20px;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.5rem);overflow:hidden;position:relative;box-shadow:0 28px 80px -40px color-mix(in oklab,var(--brand-darkest) 50%,transparent)}.ods-intro{font-size:clamp(.95rem,1.4vw,1.02rem);font-weight:400;line-height:1.8;color:var(--brand-darker);max-width:520px}.ods-intro strong{color:var(--brand-accent);font-weight:700}.ods-header-right{display:flex;align-items:flex-start;gap:1.25rem;justify-content:space-between}.ods-header-right>div{max-width:34rem}.ods-ufrn-logo{max-height:72px;width:auto;align-self:flex-start;opacity:.98;filter:drop-shadow(0 12px 24px rgba(31,44,76,.08))}@media(max-width:700px){.ods-ufrn-logo{display:none}}.ods-un-strip{display:flex;align-items:center;gap:10px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(31,44,76,.12)}.ods-un-emblem{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand-darkest),var(--brand-accent));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px -16px #1f2c4c73}.ods-un-emblem svg{width:20px;height:20px}.ods-un-text{font-size:12px;color:var(--brand-darker);line-height:1.45}.ods-un-text strong{color:var(--brand-darkest);font-weight:700}.ods-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:#1f2c4c14;border:1px solid rgba(31,44,76,.08);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px -54px #1f2c4c59}.ods-card{background:#ffffffeb;padding:clamp(1.5rem,3vw,2.25rem);position:relative;overflow:hidden;cursor:default;transition:background .35s var(--ease-out)}.ods-card:nth-child(1){grid-column:span 7}.ods-card:nth-child(2){grid-column:span 5}.ods-card:nth-child(3){grid-column:span 4}.ods-card:nth-child(4){grid-column:span 4}.ods-card:nth-child(5){grid-column:span 4}@media(max-width:900px){.ods-card:nth-child(1),.ods-card:nth-child(2),.ods-card:nth-child(3),.ods-card:nth-child(4),.ods-card:nth-child(5){grid-column:span 12}}@media(min-width:901px)and (max-width:1024px){.ods-card:nth-child(1){grid-column:span 6}.ods-card:nth-child(2){grid-column:span 6}.ods-card:nth-child(3){grid-column:span 4}.ods-card:nth-child(4){grid-column:span 4}.ods-card:nth-child(5){grid-column:span 4}}.ods-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.ods-card:hover:before{transform:scaleX(1)}.ods-card:after{content:"";position:absolute;inset:0;background:var(--card-light);opacity:0;transition:opacity .4s ease;pointer-events:none}.ods-card:hover:after{opacity:.18}.ods-card>*{position:relative;z-index:1}.ods-card-num{font-family:var(--serif);font-size:clamp(3.5rem,6vw,5.5rem);font-weight:700;line-height:1;color:var(--card-color);opacity:.12;position:absolute;top:1rem;right:1.25rem;transition:opacity .35s ease,transform .4s var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none}.ods-card:hover .ods-card-num{opacity:.18;transform:scale(1.08) translateY(-4px)}.ods-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--card-light);color:var(--card-color);margin-bottom:1rem;border:1px solid transparent;transition:border-color .3s ease}.ods-card:hover .ods-pill{border-color:var(--card-color)}.ods-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--card-color);flex-shrink:0}.ods-card-name{font-family:var(--serif);font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.25;color:var(--ink);margin-bottom:.875rem}.ods-card-desc{font-size:13.5px;font-weight:300;line-height:1.75;color:var(--ink-60)}.ods-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.25rem}.ods-tag{font-size:11px;font-weight:500;padding:3px 9px;border-radius:4px;background:var(--card-light);color:var(--card-color);letter-spacing:.02em}.ods-divider{display:flex;align-items:center;gap:1.5rem;margin:clamp(2.25rem,4vw,3.5rem) 0}.ods-divider-line{flex:1;height:1px;background:#1f2c4c24}.ods-divider-text{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-darker);white-space:nowrap}.ods-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;background:linear-gradient(135deg,var(--brand-darkest),#2f4068);color:var(--white);border-radius:20px;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.5rem);overflow:hidden;position:relative;box-shadow:0 24px 70px -42px #1f2c4c8c}.ods-banner:before{content:"2030";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);font-family:var(--font-serif);font-size:clamp(5rem,12vw,9rem);font-weight:700;color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}@media(max-width:600px){.ods-banner{grid-template-columns:1fr}.ods-banner:before{display:none}}.ods-banner-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin-bottom:.5rem}.ods-banner-title{font-family:var(--font-serif);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;line-height:1.3;margin-bottom:.75rem}.ods-banner-desc{font-size:13.5px;font-weight:300;line-height:1.7;color:#fff9;max-width:560px}.ods-banner-right{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.ods-bubbles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:120px}.ods-bubble{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:14px;font-weight:700;color:var(--white);flex-shrink:0}.ods-bubbles-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;text-align:center}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:none}.dark .ods-section{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-paper) 88%,black 12%),color-mix(in oklab,var(--bg-paper-alt) 82%,black 18%))}.dark .ods-header{border-color:color-mix(in oklab,var(--brand-lightest) 16%,transparent);background:linear-gradient(135deg,color-mix(in oklab,var(--bg-paper-alt) 88%,var(--brand-darkest) 12%),color-mix(in oklab,var(--bg-paper) 82%,black 18%));box-shadow:0 24px 60px -48px color-mix(in oklab,var(--brand-darkest) 40%,transparent)}.dark .ods-card{background:color-mix(in oklab,var(--card) 88%,black 12%);box-shadow:0 18px 36px -18px color-mix(in oklab,var(--brand-darkest) 40%,transparent)}.dark .ods-card-name{color:var(--card-foreground)}.dark .ods-card-desc{color:color-mix(in oklab,var(--card-foreground) 96%,black 4%)}.dark .ods-un-text{color:var(--card-foreground)}.dark .ods-card:hover:after{background:color-mix(in oklab,var(--card-light) 6%,black 94%);opacity:.08}.dark .ods-banner{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-base) 86%,var(--brand-darkest) 14%),color-mix(in oklab,var(--brand-darkest) 70%,var(--brand-base) 30%))}.dark .ods-banner{color:var(--card-foreground)}.dark .ods-card{background:color-mix(in oklab,var(--card) 80%,black 20%);box-shadow:0 30px 60px -20px color-mix(in oklab,var(--brand-darkest) 40%,transparent)}.dark .ods-card-name{color:var(--brand-accent)}.dark .ods-card-desc{color:var(--card-foreground)}.dark .ods-card-num{opacity:.16;text-shadow:0 0 22px color-mix(in oklab,var(--card-color) 30%,transparent)}.dark .ods-card:hover .ods-card-num{opacity:.24}.dark .ods-intro{color:var(--card-foreground)}.dark .ods-banner-title{color:var(--brand-base)}.dark .ods-banner-desc{color:color-mix(in oklab,var(--card-foreground) 92%,black 8%)}.dark .ods-card:hover:after{background:color-mix(in oklab,var(--card-light) 6%,black 94%);opacity:.04}.dark .ods-banner-label{color:color-mix(in oklab,var(--brand-darkest) 72%,white 28%)}.dark .ods-banner-title{color:var(--brand-darkest)}.dark .ods-banner-desc{color:color-mix(in oklab,var(--brand-darkest) 80%,white 20%)}.dark .ods-bubbles-label{color:color-mix(in oklab,var(--brand-darkest) 74%,white 26%)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}