/* V19 D: local comparison only. Source C, global tokens, logo assets, H1 scale, support and CTA styles remain unchanged. Instrument Sans font file has a real weight range of 400–700, no 300. */ .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: clamp(21px, calc(6.666666667cqw - 3px), 23px); } .mbl-areas .mbl-card h3 { font-size: calc(var(--mb-type-secondary-size) - 2px); } .mbfooter-v5 { --mbfooter-heading-size: 18px; } @media (min-width: 640px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 30px; } .mbl-areas .mbl-card h3 { min-height: calc((var(--mb-type-secondary-size) - 2px) * var(--mb-type-secondary-leading) * 2); } .mbfooter-v5 { --mbfooter-heading-size: 19px; } } @media (min-width: 1024px) { .mb-stage2--refined.mb-stage2--newsreader .mb-opening > .mb-header .mb-header-inner { min-height: 105px; } .mb-stage2--refined.mb-stage2--newsreader .mb-opening > .mb-header .mb-desktop-nav a { font-size: 16px; font-weight: 400; } .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 40px; } .mbfooter-v5 { --mbfooter-heading-size: 20px; --mbfooter-info-size: 14px; } /* Native browser test: 242px preserves C's natural word wrapping at 14px, leaving the 22px icon and 12px gap intact. */ .mbfooter-v5 .mbfooter-address { width: 242px; } } @media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) { .mb-stage2--refined.mb-stage2--newsreader .mb-hero-inner { min-height: calc(100svh - 106px); } } 62:I[97367,["$2"],"OutletBoundary"] b:["$","style","6",{"dangerouslySetInnerHTML":{"__html":"$2a"}}] 2b:Tc08, /* V19 E: separate institutional-footer proposal. Header menu only; Hero, header dimensions/assets, all other sections and scripts unchanged. */ @media (min-width: 1024px) { .mb-stage2--refined.mb-stage2--newsreader .mb-opening > .mb-header .mb-desktop-nav a { font-size: 15px; font-weight: 400; } } .mbfooter-v5 { --mbfooter-logo-scale: calc(218 / 244); --mbfooter-legal-size: 12px; line-height: 1.5; } .mbfooter-v5 .mbfooter-shell { padding-top: 32px; } .mbfooter-v5 .mbfooter-grid { row-gap: 24px; } .mbfooter-v5 .mbfooter-heading { margin-bottom: 8px; } /* Scale the entire approved 244px logo together, including lettering and filets, avoiding per-letter rounding from resizing its text separately. Reserve its proportional height so layout and click area match the paint. */ .mbfooter-v5 .mbfooter-home { position: relative; width: 218px; height: calc(123.359375px * var(--mbfooter-logo-scale)); } .mbfooter-v5 .mbfooter-brand-source { position: absolute; top: 0; left: 0; width: 244px; transform: scale(var(--mbfooter-logo-scale)); transform-origin: top left; } .mbfooter-v5 .mbfooter-location { margin-top: 12px; } .mbfooter-v5 .mbfooter-location p + p { margin-top: 6px; } .mbfooter-v5 .mbfooter-channels { gap: 2px; } .mbfooter-v5 .mbfooter-channels a { align-items: center; gap: 10px; } .mbfooter-v5 .mbfooter-channels .mbfooter-channel-icon, .mbfooter-v5 .mbfooter-address > .mbfooter-channel-icon { width: 19px; height: 19px; flex-basis: 19px; } .mbfooter-v5 .mbfooter-address { gap: 10px; margin-top: 6px; } .mbfooter-v5 .mbfooter-address > .mbfooter-channel-icon { margin-top: calc((1em * 1.5 - 19px) / 2); } .mbfooter-v5 .mbfooter-socials { margin-top: 12px; } .mbfooter-v5 .mbfooter-institutional-strip { margin-top: 24px; padding-block: 20px; gap: 16px; line-height: 1.5; } .mbfooter-v5 .mbfooter-legal { gap: 2px; } @media (max-width: 1023px) { .mbfooter-v5 .mbfooter-navigation a, .mbfooter-v5 .mbfooter-channels a { min-height: 44px; } /* Keep the original text-column width after the icon/gap decrease. */ .mbfooter-v5 .mbfooter-address { width: calc(100% - 5px); } } @media (min-width: 640px) { .mbfooter-v5 .mbfooter-socials { margin-top: 0; } .mbfooter-v5 .mbfooter-institutional-strip { row-gap: 16px; column-gap: 40px; } } @media (min-width: 1024px) { .mbfooter-v5 .mbfooter-grid { gap: 0; } .mbfooter-v5 .mbfooter-contact-layout { grid-template-columns: 19px max-content minmax(0, 1fr); gap: 4px 10px; } .mbfooter-v5 .mbfooter-channels .mbfooter-channel-icon { inset-inline-start: -29px; top: calc(50% - 1px); transform: translateY(-50%); } /* Preserve D's 208px address text column and its natural word breaks. */ .mbfooter-v5 .mbfooter-address { width: 237px; margin-top: 0; } .mbfooter-v5 .mbfooter-socials { margin-top: 0; } .mbfooter-v5 .mbfooter-institutional-strip { gap: 0; padding-block: 18px; } } @media (min-width: 1024px) and (pointer: fine) { .mbfooter-v5 .mbfooter-navigation a { min-height: 26px; } .mbfooter-v5 .mbfooter-channels a { min-height: 30px; } } c:["$","style","7",{"dangerouslySetInnerHTML":{"__html":"$2b"}}] 2c:T61c, /* V19 F: four section H2s and the presentation subtitle only. Local selectors follow the earlier comparison rules; global tokens, mobile H2 scale, Hero, header, cards and footer remain unchanged. */ .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 19px; margin-top: 14px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-rule { margin-block: 18px; } @media (min-width: 640px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 27px; } .mbhome-title-comparison[data-title-scale="proposed"] #mbl-areas-title { margin-bottom: 24px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 20px; margin-top: 16px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-rule { margin-block: 20px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbatt-heading-rule { margin-top: 22px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbinfo-support { margin-top: 20px; } } @media (min-width: 1024px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 34px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 21px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbinfo-support { margin-top: 22px; } } d:["$","style","8",{"dangerouslySetInnerHTML":{"__html":"$2c"}}] 2d:T862, /* Independent V19 G proposal. Local type changes only; global tokens intact. Desktop biography retains the original portrait dimensions and crop. Tablet/mobile retain their natural vertical flow and padding. */ .mb-stage2--refined.mb-stage2--newsreader .mb-copy h1 { font-size: calc(var(--mb-type-main-size) - 1px); } .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: clamp(20px, calc(6.666666667cqw - 4px), 22px); } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 18px; } .mbl-areas .mbl-card h3 { font-size: calc(var(--mb-type-secondary-size) - 4px); } .mbinfo-section .mbinfo-card h3, .mbatt-section .mbatt-modality h3 { font-size: calc(var(--mb-type-secondary-size) - 2px); } @media (min-width: 640px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 26px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 19px; } .mbl-areas .mbl-card h3 { min-height: calc((var(--mb-type-secondary-size) - 4px) * var(--mb-type-secondary-leading) * 2); } } @media (min-width: 1024px) { .mb-stage2--refined.mb-stage2--newsreader .mb-copy h1 { font-size: calc(var(--mb-type-main-size) - 2px); } .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 32px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section .mbabout-experience { font-size: 20px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-section { padding-block: 72px; } } @media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) { .mb-stage2--refined.mb-stage2--newsreader .mb-copy h1 { font-size: clamp(34px, calc(10.232558px + 2.3255814vw), 42px); } } @media (min-width: 1366px) and (max-width: 1600px) and (max-height: 900px) { .mb-stage2--refined.mb-stage2--newsreader .mb-copy h1 { font-size: clamp(42px, calc(25.929412px + 1.1764706vw), 44px); } } e:["$","style","9",{"dangerouslySetInnerHTML":{"__html":"$2d"}}] f:["$","style","10",{"dangerouslySetInnerHTML":{"__html":"\n/* Independent H proposal: mobile hierarchy and mobile footer spacing only.\n Preserve G's desktop/tablet type scale, geometry and global tokens. */\n@media (max-width: 639.98px) {\n .mbhome-title-comparison[data-title-scale=\"proposed\"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) {\n font-size: clamp(21px, calc(3.333333333cqw + 9px), 22px);\n }\n .mbl-areas .mbl-card h3 { font-size: 20px; }\n .mbinfo-section .mbinfo-card h3,\n .mbatt-section .mbatt-modality h3 {\n font-size: clamp(20px, calc(3.333333333cqw + 8px), 21px);\n }\n .mbfooter-v5 .mbfooter-navigation a { min-height: 40px; }\n .mbfooter-v5 .mbfooter-institutional-strip { gap: 12px; padding-block: 18px; }\n .mbfooter-v5 .mbfooter-legal { gap: 1px; }\n}\n"}}] 10:["$","style","11",{"dangerouslySetInnerHTML":{"__html":"\n/* Only the Hero support paragraph. No manual br on tablet/mobile.\n Desktop tail starts a separate line; preceding lines are balanced locally.\n Font, leading, spacing, height and photograph rules remain untouched. */\n@media (min-width: 1024px) {\n .mb-stage2--refined.mb-stage2--newsreader .mb-copy > p { text-wrap: balance; }\n .mb-stage2--refined.mb-stage2--newsreader .mb-copy > p > .mb-hero-desktop-tail { display: block; }\n}\n"}}] 11:["$","style","12",{"dangerouslySetInnerHTML":{"__html":"\n/* Mobile credit block only. Normal inline text line boxes are retained.\n No extra top inset: the four institutional blocks share the 12px gap. */\n@media (max-width: 639.98px) {\n .mbfooter-v5 .mbfooter-credit a {\n display: inline;\n min-height: 0;\n }\n}\n"}}] 2e:T10b4, .art-page{--art-navy:#17223B;--art-gold:#D8C7A3;--art-metal:linear-gradient(118deg,#CFB16F 0%,#AC8C51 15%,#CFB16F 30%,#EBD6A2 44%,#F1E4BF 48%,#EBD6A2 52%,#CFB16F 61%,#AC8C51 79%,#CFB16F 100%);font-family:'Instrument Sans',Arial,sans-serif;color:var(--art-navy);background:#FAFAF8} .art-page *{box-sizing:border-box}.art-shell{width:calc(100% - 80px);max-width:1200px;margin-inline:auto} .art-hero{background:#17223B;color:#F5F1E9;padding:52px 0 48px}.art-eyebrow{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;color:#D8C7A3} .art-hero h1{font-family:Newsreader,Georgia,serif;font-size:44px;line-height:1.12;font-weight:400;margin:0 0 20px;letter-spacing:-.02em} .art-hero .art-lead{font-size:17px;line-height:1.65;max-width:640px;margin:0;color:#F5F1E9} .art-library{padding:48px 0 64px}.art-review{margin:0 0 32px;padding:12px 0;border-block:1px solid #E3E2DE;font-size:13px;line-height:1.6;color:#5F626A} .art-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.art-filters{display:flex;gap:8px;flex-wrap:wrap}.art-filter{font:inherit;font-size:14px;line-height:1.4;min-height:44px;padding:10px 16px;border:1px solid transparent;background:transparent;color:#525865;cursor:pointer}.art-filter[aria-pressed=true]{border-color:#17223B;background:#17223B;color:#F5F1E9}.art-filter:hover:not([aria-pressed=true]){background:#F5F1E9;color:#17223B}.art-filter:focus-visible{outline:2px solid #AC8C51;outline-offset:3px}.art-count{font-size:13px;color:#636772;margin:0;white-space:nowrap} .art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.art-card{background:white;border:1px solid rgba(23,34,59,.12);min-width:0;display:flex;flex-direction:column}.art-card[hidden]{display:none}.art-cover{aspect-ratio:16/9;overflow:hidden;background:#17223B}.art-cover img{display:block;width:100%;height:100%;object-fit:cover}.art-card-content{padding:28px;display:flex;align-items:flex-start;flex-direction:column;flex:1}.art-category{font-size:11px;font-weight:500;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:#17223B;margin:0 0 14px}.art-card h2,.art-card h3{font-family:Newsreader,Georgia,serif;color:#17223B;font-weight:400;font-size:27px;line-height:1.22;letter-spacing:-.015em;margin:0;max-width:540px}.art-rule{display:block;width:44px;height:1px;background:var(--art-metal);margin:18px 0}.art-description{font-size:16px;line-height:1.65;color:#535A67;margin:0 0 24px;max-width:540px}.art-pending{font-size:12px;color:#707580;margin-top:auto;line-height:1.5}.art-feature{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.art-feature .art-cover{aspect-ratio:auto;min-height:330px}.art-feature .art-card-content{padding:40px;justify-content:center}.art-feature h2{font-size:34px}.art-feature .art-pending{margin-top:0}.art-editorial{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#17223B;margin:0 0 20px}.art-footer-note{font-size:14px;line-height:1.6;color:#6C7079;margin:28px 0 0} @media(min-width:1600px){.art-shell{max-width:1280px}} @media(max-width:1023.98px){.art-shell{width:calc(100% - 48px)}.art-hero{padding:42px 0}.art-library{padding:36px 0 48px}.art-feature .art-card-content{padding:28px}.art-feature h2{font-size:29px}.art-feature .art-cover{min-height:320px}.art-grid{gap:24px}.art-card-content{padding:24px}.art-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.art-card h3{font-size:25px}} @media(max-width:639.98px){.art-shell{width:calc(100% - 40px)}.art-hero{padding:32px 0 36px}.art-hero h1{font-size:34px;line-height:1.15}.art-hero .art-lead{font-size:16px}.art-eyebrow{font-size:11px;margin-bottom:12px}.art-library{padding:24px 0 36px}.art-review{font-size:12px;margin-bottom:24px}.art-toolbar{margin-bottom:24px}.art-filters{gap:4px}.art-filter{font-size:13px;padding:10px 12px}.art-grid{grid-template-columns:1fr;gap:24px}.art-feature{display:flex;grid-column:auto}.art-feature .art-cover{aspect-ratio:3/2;min-height:0}.art-cover{aspect-ratio:3/2}.art-card-content,.art-feature .art-card-content{padding:22px 18px}.art-feature h2,.art-card h3{font-size:25px}.art-description{font-size:16px}.art-category{font-size:10px}.art-footer-note{font-size:13px}} 12:["$","style","13",{"dangerouslySetInnerHTML":{"__html":"$2e"}}] 2f:T14da, .art-hero{padding:36px 0 38px}.art-hero h1{font-size:38px;margin-bottom:16px}.art-hero .art-lead{max-width:720px;font-size:16px}.art-eyebrow{margin-bottom:12px} .archive-body{padding:36px 0 56px}.archive-review{font-size:12px;color:#656B75;border-bottom:1px solid #E2E3E5;padding-bottom:16px;margin:0 0 28px;line-height:1.65} .archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;column-gap:48px;align-items:start}.archive-main{min-width:0}.archive-main-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.archive-main-heading h2{font:400 28px/1.25 Newsreader,Georgia,serif;margin:0}.archive-count{font-size:12px;color:#656B75;line-height:1.5;margin:0} .archive-entry{display:grid;grid-template-columns:172px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid #E2E3E5;scroll-margin-top:24px}.archive-entry[hidden]{display:none}.archive-entry .art-cover{aspect-ratio:4/3;align-self:start}.archive-copy{min-width:0}.archive-entry h2{font:400 24px/1.23 Newsreader,Georgia,serif;letter-spacing:-.01em;color:#17223B;margin:0}.archive-entry .art-category{font-size:10px;line-height:1.5;letter-spacing:.12em;margin:0 0 9px;color:#525B6D}.archive-entry .art-description{font-size:15px;line-height:1.6;margin:0 0 10px}.archive-entry .art-rule{margin:12px 0}.archive-entry .art-pending{font-size:11px}.archive-entry:focus-visible{outline:2px solid #AC8C51;outline-offset:5px} .archive-sidebar{border-left:1px solid #E2E3E5;padding-left:28px}.archive-sidebar h2{font:400 23px/1.2 Newsreader,Georgia,serif;color:#17223B;margin:0 0 16px}.archive-search-label{font-size:12px;line-height:1.5;display:block;margin-bottom:10px;color:#535A67}.archive-search-box{display:flex;border:1px solid #D9DBDF;background:white;min-width:0}.archive-search-box input{font:400 14px/1.5 'Instrument Sans',Arial,sans-serif;padding:11px 12px;width:100%;min-width:0;border:0;border-radius:0;color:#17223B;background:transparent}.archive-search-box button{border:0;background:#17223B;color:#D8C7A3;width:44px;min-height:44px;flex:0 0 44px;display:grid;place-items:center;cursor:pointer}.archive-search-box svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.archive-search-box input:focus-visible{outline:2px solid #AC8C51;outline-offset:-2px}.archive-search-box button:focus-visible{outline:2px solid #D8C7A3;outline-offset:-4px}.archive-reset{font:inherit;font-size:12px;line-height:1.5;border:0;background:transparent;padding:12px 0;min-height:40px;color:#555F70;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.archive-reset[hidden]{display:none} .archive-side-block+.archive-side-block{margin-top:28px;padding-top:24px;border-top:1px solid #E2E3E5}.archive-topic-label{font-size:12px;display:block;margin:0 0 10px;color:#535A67}.archive-topic{width:100%;border:1px solid #D9DBDF;background:white;color:#17223B;border-radius:0;min-height:44px;padding:10px 12px;font:14px/1.5 'Instrument Sans',Arial,sans-serif}.archive-recent{list-style:none;margin:0;padding:0}.archive-recent li+li{border-top:1px solid #E2E3E5}.archive-recent a{display:block;font:400 16px/1.45 Newsreader,Georgia,serif;color:#17223B;text-decoration:none;padding:13px 0;min-height:44px}.archive-recent a:hover{color:#545A68;text-decoration:underline;text-decoration-color:#D8C7A3;text-underline-offset:4px}.archive-sidebar :focus-visible{outline:2px solid #AC8C51;outline-offset:3px}.archive-side-note{font-size:11px;line-height:1.6;color:#6B717C;margin:12px 0 0}.archive-empty{font-size:15px;line-height:1.65;padding:24px 0;margin:0;border-top:1px solid #E2E3E5;color:#535A67}.archive-empty[hidden]{display:none} @media(max-width:1023.98px){.archive-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.archive-sidebar{padding-left:20px}.archive-entry{grid-template-columns:116px minmax(0,1fr);gap:18px;padding:22px 0}.archive-entry h2{font-size:22px}.archive-entry .art-description{font-size:14px}.archive-sidebar h2{font-size:22px}.archive-recent a{font-size:16px}} @media(max-width:699.98px){.art-hero{padding:28px 0 30px}.art-hero h1{font-size:32px}.archive-body{padding:24px 0 36px}.archive-review{margin-bottom:24px}.archive-layout{display:flex;flex-direction:column;gap:28px}.archive-sidebar{display:contents}.archive-tools{order:-1;width:100%;border:0;padding:0}.archive-tools h2{font-size:23px;margin-bottom:12px}.archive-main{width:100%;order:0}.archive-recent-block{order:1;width:100%;margin-top:0!important;padding-top:24px;border-top:1px solid #E2E3E5}.archive-topic-wrap{margin-top:16px}.archive-main-heading h2{font-size:26px}.archive-main-heading{align-items:baseline}.archive-entry{grid-template-columns:94px minmax(0,1fr);gap:16px;padding:20px 0}.archive-entry h2{font-size:21px}.archive-entry .art-description{font-size:14px;line-height:1.6}.archive-entry .art-category{font-size:9px;letter-spacing:.08em}.archive-entry .art-cover{aspect-ratio:1/1}.archive-entry .art-rule{margin:10px 0}.archive-sidebar .archive-side-block+.archive-side-block{margin-top:20px}.archive-recent a{font-size:18px}.archive-topic{font-size:16px}.archive-search-box input{font-size:16px}} @media(max-width:379.98px){.archive-entry{grid-template-columns:80px minmax(0,1fr);gap:14px}.archive-entry h2{font-size:20px}.archive-entry .art-description{font-size:14px}} 13:["$","style","14",{"dangerouslySetInnerHTML":{"__html":"$2f"}}] 30:T836, /* Acabamento local dos cards e lista completa de assuntos. */ .archive-results{display:grid;gap:16px}.archive-entry{background:#FFFFFF;border:1px solid rgba(23,34,59,.13);padding:22px;gap:24px;align-items:start}.archive-entry .art-cover{width:100%;aspect-ratio:4/3}.archive-entry .art-rule{margin:12px 0}.archive-entry .art-description{margin-bottom:12px}.archive-entry .art-pending{display:block;color:#686F7A}.archive-main-heading{margin-bottom:20px}.archive-empty{background:white;border:1px solid #E2E3E5;padding:22px} .archive-topic-wrap{margin-top:28px;padding-top:24px;border-top:1px solid #E2E3E5}.archive-topic-wrap h2{font-size:23px;margin:0 0 14px}.archive-subjects{list-style:none;margin:0;padding:0}.archive-subjects li+li{border-top:1px solid #E7E7E4}.archive-subject{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;border-left:2px solid transparent;background:transparent;color:#535D6D;padding:11px 10px;font:400 13px/1.5 'Instrument Sans',Arial,sans-serif;text-align:left;cursor:pointer}.archive-subject[aria-pressed=true]{color:#17223B;background:#F5F1E9;border-left-color:#CFB16F}.archive-subject:hover{background:#F5F1E9;color:#17223B}.archive-subject-count{font-size:11px;line-height:1.4;color:#747A83;flex:0 0 15px;text-align:right;font-variant-numeric:tabular-nums}.archive-subject:focus-visible{outline:2px solid #AC8C51;outline-offset:2px} @media(max-width:1023.98px){.archive-entry{padding:18px;grid-template-columns:100px minmax(0,1fr);gap:18px}.archive-subject{font-size:12px;padding-inline:8px}.archive-topic-wrap h2{font-size:22px}} @media(max-width:699.98px){.archive-entry{padding:18px;grid-template-columns:86px minmax(0,1fr);gap:16px}.archive-entry .art-cover{aspect-ratio:1/1}.archive-subject{font-size:14px;padding:12px 10px}.archive-topic-wrap{margin-top:24px}.archive-subjects{display:block}.archive-entry h2{font-size:21px}.archive-topic-wrap h2{font-size:23px}} @media(max-width:379.98px){.archive-entry{padding:16px;grid-template-columns:72px minmax(0,1fr);gap:14px}.archive-entry h2{font-size:20px}} 14:["$","style","15",{"dangerouslySetInnerHTML":{"__html":"$30"}}] 31:T8a9, /* Somente acabamento fotográfico: placa CSS independente, foto intacta. */ .archive-entry .art-cover{position:relative;overflow:visible;isolation:isolate;margin:0;} .archive-entry .art-cover::before{content:"";position:absolute;inset:5px -5px -5px 5px;background:#17223B;z-index:-1;pointer-events:none} .archive-entry .art-cover img{position:relative;z-index:0;display:block} /* Seletor com largura limitada e rótulos em múltiplas linhas. */ .archive-picker{position:relative;width:100%;min-width:0;font:400 14px/1.5 'Instrument Sans',Arial,sans-serif;color:#17223B} .archive-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;border:1px solid #D9DBDF;background:#FFFFFF;padding:11px 12px;cursor:pointer} .archive-picker summary::-webkit-details-marker{display:none}.archive-picker summary::marker{content:""}.archive-picked-text{min-width:0;white-space:normal;overflow-wrap:break-word;text-align:left}.archive-picker summary svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#17223B;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.archive-picker[open] summary svg{transform:rotate(180deg)} .archive-choice-list{position:absolute;z-index:30;inset:auto 0 auto 0;top:calc(100% + 4px);width:100%;max-height:340px;overflow-y:auto;list-style:none;margin:0;padding:4px 0;background:#FFFFFF;border:1px solid #D9DBDF;box-shadow:none}.archive-picker:not([open]) .archive-choice-list{display:none}.archive-choice-list li{min-width:0;margin:0;padding:0}.archive-choice-list li+li{border-top:1px solid #ECECEA}.archive-choice{display:block;min-height:44px;width:100%;border:0;border-radius:0;background:white;color:#17223B;padding:11px 12px;font:inherit;text-align:left;white-space:normal;overflow-wrap:break-word;cursor:pointer}.archive-choice:hover,.archive-choice[aria-pressed=true]{background:#F5F1E9}.archive-choice:focus-visible,.archive-picker summary:focus-visible{outline:2px solid #AC8C51;outline-offset:-3px}.archive-choice:focus-visible{background:#F5F1E9} @media(max-width:699.98px){.archive-picker{font-size:16px}.archive-choice-list{max-height:320px}.archive-entry .art-cover::before{inset:4px -4px -4px 4px}} 15:["$","style","16",{"dangerouslySetInnerHTML":{"__html":"$31"}}] 16:["$","style","17",{"dangerouslySetInnerHTML":{"__html":"\n/* V6: substituir exclusivamente a placa navy pela sombra suave da fotografia. */\n.archive-entry .art-cover::before{content:none}\n.archive-entry .art-cover{background:transparent;box-shadow:5px 6px 14px -3px rgba(23,34,59,.30)}\n@media(max-width:699.98px){.archive-entry .art-cover{box-shadow:4px 5px 11px -2px rgba(23,34,59,.27)}}\n"}}] 17:["$","style","18",{"dangerouslySetInnerHTML":{"__html":"\n/* V8: fotografia apoiada, com contorno neutro e sombra definida. */\n.archive-entry .art-cover{box-shadow:0 0 0 1px #D8D5CE,4px 7px 7px -2px rgba(23,34,59,.32),7px 12px 18px -5px rgba(23,34,59,.26)}\n@media(max-width:699.98px){.archive-entry .art-cover{box-shadow:0 0 0 1px #D8D5CE,3px 5px 6px -1px rgba(23,34,59,.30),5px 9px 13px -3px rgba(23,34,59,.23)}}\n"}}] 18:["$","style","19",{"dangerouslySetInnerHTML":{"__html":".archive-copy a.art-pending{color:#17223B;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:8px 0;min-height:40px}.archive-copy a.art-pending:focus-visible{outline:2px solid #AC8C51;outline-offset:4px}"}}] 19:["$","style","20",{"dangerouslySetInnerHTML":{"__html":"/* Página 404 institucional: reutiliza hero, tipografia e botão aprovados. */\n.art-page .nf-main { background: #17223B; min-height: min(62vh, 560px); }\n.art-page .nf-hero { padding-top: 72px; padding-bottom: 96px; }\n.art-page .nf-action { margin: 36px 0 0; }\n@media (max-width: 699.98px) { .art-page .nf-hero { padding-top: 44px; padding-bottom: 64px; } .art-page .nf-action { margin-top: 28px; } }\n"}}] 32:T8fd,/* Menu compacto para larguras abaixo de 1024 px (tablet e mobile). Reaproveita o

e a navegação já existentes no cabeçalho, sem alterar a logomarca nem a navegação desktop (>= 1024 px). */ @container mbpreview (max-width: 1023.98px) { /* Logomarca à esquerda e botão do menu à direita: evita qualquer sobreposição em 360-1023 px. */ .mb-stage2--refined.mb-stage2--newsreader.mb-stage2--mobile-brand-only .mb-header-inner { justify-content: space-between; gap: 6px; } .mb-stage2 .mb-brand { flex: 0 0 auto; } .mb-stage2--refined.mb-stage2--newsreader.mb-stage2--mobile-brand-only .mb-mobile-menu, .mb-stage2 .mb-mobile-menu { display: block; position: relative; flex: 0 0 auto; z-index: 20; } /* Alvo de toque confortável (>= 44 px) com o ícone de três linhas aprovado. */ .mb-stage2--refined .mb-mobile-menu summary { min-width: 48px; width: 48px; min-height: 48px; justify-content: center; } .mb-stage2 .mb-mobile-menu summary:focus-visible { outline: 2px solid var(--mb-color-gold-on-dark); outline-offset: 2px; } /* Painel: largura confortável, sem sair da tela e com rolagem interna se a altura for curta. */ .mb-stage2 .mb-mobile-menu nav { top: calc(100% + 14px); right: 0; width: min(340px, calc(100vw - 32px)); max-height: calc(100vh - 140px); max-height: calc(100dvh - 140px); overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box; border: 1px solid color-mix(in srgb, var(--mb-gold) 28%, transparent); } .mb-stage2 .mb-mobile-menu nav > a, .mb-stage2 .mb-mobile-menu nav .mb-area-disclosure > a { white-space: normal; } .mb-stage2 .mb-mobile-menu nav .mb-area-disclosure { display: grid; grid-template-columns: 1fr 48px; align-items: center; } .mb-stage2 .mb-mobile-menu nav .mb-area-toggle { width: 48px; min-height: 48px; } .mb-stage2 .mb-mobile-menu nav .mb-area-toggle:focus-visible, .mb-stage2 .mb-mobile-menu nav a:focus-visible { outline: 2px solid var(--mb-color-gold-on-dark); outline-offset: -3px; } .mb-stage2 .mb-mobile-menu nav .mb-area-list a:focus-visible { outline-color: #85652D; } .mb-stage2 .mb-mobile-menu nav .mb-area-list a { min-height: 44px; display: flex; align-items: center; letter-spacing: 0; } } 1a:["$","style","21",{"dangerouslySetInnerHTML":{"__html":"$32"}}] 1b:["$","style","22",{"dangerouslySetInnerHTML":{"__html":"/* Links do Aviso de Privacidade: rodapé e formulário. Reutiliza cores, fontes e alvos de toque já aprovados. */\n.mbfooter-v5 .mbfooter-legal a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}\n.mbfooter-v5 .mbfooter-legal a:is(:hover,:focus-visible){text-decoration-thickness:2px}\n.mbcontact-v4 .mbcontact-privacidade{margin:16px 0 0;max-width:none;font-size:13px;line-height:1.65;color:#46484D}\n.mbcontact-v4 .mbcontact-privacidade a{color:#17223B;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}\n.mbcontact-v4 .mbcontact-privacidade a:is(:hover,:focus-visible){text-decoration-thickness:2px}\n.mbcontact-v4 .mbcontact-privacidade + .mbcontact-submit{margin-top:14px}\n"}}] 1c:["$","style","23",{"dangerouslySetInnerHTML":{"__html":"/* Rodapé: o filete inferior do cabeçalho (.mb-stage2--navy .mb-header) vazava para o logo do rodapé\n nas páginas internas (artigos, áreas). Remove somente esse filete; os filetes do logo (laterais de \"ADVOCACIA\") não mudam. */\n.mbfooter-v5 .mbfooter-brand-source .mb-header { border-bottom: 0; }\n"}}] 33:T1861,

Página não encontrada

O endereço pode ter sido alterado ou a página não está disponível.

Voltar ao início

1d:["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$33"}}] 1e:["$","script","708f392ed286b0f7e7e1efe87aa4362dd0971a556697b9739061acf5ef00be4c",{"src":"/scripts/aprovados/708f392ed286b0f7e7e1efe87aa4362dd0971a556697b9739061acf5ef00be4c.js","defer":true}] 1f:["$","script","mb-menu-compacto",{"src":"/scripts/aprovados/mb-menu-compacto.js","defer":true}] 21:["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 34:Tba1,/* Submenu institucional aprovado, compartilhado entre as páginas. */ .mb-desktop-nav .mb-area-disclosure{position:relative;display:inline-flex;align-items:center;gap:3px} .mb-area-disclosure .mb-area-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:44px;padding:0;border:0;background:transparent;color:#D8C7A3;cursor:pointer} .mb-area-toggle svg{width:14px;height:14px;transition:transform .15s ease} .mb-area-toggle[aria-expanded="true"] svg{transform:rotate(180deg)} .mb-area-disclosure .mb-area-list{position:absolute;top:100%;right:0;left:auto;width:680px;max-width:calc(100vw - 40px);margin:0;padding:16px 20px;list-style:none;background:#FFFFFF;border:0;z-index:1000;box-shadow:none;display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px} .mb-area-disclosure .mb-area-list[hidden]{display:none!important} .mb-desktop-nav .mb-area-list a,#mb-mobile-navigation .mb-area-list a{display:block;margin:0;padding:12px 12px;color:#17223B;font-family:inherit;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:0;text-decoration:none;white-space:normal;border:0} .mb-desktop-nav .mb-area-list a:hover,.mb-desktop-nav .mb-area-list a:focus-visible,#mb-mobile-navigation .mb-area-list a:hover,#mb-mobile-navigation .mb-area-list a:focus-visible{background:#F5F1E9;color:#17223B} .mb-area-disclosure :focus-visible{outline:2px solid #D8C7A3;outline-offset:3px} #mb-mobile-navigation .mb-area-disclosure{display:grid;grid-template-columns:1fr 44px;align-items:center} #mb-mobile-navigation .mb-area-list{position:static;grid-column:1/-1;width:auto;max-width:none;box-shadow:none;margin:4px 0 8px;padding:4px 0;border-width:1px 0} @media(prefers-reduced-motion:reduce){.mb-area-toggle svg{transition:none}} /* Opção 2 aprovada: duas colunas, branco e destaque marfim. */ .mb-desktop-nav .mb-area-list li{min-width:0;margin:0;border-bottom:1px solid #E8E6E1} .mb-desktop-nav .mb-area-list li:nth-child(4),.mb-desktop-nav .mb-area-list li:nth-child(8){border-bottom:0} .mb-desktop-nav .mb-area-list:before{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:1px;background:#E8E6E1} .mb-area-list a:focus-visible{outline:2px solid #85652D;outline-offset:-2px} #mb-mobile-navigation .mb-area-list{display:block;background:#FFFFFF;border:0;padding:8px 12px} #mb-mobile-navigation .mb-area-list li{border-bottom:1px solid #E8E6E1} #mb-mobile-navigation .mb-area-list li:last-child{border-bottom:0} /* Supera apenas a cor herdada dos links do cabeçalho navy. */ [id] .mb-desktop-nav .mb-area-list a,[id] #mb-mobile-navigation .mb-area-list a{color:#17223B!important;font-weight:400} [id] .mb-desktop-nav .mb-area-list a:hover,[id] .mb-desktop-nav .mb-area-list a:focus-visible{color:#17223B!important;background:#F5F1E9!important} /* Mantém o dropdown acima da Hero das páginas internas. */ .mb-opening:has(.mb-area-disclosure){z-index:10} 35:Tf3b6, @font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url("/assets/aprovados/3eb80fbca70498126925ce16ff5c20b2fa35e67ae7123ddb46302d2778dfbf0e.woff2")format("woff2"),url("/assets/aprovados/b8d4d041270ccde9d545fbd465f49a1226abfd17ed1dcdaa9748bcb0ec13cac0.woff")format("woff")} @font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url("/assets/aprovados/0f73f35e08cde0a2f10c109c6e01d71459d97e4099ecd9a50f1b6c0209e4de2b.woff2")format("woff2"),url("/assets/aprovados/0993784572e60931aeef55e51aad47aaabb6aad99647fd9846ee8539707e539e.woff")format("woff")} @font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:500;src:url("/assets/aprovados/3b3a8b8e4a422ff71c9ffb0836a4d48ff337a4419b878214f65d6ebe0f59fa51.woff2")format("woff2"),url("/assets/aprovados/169fc3756d6902340ea6517f65743cb985be355820411b90ec45aa1f437487d8.woff")format("woff")} @font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url("/assets/aprovados/14527d193b0e30bc32ef931549a246cdfd286573bb12869b7e052b8101a39d38.woff2")format("woff2"),url("/assets/aprovados/d0c10bc29d07ecd2057786b961a628e683b5aa8d9d541d7d81f79c3d8d83b37e.woff")format("woff")} /* Global color semantics. Master: Marlei-Borges_Design-System-Cores.md (V1.0). Text/editorial gold is contextual; approved metallic brand finishes stay separate. */ #marlei-home-titulos-v17 .mbpc-preview-canvas { --mb-color-gold-on-light: #85652D; --mb-color-gold-on-dark: #D4BF91; } /* Global typography matrix v0.3, derived from the approved Home. * Main/secondary headings, institutional/compact body, eyebrows and CTA * variants consume shared role tokens; approved visual treatments stay local. * cqw is used on the page; the comparison exporter maps cqw to cqw. * Source of decisions: Marlei-Borges_Referencia-Tipografica.md. Approved changes must update matrix, * tokens, DESIGN.md metadata and every active consumer together. */ :where(.mb-type-scope, .mb-stage2, .mbl-areas, .mbabout-section, .mbatt-section) { --mb-type-display-family: 'Newsreader', Georgia, serif; --mb-type-text-family: 'Instrument Sans', Arial, sans-serif; --mb-type-main-weight: 400; --mb-type-main-size: calc(clamp(30px, 8.2cqw, 39px) - 2px); --mb-type-main-leading: 1.18; --mb-type-main-tracking: -.018em; --mb-type-secondary-size: 26px; --mb-type-secondary-weight: 400; --mb-type-secondary-leading: 1.18; --mb-type-secondary-tracking: -.012em; --mb-type-support-size: 17px; --mb-type-support-weight: 400; --mb-type-support-leading: 1.56; --mb-type-support-tracking: .006em; --mb-type-highlight-size: 25px; --mb-type-highlight-leading: 1.28; --mb-type-highlight-tracking: -.01em; --mb-type-body-size: 17px; --mb-type-body-weight: 400; --mb-type-body-leading: 1.65; --mb-type-body-tracking: 0; --mb-type-compact-size: 16px; --mb-type-compact-weight: 400; --mb-type-compact-leading: 1.55; --mb-type-compact-tracking: 0; --mb-type-eyebrow-size: 12px; --mb-type-eyebrow-weight: 500; --mb-type-eyebrow-leading: 1.5; --mb-type-eyebrow-tracking: .18em; --mb-type-action-primary-size: 16px; --mb-type-action-primary-weight: 600; --mb-type-action-secondary-size: 16px; --mb-type-action-secondary-weight: 500; --mb-type-action-institutional-size: 16px; --mb-type-action-institutional-weight: 500; --mb-type-action-size: var(--mb-type-action-secondary-size); --mb-type-action-weight: var(--mb-type-action-secondary-weight); --mb-type-action-leading: 1.5; --mb-type-action-tracking: .015em; --mb-type-eyebrow-to-title: 16px; --mb-type-title-to-support: 18px; --mb-type-title-to-highlight: 20px; --mb-type-secondary-to-body: 12px; --mb-type-paragraph-gap: 18px; --mb-type-title-to-grid: 28px; } @container mbpreview (min-width: 640px) { :where(.mb-type-scope, .mb-stage2, .mbl-areas, .mbabout-section, .mbatt-section) { --mb-type-main-size: clamp(30px, 8.2cqw, 39px); --mb-type-main-leading: 1.19; --mb-type-support-size: 18px; --mb-type-support-leading: 1.65; --mb-type-title-to-support: 26px; } } @container mbpreview (min-width: 768px) { :where(.mb-type-scope, .mb-stage2, .mbl-areas, .mbabout-section, .mbatt-section) { --mb-type-secondary-size: 27px; } } @container mbpreview (min-width: 1024px) { :where(.mb-type-scope, .mb-stage2, .mbl-areas, .mbabout-section, .mbatt-section) { --mb-type-main-size: clamp(40px, 3.61cqw, 54px); --mb-type-main-leading: 1.15; --mb-type-support-size: 19px; --mb-type-highlight-size: 27px; --mb-type-action-primary-size: 17px; --mb-type-action-secondary-size: 17px; --mb-type-title-to-support: 30px; --mb-type-title-to-highlight: 22px; } } @container mbpreview (min-width: 1200px) { :where(.mb-type-scope, .mb-stage2, .mbl-areas, .mbabout-section, .mbatt-section) { --mb-type-title-to-grid: 32px; } } /* Explicit roles only. No bare h1/h2/h3/p/button selector. */ .mb-type-scope .mb-type-main { font-family: var(--mb-type-display-family); font-size: var(--mb-type-main-size); font-weight: var(--mb-type-main-weight); line-height: var(--mb-type-main-leading); letter-spacing: var(--mb-type-main-tracking); font-optical-sizing: auto; text-wrap: balance; } .mb-type-scope .mb-type-secondary { font-family: var(--mb-type-display-family); font-size: var(--mb-type-secondary-size); font-weight: var(--mb-type-secondary-weight); line-height: var(--mb-type-secondary-leading); letter-spacing: var(--mb-type-secondary-tracking); font-optical-sizing: auto; text-wrap: balance; } .mb-type-scope .mb-type-support { font-family: var(--mb-type-text-family); font-size: var(--mb-type-support-size); font-weight: var(--mb-type-support-weight); line-height: var(--mb-type-support-leading); letter-spacing: var(--mb-type-support-tracking); } .mb-type-scope .mb-type-highlight { font-family: var(--mb-type-display-family); font-size: var(--mb-type-highlight-size); font-weight: 400; line-height: var(--mb-type-highlight-leading); letter-spacing: var(--mb-type-highlight-tracking); } .mb-type-scope .mb-type-body { font-family: var(--mb-type-text-family); font-size: var(--mb-type-body-size); font-weight: var(--mb-type-body-weight); line-height: var(--mb-type-body-leading); letter-spacing: var(--mb-type-body-tracking); } .mb-type-scope .mb-type-compact { font-family: var(--mb-type-text-family); font-size: var(--mb-type-compact-size); font-weight: var(--mb-type-compact-weight); line-height: var(--mb-type-compact-leading); letter-spacing: var(--mb-type-compact-tracking); } .mb-type-scope .mb-type-eyebrow { font-family: var(--mb-type-text-family); font-size: var(--mb-type-eyebrow-size); font-weight: var(--mb-type-eyebrow-weight); line-height: var(--mb-type-eyebrow-leading); letter-spacing: var(--mb-type-eyebrow-tracking); } .mb-type-scope .mb-type-action { font-family: var(--mb-type-text-family); font-size: var(--mb-type-action-size); font-weight: var(--mb-type-action-weight); line-height: var(--mb-type-action-leading); letter-spacing: var(--mb-type-action-tracking); } .mb-type-scope .mb-type-action-primary { font-size: var(--mb-type-action-primary-size); font-weight: var(--mb-type-action-primary-weight); } .mb-type-scope .mb-type-action-secondary { font-size: var(--mb-type-action-secondary-size); font-weight: var(--mb-type-action-secondary-weight); } .mb-type-scope .mb-type-action-institutional { font-size: var(--mb-type-action-institutional-size); font-weight: var(--mb-type-action-institutional-weight); } .mb-type-scope .mb-type-body p + p { margin-top: var(--mb-type-paragraph-gap); } .mb-stage2 { --mb-navy: #17223B; --mb-navy-secondary: #1F2A44; --mb-gold: #D8C7A3; --mb-pearl: #E8DDC8; --mb-offwhite: #F5F2EC; --mb-ivory: #F5F1E9; --mb-feedback: cubic-bezier(0.23, 1, 0.32, 1); color: var(--mb-offwhite); background: var(--mb-navy); font-family: 'Source Sans 3', sans-serif; min-height: 100vh; } .mb-stage2 .mb-shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; } .mb-stage2 .mb-opening { position: relative; isolation: isolate; } .mb-stage2 .mb-skip { position: absolute; top: 12px; left: 12px; padding: 12px 20px; z-index: 30; background: var(--mb-ivory); color: var(--mb-navy); transform: translateY(-180%); } .mb-stage2 .mb-skip:focus { transform: none; } .mb-stage2 a:focus-visible, .mb-stage2 button:focus-visible, .mb-stage2 summary:focus-visible { outline: 2px solid var(--mb-gold); outline-offset: 6px; } .mb-stage2 ::selection { color: var(--mb-navy); background: var(--mb-gold); } .mb-stage2 .mb-header { position: relative; z-index: 5; background: var(--mb-navy); } .mb-stage2 .mb-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 100px; border-bottom: 1px solid color-mix(in srgb, var(--mb-gold) 25%, transparent); } .mb-stage2 .mb-brand { display: inline-flex; align-items: center; gap: 13px; padding-block: 18px; flex: 0 0 auto; } .mb-stage2 .mb-metal { display: block; background: linear-gradient(115deg, var(--mb-gold) 4%, var(--mb-ivory) 24%, var(--mb-gold) 42%, color-mix(in srgb, var(--mb-gold) 85%, var(--mb-navy-secondary)) 57%, var(--mb-pearl) 77%, var(--mb-gold) 100%); } .mb-stage2 .mb-monogram { width: 52px; aspect-ratio: 526 / 397; mask: url('/assets/aprovados/575cf9f335c10ec32fbe9406cb4e39e9ee43c325cb926264187c4e082f68221f.svg') center / contain no-repeat; } .mb-stage2 .mb-brand-lettering { display: grid; gap: 10px; width: 139px; } .mb-stage2 .mb-wordmark { width: 100%; aspect-ratio: 995 / 85; mask: url('/assets/aprovados/8407a57e4e1f3013bb401f6f0885edf6f30a255adfeea50785be9dcbd51f3779.svg') center / contain no-repeat; } .mb-stage2 .mb-brand-subline { display: flex; align-items: center; justify-content: space-between; gap: 7px; color: var(--mb-gold); font-size: 10px; line-height: 1; letter-spacing: .23em; } .mb-stage2 .mb-brand-subline > span { height: 1px; flex: 1; background: var(--mb-gold); opacity: .7; } .mb-stage2 .mb-desktop-nav { display: none; align-items: center; gap: 40px; font-size: 17px; } .mb-stage2 .mb-desktop-nav a { position: relative; display: inline-flex; align-items: center; min-height: 48px; } .mb-stage2 .mb-desktop-nav a::after { content: ''; position: absolute; bottom: 6px; left: 0; right: 0; height: 1px; background: var(--mb-gold); opacity: 0; transition: opacity 160ms var(--mb-feedback); } .mb-stage2 .mb-desktop-nav a[aria-current]::after { opacity: .8; } .mb-stage2 .mb-mobile-menu { position: relative; } .mb-stage2 .mb-mobile-menu summary { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 58px; min-height: 48px; list-style: none; cursor: pointer; touch-action: manipulation; font-size: 15px; } .mb-stage2 .mb-mobile-menu summary::-webkit-details-marker { display: none; } .mb-stage2 .mb-menu-lines { display: block; width: 14px; height: 6px; border-top: 1px solid var(--mb-gold); border-bottom: 1px solid var(--mb-gold); } .mb-stage2 .mb-mobile-menu[open] summary { color: var(--mb-gold); } .mb-stage2 .mb-mobile-menu[open] .mb-menu-lines { height: 1px; border-bottom: 0; } .mb-stage2 .mb-mobile-menu nav { position: absolute; top: calc(100% + 12px); right: 0; width: 218px; background: var(--mb-navy-secondary); padding: 12px; box-shadow: 0 10px 28px rgb(23 34 59 / .35); } .mb-stage2 .mb-mobile-menu nav a { display: flex; align-items: center; min-height: 48px; padding-inline: 14px; } .mb-stage2 .mb-hero { position: relative; isolation: isolate; } .mb-stage2 .mb-photo { position: absolute; inset: 0 0 auto; height: 350px; z-index: -2; overflow: hidden; } .mb-stage2 .mb-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 94% top; } .mb-stage2 .mb-hero::after { content: ''; position: absolute; inset: 0 0 auto; height: 350px; background: linear-gradient(180deg, transparent 34%, rgb(23 34 59 / .14) 57%, rgb(23 34 59 / .76) 83%, var(--mb-navy) 100%); z-index: -1; pointer-events: none; } .mb-stage2 .mb-copy { padding-block: 330px 64px; } .mb-stage2 .mb-copy h1 { font-family: 'Libre Baskerville', serif; font-size: clamp(32px, 7.9cqw, 42px); line-height: 1.25; letter-spacing: -.023em; font-weight: 400; max-width: 590px; margin: 0; text-wrap: balance; color: var(--mb-offwhite); } .mb-stage2 .mb-copy > p { margin: 26px 0 0; max-width: 47ch; font-size: 19px; line-height: 1.65; color: var(--mb-pearl); } .mb-stage2 .mb-actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 36px; } .mb-stage2 .mb-action { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 13px 24px; border: 1px solid var(--mb-gold); font-size: 17px; line-height: 1.5; font-weight: 500; touch-action: manipulation; transition: transform 140ms var(--mb-feedback); } .mb-stage2 .mb-action-primary { background: var(--mb-gold); color: var(--mb-navy); } .mb-stage2 .mb-action-contact { background: rgb(23 34 59 / .2); color: var(--mb-pearl); border-color: color-mix(in srgb, var(--mb-gold) 65%, transparent); } .mb-stage2 .mb-action:active:not(:disabled):not(:focus-visible) { transform: scale(.98); } .mb-stage2 .mb-action:focus-visible { transition: none; } .mb-stage2 .mb-action:disabled { cursor: not-allowed; } .mb-stage2--integrated .mb-header { position: absolute; inset: 0 0 auto; background: transparent; } .mb-stage2--integrated .mb-header-inner { border-bottom: 0; } .mb-stage2--integrated .mb-opening::before { content: ''; position: absolute; inset: 0 0 auto; height: 175px; background: linear-gradient(180deg, rgb(23 34 59 / .96), rgb(23 34 59 / .84) 58%, rgb(23 34 59 / .3) 82%, transparent); z-index: 2; pointer-events: none; } .mb-stage2--integrated { --mb-photo-height: clamp(350px, calc(71.4286cqw + 121.4286px), 400px); } .mb-stage2--integrated .mb-photo, .mb-stage2--integrated .mb-hero::after { height: var(--mb-photo-height); } .mb-stage2--integrated .mb-photo img { object-position: 94% top; } .mb-stage2--integrated .mb-copy { padding-top: calc(var(--mb-photo-height) - 24px); } @container mbpreview (min-width: 640px) { .mb-stage2 .mb-shell { width: min(1320px, calc(100% - 80px)); } .mb-stage2 .mb-photo, .mb-stage2 .mb-hero::after { height: 470px; } .mb-stage2 .mb-copy { padding-top: 440px; } .mb-stage2 .mb-actions { gap: 22px; } .mb-stage2--integrated .mb-photo, .mb-stage2--integrated .mb-hero::after { height: 570px; } .mb-stage2--integrated .mb-copy { padding-top: 540px; } } @container mbpreview (min-width: 1024px) { .mb-stage2 .mb-shell { width: min(1320px, calc(100% - 128px)); } .mb-stage2 .mb-header-inner { min-height: 116px; } .mb-stage2 .mb-brand { gap: 19px; } .mb-stage2 .mb-monogram { width: 70px; } .mb-stage2 .mb-brand-lettering { width: 187px; gap: 12px; } .mb-stage2 .mb-brand-subline { font-size: 12px; letter-spacing: .25em; gap: 12px; } .mb-stage2 .mb-mobile-menu { display: none; } .mb-stage2 .mb-desktop-nav { display: flex; } .mb-stage2 .mb-header-inner { border-bottom: 0; } .mb-stage2--navy .mb-header { border-bottom: 1px solid color-mix(in srgb, var(--mb-gold) 20%, transparent); } .mb-stage2 .mb-hero-inner { min-height: clamp(660px, 48cqw, 820px); display: flex; align-items: center; } .mb-stage2 .mb-copy { width: 45%; max-width: 590px; padding-block: 92px 100px; } .mb-stage2 .mb-copy h1 { font-size: clamp(40px, 3.65cqw, 54px); line-height: 1.24; } .mb-stage2 .mb-copy > p { font-size: 20px; margin-top: 30px; } .mb-stage2 .mb-actions { margin-top: 40px; gap: 18px; } .mb-stage2 .mb-photo, .mb-stage2 .mb-hero::after { inset: 0; height: 100%; } .mb-stage2 .mb-photo img { object-position: 92% top; } .mb-stage2 .mb-hero::after { background: linear-gradient(90deg, rgb(23 34 59 / .98) 0%, rgb(23 34 59 / .94) 23%, rgb(23 34 59 / .86) 38%, rgb(23 34 59 / .6) 47%, rgb(23 34 59 / .13) 59%, transparent 68%); } .mb-stage2--integrated .mb-hero-inner { min-height: clamp(776px, calc(48cqw + 116px), 936px); } .mb-stage2--integrated .mb-copy { padding-block: 208px 100px; } .mb-stage2--integrated .mb-photo img { object-position: 92% top; } .mb-stage2--integrated .mb-opening::before { height: 240px; background: linear-gradient(180deg, rgb(23 34 59 / .88), rgb(23 34 59 / .78) 50%, rgb(23 34 59 / .3) 78%, transparent); } } @container mbpreview (min-width: 1440px) { .mb-stage2--navy .mb-photo img { object-position: 65% top; } .mb-stage2--integrated .mb-photo img { object-position: 90% top; } } @media (hover: hover) and (pointer: fine) { .mb-stage2 .mb-desktop-nav a:hover::after { opacity: .8; } .mb-stage2 .mb-action-primary:hover { background: var(--mb-ivory); border-color: var(--mb-ivory); } .mb-stage2 .mb-mobile-menu nav a:hover { background: color-mix(in srgb, var(--mb-gold) 10%, var(--mb-navy-secondary)); } } @media (prefers-reduced-motion: reduce) { .mb-stage2 .mb-action, .mb-stage2 .mb-desktop-nav a::after { transition: none; } .mb-stage2 .mb-action:active:not(:disabled):not(:focus-visible) { transform: none; } } @media (forced-colors: active) { .mb-stage2 .mb-metal { background: LinkText; } } /* Presentation refinements are isolated; the earlier proposals stay available. */ .mb-stage2--refined { --mb-metal-shadow: color-mix(in srgb, var(--mb-gold) 78%, var(--mb-navy-secondary)); --mb-metal-light: color-mix(in srgb, var(--mb-gold) 58%, var(--mb-ivory)); --mb-metal-finish: linear-gradient(122deg, var(--mb-gold) 0%, var(--mb-metal-shadow) 16%, var(--mb-gold) 32%, var(--mb-metal-light) 44%, var(--mb-ivory) 49%, var(--mb-gold) 55%, var(--mb-metal-shadow) 75%, var(--mb-gold) 100%); /* CTA gold follows the approved logo and filets' metallic ramp. */ --mb-button-gold: #CFB16F; --mb-button-light: #EBD6A2; --mb-button-shadow: #AC8C51; --mb-button-pearl: #F1E4BF; --mb-button-finish: linear-gradient(118deg, var(--mb-button-gold) 0%, var(--mb-button-shadow) 15%, var(--mb-button-gold) 30%, var(--mb-button-light) 44%, var(--mb-button-pearl) 48%, var(--mb-button-light) 52%, var(--mb-button-gold) 61%, var(--mb-button-shadow) 79%, var(--mb-button-gold) 100%); } .mb-stage2--refined .mb-metal { background: var(--mb-metal-finish); } .mb-stage2--refined .mb-brand { gap: 12px; } .mb-stage2--refined .mb-brand-lettering { width: clamp(170px, calc(100cqw - 166px), 240px); gap: 9px; } .mb-stage2--refined .mb-wordmark { mask-image: url('/assets/aprovados/24a13a756181c892e54be1700455b28fab0483ef7a6281ad04a60360ef1ef0f0.svg'); } .mb-stage2--refined .mb-brand-subline { font-size: 11px; font-weight: 600; letter-spacing: .22em; color: var(--mb-metal-light); } .mb-stage2--refined .mb-brand-subline > span { background: var(--mb-metal-finish); opacity: 1; } .mb-stage2--refined .mb-mobile-menu summary { min-width: 44px; width: 44px; } .mb-stage2--refined .mb-mobile-menu summary > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .mb-stage2--refined .mb-menu-lines { width: 20px; height: 8px; border-width: 2px; } .mb-stage2--refined .mb-desktop-nav a::after { background: var(--mb-metal-finish); } .mb-stage2--refined .mb-action-primary { background: var(--mb-button-finish); background-size: 100% 160%; background-position: 0 22%; color: var(--mb-navy); border-color: var(--mb-button-gold); font-weight: 600; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mb-ivory) 65%, transparent), 0 6px 18px rgb(23 34 59 / .22); transition: transform 140ms var(--mb-feedback), background-position 180ms var(--mb-feedback), box-shadow 180ms var(--mb-feedback); } .mb-stage2--refined .mb-action-primary:active:not(:focus-visible) { background-position: 0 70%; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mb-ivory) 45%, transparent); } .mb-stage2--refined .mb-action-contact { border-color: transparent; border-image: var(--mb-button-finish) 1; } .mb-stage2--refined .mb-action-primary:focus-visible { transition: none; } @container mbpreview (max-width: 359px) { .mb-stage2--refined .mb-header > .mb-shell { width: calc(100% - 32px); } .mb-stage2--refined .mb-brand-lettering { width: calc(100cqw - 150px); } } @container mbpreview (min-width: 640px) { .mb-stage2--refined .mb-brand-lettering { width: 280px; gap: 10px; } .mb-stage2--refined .mb-brand-subline { font-size: 12px; } } @container mbpreview (min-width: 1024px) { .mb-stage2--refined .mb-brand { gap: 19px; } .mb-stage2--refined .mb-brand-lettering { width: 340px; gap: 13px; } .mb-stage2--refined .mb-brand-subline { font-size: 12px; letter-spacing: .27em; } .mb-stage2--refined .mb-header { border-bottom-color: color-mix(in srgb, var(--mb-gold) 35%, transparent); } } @media (hover: hover) and (pointer: fine) { .mb-stage2--refined .mb-action-primary:hover { background: var(--mb-button-finish); background-size: 100% 160%; background-position: 0 0; border-color: var(--mb-button-light); box-shadow: inset 0 1px 0 var(--mb-ivory), 0 8px 20px rgb(23 34 59 / .3); } } @media (prefers-reduced-motion: reduce) { .mb-stage2--refined .mb-action-primary { transition: none; } } @media (forced-colors: active) { .mb-stage2--refined .mb-metal { background: LinkText; } .mb-stage2--refined .mb-action-primary { background: ButtonFace; color: ButtonText; border-color: ButtonText; box-shadow: none; } .mb-stage2--refined .mb-action-contact { border-image: none; border-color: ButtonText; } } /* Keep the responsive title scale, reducing its size by 6 CSS px in total. */ .mb-stage2--refined .mb-copy h1 { font-size: calc(clamp(32px, 7.9cqw, 42px) - 6px); } @container mbpreview (min-width: 1024px) { .mb-stage2--refined .mb-copy h1 { font-size: calc(clamp(40px, 3.65cqw, 54px) - 6px); } } /* Authorized metal tones apply exclusively to the header brand. */ .mb-stage2--refined .mb-header { --mb-logo-gold-shadow: #AC8C51; --mb-logo-gold-mid: #CFB16F; --mb-logo-gold-light: #EBD6A2; --mb-logo-gold-reflection: #F1E4BF; --mb-logo-metal: repeating-linear-gradient(0deg, rgb(241 228 191 / .045) 0 .5px, transparent .5px 2px), linear-gradient(118deg, var(--mb-logo-gold-mid) 0%, var(--mb-logo-gold-shadow) 15%, var(--mb-logo-gold-mid) 30%, var(--mb-logo-gold-light) 44%, var(--mb-logo-gold-reflection) 48%, var(--mb-logo-gold-light) 52%, var(--mb-logo-gold-mid) 61%, var(--mb-logo-gold-shadow) 79%, var(--mb-logo-gold-mid) 100%); } .mb-stage2--refined .mb-header .mb-metal { background: var(--mb-logo-metal); } .mb-stage2--refined .mb-header .mb-wordmark { mask-size: auto calc(100% - 1px); } .mb-stage2--refined .mb-header .mb-brand-lettering { gap: 7px; } .mb-stage2--refined .mb-header .mb-brand-subline { gap: 10px; font-size: 13px; line-height: 1.15; font-weight: 600; letter-spacing: .36em; color: var(--mb-logo-gold-mid); } .mb-stage2--refined .mb-header .mb-brand-subline > span:not(.mb-brand-subtitle) { flex: 1 1 0; height: 1px; opacity: 1; background: var(--mb-logo-metal); } .mb-stage2--refined .mb-header .mb-brand-subtitle { display: block; flex: 0 0 auto; height: auto; padding-left: .36em; white-space: nowrap; background: var(--mb-logo-metal); background-clip: text; -webkit-background-clip: text; color: transparent; } @container mbpreview (min-width: 640px) { .mb-stage2--refined .mb-header .mb-brand-subline { font-size: 14px; } } @container mbpreview (min-width: 1024px) { .mb-stage2--refined .mb-header .mb-brand-lettering { gap: 9px; } .mb-stage2--refined .mb-header .mb-brand-subline { font-size: 16px; letter-spacing: .4em; gap: 14px; } .mb-stage2--refined .mb-header .mb-brand-subtitle { padding-left: .4em; } } .mb-stage2--refined .mb-header .mb-desktop-nav a::after { background: var(--mb-logo-metal); } .mb-stage2--refined .mb-header .mb-desktop-nav a[aria-current]::after { opacity: 1; } @media (hover: hover) and (pointer: fine) { .mb-stage2--refined .mb-header .mb-desktop-nav a:hover::after { opacity: 1; } } @media (forced-colors: active) { .mb-stage2--refined .mb-header .mb-metal { background: LinkText; } .mb-stage2--refined .mb-header .mb-brand-subtitle { background: none; color: LinkText; } .mb-stage2--refined .mb-header .mb-brand-subline > span:not(.mb-brand-subtitle) { background: LinkText; } } /* Typography refinement applies only to the selected header proposal. */ .mb-stage2--refined .mb-header .mb-desktop-nav, .mb-stage2--refined .mb-header .mb-mobile-menu nav { font-family: 'Source Sans 3', sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.5; color: var(--mb-offwhite); text-shadow: none; font-synthesis: none; } .mb-stage2--refined .mb-header .mb-desktop-nav { gap: 48px; } .mb-stage2--refined .mb-header .mb-desktop-nav a, .mb-stage2--refined .mb-header .mb-mobile-menu nav a { font: inherit; color: inherit; text-shadow: none; filter: none; -webkit-text-stroke: 0; white-space: nowrap; letter-spacing: .045em; } .mb-stage2--refined .mb-header .mb-mobile-menu nav a { letter-spacing: .035em; } @font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 600; font-stretch: 100%; font-display: swap; src: url('/assets/aprovados/2ee17598a98d8a59e4df8152d015bec9ab8e4d5672cc0ab42bef806b568e3971.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/aprovados/725d78a558da7c48dd6753e4aa21bc40b4a5dc721c457e2b7d3ef782e8a9904b.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Proposal B approved by Poliana: preserve its exact role settings. */ .mb-stage2--refined.mb-stage2--newsreader { font-family: 'Instrument Sans', Arial, sans-serif; font-weight: 400; font-synthesis: none; } .mb-stage2--refined.mb-stage2--newsreader .mb-copy h1 { font-family: var(--mb-type-display-family); font-size: var(--mb-type-main-size); font-weight: var(--mb-type-main-weight); line-height: var(--mb-type-main-leading); letter-spacing: var(--mb-type-main-tracking); font-optical-sizing: auto; text-wrap: balance; color: var(--mb-offwhite); } .mb-stage2--refined.mb-stage2--newsreader .mb-copy > p { font-family: 'Instrument Sans', Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.65; letter-spacing: .006em; color: var(--mb-ivory); } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-desktop-nav, .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu nav { font-family: 'Instrument Sans', Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-desktop-nav a { letter-spacing: .025em; } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu nav a { letter-spacing: .018em; } .mb-stage2--refined.mb-stage2--newsreader .mb-action { font-family: var(--mb-type-text-family); font-size: var(--mb-type-action-secondary-size); font-weight: var(--mb-type-action-secondary-weight); line-height: var(--mb-type-action-leading); letter-spacing: var(--mb-type-action-tracking); } .mb-stage2--refined.mb-stage2--newsreader .mb-action-primary { font-size: var(--mb-type-action-primary-size); font-weight: var(--mb-type-action-primary-weight); } /* Original logo typography remains independent from the site's body face. */ .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-brand-subline { font-family: 'Source Sans 3', sans-serif; } @container mbpreview (min-width: 1024px) { .mb-stage2--refined.mb-stage2--newsreader .mb-hero-inner { min-height: max(780px, clamp(660px, 48cqw, 820px)); } .mb-stage2--refined.mb-stage2--newsreader .mb-copy > p { font-size: 19px; } } /* Version 17: mobile only. Approved desktop composition and brand remain intact. */ @container mbpreview (max-width: 639px) { .mb-stage2--refined.mb-stage2--newsreader { --mb-mobile-photo-height: clamp(216px, 60cqw, 240px); } .mb-stage2--refined.mb-stage2--newsreader .mb-photo, .mb-stage2--refined.mb-stage2--newsreader .mb-hero::after { height: var(--mb-mobile-photo-height); } /* A wider field of view keeps the balance and Justice sculpture in frame. */ .mb-stage2--refined.mb-stage2--newsreader .mb-photo img { object-position: 94% top; } .mb-stage2--refined.mb-stage2--newsreader .mb-hero::after { background: linear-gradient(180deg, transparent 38%, rgb(23 34 59 / .24) 59%, rgb(23 34 59 / .94) 82%, var(--mb-navy) 96%); } .mb-stage2--refined.mb-stage2--newsreader .mb-copy { padding-block: calc(var(--mb-mobile-photo-height) - 44px) 36px; } .mb-stage2--refined.mb-stage2--newsreader .mb-copy > p { margin-top: 18px; font-size: 17px; line-height: 1.56; } .mb-stage2--refined.mb-stage2--newsreader .mb-actions { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 24px; } .mb-stage2--refined.mb-stage2--newsreader .mb-action { width: 100%; min-height: 54px; } } /* Only the approved mobile header's icon changes; summary retains its 44×48px target. */ @container mbpreview (max-width: 1023px) { .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines, .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu[open] .mb-menu-lines { position: relative; display: block; flex: 0 0 24px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines > span { position: absolute; inset: calc(50% - .75px) 0 auto; display: block; width: 24px; height: 1.5px; border: 0; background: var(--mb-gold); transform-origin: center; transition: transform 160ms var(--mb-feedback), opacity 160ms var(--mb-feedback); } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines > span:first-child { transform: translateY(-6px); } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines > span:last-child { transform: translateY(6px); } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu[open] .mb-menu-lines > span:first-child { transform: rotate(45deg); } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu[open] .mb-menu-lines > span:nth-child(2) { opacity: 0; } .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-mobile-menu[open] .mb-menu-lines > span:last-child { transform: rotate(-45deg); } /* Keyboard activation is immediate, while the existing focus indicator remains. */ .mb-stage2--refined.mb-stage2--newsreader .mb-header summary:focus-visible .mb-menu-lines > span { transition: none; } @media (prefers-reduced-motion: reduce) { .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines > span { transition: none; } } @media (forced-colors: active) { .mb-stage2--refined.mb-stage2--newsreader .mb-header .mb-menu-lines > span { background: ButtonText; } } } /* Temporary Home-only presentation; reusable navigation remains available by default. */ @container mbpreview (max-width: 1023px) { .mb-stage2--refined.mb-stage2--newsreader.mb-stage2--mobile-brand-only .mb-header-inner { justify-content: center; gap: 0; } .mb-stage2--refined.mb-stage2--newsreader.mb-stage2--mobile-brand-only .mb-mobile-menu { display: none; } } .mbl-areas { --mbl-navy: #17223B; --mbl-ground: #FAFAF8; --mbl-surface: #FFFFFF; --mbl-body: #46484D; --mbl-line: #E4E5E7; --mbl-metal: linear-gradient(118deg, #AC8C51 0%, #8F6B36 16%, #B39356 34%, #CFB16F 44%, #EBD6A2 48%, #F1E4BF 50%, #CFB16F 53%, #B39356 70%, #8F6B36 84%, #AC8C51 100%); padding-block: 48px 56px; background: var(--mbl-ground); color: var(--mbl-navy); font-family: 'Instrument Sans', Arial, sans-serif; font-weight: 400; font-synthesis: none; scroll-margin-top: 24px; } .mbl-areas .mbl-shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; } .mbl-areas h2, .mbl-areas h3 { margin: 0; font-family: 'Newsreader', Georgia, serif; font-weight: 400; font-optical-sizing: auto; color: var(--mbl-navy); text-wrap: balance; } .mbl-areas h2 { margin-bottom: 28px; font-family: var(--mb-type-display-family); font-size: var(--mb-type-main-size); font-weight: var(--mb-type-main-weight); line-height: var(--mb-type-main-leading); letter-spacing: var(--mb-type-main-tracking); } .mbl-areas .mbl-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; } .mbl-areas .mbl-item { min-width: 0; } .mbl-areas .mbl-card { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: 28px 24px 30px; border: 1px solid var(--mbl-line); border-radius: 2px; background: var(--mbl-surface); box-shadow: 0 3px 12px rgb(23 34 59 / .025); color: inherit; text-decoration: none; transition: border-color 160ms cubic-bezier(.23, 1, .32, 1); } .mbl-areas .mbl-card-finish { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; } .mbl-areas .mbl-icon { display: block; flex: 0 0 36px; width: 36px; height: 36px; } .mbl-areas .mbl-icon > img, .mbl-areas .mbl-icon > svg { display: block; width: 100%; height: 100%; } .mbl-areas .mbl-rule { display: block; flex: 0 0 64px; width: 64px; height: 1.6px; background: var(--mbl-metal); } .mbl-areas h3 { min-width: 0; font-family: var(--mb-type-display-family); font-size: var(--mb-type-secondary-size); font-weight: var(--mb-type-secondary-weight); line-height: var(--mb-type-secondary-leading); letter-spacing: var(--mb-type-secondary-tracking); overflow-wrap: break-word; } .mbl-areas .mbl-card p { margin: 12px 0 0; color: var(--mbl-body); font-family: var(--mb-type-text-family); font-size: var(--mb-type-compact-size); line-height: var(--mb-type-compact-leading); font-weight: var(--mb-type-compact-weight); letter-spacing: var(--mb-type-compact-tracking); } .mbl-areas a.mbl-card { touch-action: manipulation; } .mbl-areas a.mbl-card:focus-visible { outline: 2px solid var(--mbl-navy); outline-offset: 4px; border-color: var(--mbl-navy); transition: none; } .mbl-areas a.mbl-card:active { border-color: var(--mbl-navy); transition: none; } .mbl-areas ::selection { color: var(--mbl-surface); background: var(--mbl-navy); } @container mbpreview (min-width: 640px) { .mbl-areas .mbl-shell { width: min(1320px, calc(100% - 80px)); } } @container mbpreview (min-width: 768px) { .mbl-areas { padding-block: 64px 72px; } .mbl-areas .mbl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 20px; } .mbl-areas .mbl-card { padding: 32px 28px; } .mbl-areas .mbl-icon { flex-basis: 38px; width: 38px; height: 38px; } .mbl-areas .mbl-card-finish { margin-bottom: 22px; } .mbl-areas h3 { min-block-size: 2lh; } } @container mbpreview (min-width: 1024px) { .mbl-areas .mbl-shell { width: min(1320px, calc(100% - 128px)); } } @container mbpreview (min-width: 1200px) { .mbl-areas { padding-block: 72px 80px; } .mbl-areas h2 { margin-bottom: 32px; } .mbl-areas .mbl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (hover: hover) and (pointer: fine) { .mbl-areas .mbl-card:hover { border-color: #BCC0C7; } } @media (prefers-reduced-motion: reduce) { .mbl-areas .mbl-card { transition: none; } } @media (forced-colors: active) { .mbl-areas .mbl-card { border-color: CanvasText; box-shadow: none; } .mbl-areas .mbl-rule { background: CanvasText; } .mbl-areas .mbl-icon { display: none; } } .mbabout-section { --mbabout-navy: #17223B; --mbabout-heading: #F5F2EC; --mbabout-body: #F5F1E9; --mbabout-gold: #D8C7A3; --mbabout-champagne: var(--mb-color-gold-on-dark); --mbabout-metal: linear-gradient(118deg, #CFB16F 0%, #AC8C51 15%, #CFB16F 30%, #EBD6A2 44%, #F1E4BF 48%, #EBD6A2 52%, #CFB16F 61%, #AC8C51 79%, #CFB16F 100%); --mbabout-frame-metal: repeating-linear-gradient(0deg, rgb(241 228 191 / .045) 0 .5px, transparent .5px 2px), var(--mbabout-metal); padding-block: 64px; background: var(--mbabout-navy); color: var(--mbabout-body); font-family: 'Instrument Sans', Arial, sans-serif; font-weight: 400; font-synthesis: none; scroll-margin-top: 24px; } .mbabout-section .mbabout-shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; } .mbabout-section .mbabout-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 44px; } .mbabout-section .mbabout-portrait { position: relative; width: 100%; max-width: 420px; aspect-ratio: 1086 / 1260; margin: 0 auto; } .mbabout-section .mbabout-portrait::after { content: ''; position: absolute; inset: -9px; padding: 1px; background: var(--mbabout-frame-metal); opacity: .8; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } .mbabout-section .mbabout-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .mbabout-section .mbabout-content { min-width: 0; } .mbabout-section .mbabout-eyebrow { margin: 0 0 var(--mb-type-eyebrow-to-title); color: var(--mbabout-champagne); font-family: var(--mb-type-text-family); font-size: var(--mb-type-eyebrow-size); line-height: var(--mb-type-eyebrow-leading); letter-spacing: var(--mb-type-eyebrow-tracking); font-weight: var(--mb-type-eyebrow-weight); } /* Same approved Hero scale at every breakpoint; Hero itself stays unchanged. */ .mbabout-section h2 { margin: 0; color: var(--mbabout-heading); font-family: var(--mb-type-display-family); font-size: var(--mb-type-main-size); line-height: var(--mb-type-main-leading); letter-spacing: var(--mb-type-main-tracking); font-weight: var(--mb-type-main-weight); font-optical-sizing: auto; text-wrap: balance; } .mbabout-section .mbabout-experience { margin: 20px 0 0; max-width: 32ch; color: var(--mbabout-heading); font-family: 'Newsreader', Georgia, serif; font-size: 25px; line-height: 1.28; font-weight: 400; letter-spacing: -.01em; text-wrap: balance; } .mbabout-section .mbabout-rule { display: block; width: 88px; height: 1px; margin-block: 24px; background: var(--mbabout-metal); } .mbabout-section .mbabout-copy { max-width: 57ch; color: var(--mbabout-body); font-family: var(--mb-type-text-family); font-size: var(--mb-type-body-size); font-weight: var(--mb-type-body-weight); line-height: var(--mb-type-body-leading); letter-spacing: var(--mb-type-body-tracking); } /* Explicit paragraph foreground prevents host preview styles from overriding inheritance. */ .mbabout-section .mbabout-copy p { margin: 0; color: var(--mbabout-body); opacity: 1; } .mbabout-section .mbabout-copy p + p { margin-top: 18px; } .mbabout-section ::selection { color: var(--mbabout-navy); background: var(--mbabout-gold); } @container mbpreview (min-width: 640px) { .mbabout-section { padding-block: 80px; } .mbabout-section .mbabout-shell { width: min(1320px, calc(100% - 80px)); } .mbabout-section .mbabout-grid { gap: 52px; } } @container mbpreview (min-width: 1024px) { .mbabout-section { padding-block: 96px; } .mbabout-section .mbabout-shell { width: min(1320px, calc(100% - 128px)); } .mbabout-section .mbabout-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(64px, 6.2cqw, 96px); align-items: center; } .mbabout-section .mbabout-portrait { max-width: 480px; margin-inline: 0; } .mbabout-section .mbabout-experience { font-size: 27px; margin-top: 22px; } .mbabout-section .mbabout-rule { margin-block: 28px; } } @media (forced-colors: active) { .mbabout-section .mbabout-portrait::after { background: CanvasText; opacity: 1; } .mbabout-section .mbabout-rule { background: CanvasText; } } /* Fourth-section proposal only. Approved Header, Hero, Areas and About are untouched. */ .mbatt-section { background: #FAFAF8; color: #17223B; padding-block: 64px; font-family: 'Instrument Sans', Arial, sans-serif; font-weight: 400; font-synthesis: none; -webkit-font-smoothing: antialiased; } .mbatt-section, .mbatt-section * { box-sizing: border-box; } .mbatt-section ::selection { background: #17223B; color: #F5F1E9; } .mbatt-section .mbatt-shell { max-width: 1320px; padding-inline: 24px; margin-inline: auto; } .mbatt-section .mbatt-heading { max-width: 900px; margin-inline: auto; text-align: center; } .mbatt-section .mbatt-eyebrow { margin: 0 0 var(--mb-type-eyebrow-to-title); color: #17223B; font-family: var(--mb-type-text-family); font-size: var(--mb-type-eyebrow-size); font-weight: var(--mb-type-eyebrow-weight); line-height: var(--mb-type-eyebrow-leading); letter-spacing: var(--mb-type-eyebrow-tracking); } .mbatt-section h2 { margin: 0; font-family: var(--mb-type-display-family); font-size: var(--mb-type-main-size); font-weight: var(--mb-type-main-weight); font-optical-sizing: auto; line-height: var(--mb-type-main-leading); letter-spacing: var(--mb-type-main-tracking); text-wrap: balance; color: #17223B; } .mbatt-section .mbatt-heading-rule { display: block; width: 72px; height: 1px; margin: 24px auto 0; background: #D4BF91; } .mbatt-section .mbatt-modalities { display: grid; margin: 40px auto 0; max-width: 880px; } .mbatt-section .mbatt-modality { position: relative; min-width: 0; text-align: center; } .mbatt-section .mbatt-modality + .mbatt-modality { margin-top: 32px; padding-top: 32px; } .mbatt-section .mbatt-modality + .mbatt-modality::before { content: ''; position: absolute; top: 0; left: 50%; width: 160px; height: 1px; transform: translateX(-50%); background: rgb(212 191 145 / .65); } .mbatt-section .mbatt-icon { display: block; width: 32px; height: 32px; margin-inline: auto; } .mbatt-section h3 { margin: 16px 0 0; color: #17223B; font-family: var(--mb-type-display-family); font-size: var(--mb-type-secondary-size); font-weight: var(--mb-type-secondary-weight); font-optical-sizing: auto; line-height: var(--mb-type-secondary-leading); letter-spacing: var(--mb-type-secondary-tracking); } .mbatt-section .mbatt-modality p { max-width: 32ch; margin: 12px auto 0; color: #46484D; font-family: var(--mb-type-text-family); font-size: var(--mb-type-body-size); font-weight: var(--mb-type-body-weight); line-height: var(--mb-type-body-leading); letter-spacing: var(--mb-type-body-tracking); text-wrap: pretty; } .mbatt-section .mbatt-action-wrap { margin-top: 40px; text-align: center; } .mbatt-section .mbatt-action { display: inline-flex; justify-content: center; align-items: center; gap: 18px; max-width: 100%; min-height: 54px; padding: 14px 28px; border: 1px solid transparent; border-radius: 0; background: #17223B; color: #F5F1E9; font-family: var(--mb-type-text-family); font-size: var(--mb-type-action-institutional-size); font-weight: var(--mb-type-action-institutional-weight); line-height: var(--mb-type-action-leading); letter-spacing: var(--mb-type-action-tracking); text-decoration: none; } .mbatt-section .mbatt-action img { flex: 0 0 18px; width: 18px; height: 18px; } .mbatt-section .mbatt-action:focus-visible { outline: 2px solid #17223B; outline-offset: 4px; } .mbatt-section .mbatt-action:disabled { opacity: 1; cursor: not-allowed; } .mbatt-section .mbatt-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } @container mbpreview (min-width: 640px) { .mbatt-section { padding-block: 80px; } .mbatt-section .mbatt-shell { padding-inline: 40px; } .mbatt-section .mbatt-heading-rule { width: 88px; margin-top: 28px; } .mbatt-section .mbatt-modalities { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 48px; } .mbatt-section .mbatt-modality { padding-inline: 24px; } .mbatt-section .mbatt-modality + .mbatt-modality { margin-top: 0; padding-top: 0; } .mbatt-section .mbatt-modality + .mbatt-modality::before { top: 4px; bottom: 4px; left: 0; width: 1px; height: auto; transform: none; } .mbatt-section .mbatt-action-wrap { margin-top: 48px; } } @container mbpreview (min-width: 1024px) { .mbatt-section { padding-block: 96px; } .mbatt-section .mbatt-shell { padding-inline: 64px; } .mbatt-section .mbatt-modalities { margin-top: 56px; } .mbatt-section .mbatt-modality { padding-inline: 40px; } } @media (hover: hover) and (pointer: fine) { .mbatt-section .mbatt-action:not(:disabled) { transition: background-color 140ms ease-out, transform 140ms ease-out; } .mbatt-section .mbatt-action:not(:disabled):hover { background: #1F2A44; } .mbatt-section .mbatt-action:not(:disabled):active { transform: scale(.98); } } @media (prefers-reduced-motion: reduce) { .mbatt-section .mbatt-action:not(:disabled) { transition: none; transform: none; } .mbatt-section .mbatt-action:not(:disabled):active { transform: none; } } @media (forced-colors: active) { .mbatt-section .mbatt-action { border-color: ButtonText; } .mbatt-section .mbatt-heading-rule, .mbatt-section .mbatt-modality + .mbatt-modality::before { background: CanvasText; } } /* Fifth section: consumes the approved V0.3 roles without modifying earlier sections. */ .mbinfo-section { background: #F1F0ED; color: #17223B; padding-block: 64px; font-synthesis: none; -webkit-font-smoothing: antialiased; } .mbinfo-section, .mbinfo-section * { box-sizing: border-box; } .mbinfo-section ::selection { background: #17223B; color: #F5F1E9; } .mbinfo-section .mbinfo-shell { max-width: 1320px; margin-inline: auto; padding-inline: 24px; } .mbinfo-section .mbinfo-heading { max-width: 760px; margin-inline: auto; text-align: center; } .mbinfo-section .mbinfo-eyebrow { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 2cqw, 20px); margin: 0 0 var(--mb-type-eyebrow-to-title); color: var(--mb-color-gold-on-light); white-space: nowrap; } .mbinfo-section .mbinfo-eyebrow::before, .mbinfo-section .mbinfo-eyebrow::after { content: ''; flex: 0 0 clamp(22px, 5cqw, 64px); height: 1px; background: currentColor; } .mbinfo-section .mbinfo-heading h2 { margin: 0; } .mbinfo-section .mbinfo-support { max-width: 58ch; margin: var(--mb-type-title-to-support) auto 0; color: #46484D; text-wrap: pretty; } .mbinfo-section .mbinfo-action { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; max-width: 100%; margin-top: 28px; padding: 14px 28px; border: 1px solid transparent; border-radius: 0; background: #17223B; color: #F5F1E9; text-decoration: none; } .mbinfo-section .mbinfo-action img, .mbinfo-section .mbinfo-read img { width: 18px; height: 18px; flex: 0 0 18px; } .mbinfo-section .mbinfo-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 40px; scroll-margin-top: 32px; } .mbinfo-section .mbinfo-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #FFFFFF; border: 1px solid #E2E3E5; border-radius: 3px; } .mbinfo-section .mbinfo-cover { aspect-ratio: 3 / 2; overflow: hidden; background: #17223B; } .mbinfo-section .mbinfo-cover img { display: block; width: 100%; height: 100%; object-fit: cover; } .mbinfo-section .mbinfo-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 24px 22px; } .mbinfo-section .mbinfo-category { margin: 0 0 var(--mb-type-eyebrow-to-title); color: #17223B; } .mbinfo-section .mbinfo-card h3 { margin: 0; } .mbinfo-section .mbinfo-description { margin: var(--mb-type-secondary-to-body) 0 24px; color: #46484D; text-wrap: pretty; } .mbinfo-section .mbinfo-reading { position: relative; margin-top: auto; padding-top: 12px; } .mbinfo-section .mbinfo-reading::before { content: ''; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(100deg, #AC8C51, #D4BF91 45%, #F1E4BF 57%, #B39356); opacity: .8; } .mbinfo-section .mbinfo-read { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; padding: 0; border: 0; background: transparent; color: #17223B; text-decoration: none; } .mbinfo-section .mbinfo-read:disabled { opacity: 1; cursor: not-allowed; } .mbinfo-section :is(.mbinfo-action, .mbinfo-read):focus-visible { outline: 2px solid #17223B; outline-offset: 4px; } .mbinfo-section .mbinfo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } @container mbpreview (min-width: 640px) { .mbinfo-section { padding-block: 80px; } .mbinfo-section .mbinfo-shell { padding-inline: 40px; } .mbinfo-section .mbinfo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 48px; } .mbinfo-section .mbinfo-card:last-child { grid-column: 1 / -1; width: calc((100% - 24px) / 2); justify-self: center; } } @container mbpreview (min-width: 1024px) { .mbinfo-section { padding-block: 96px; } .mbinfo-section .mbinfo-shell { padding-inline: 64px; } .mbinfo-section .mbinfo-action { margin-top: 32px; } .mbinfo-section .mbinfo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 56px; } .mbinfo-section .mbinfo-card:last-child { grid-column: auto; width: auto; justify-self: stretch; } .mbinfo-section .mbinfo-card-body { padding: 30px 28px 24px; } } @media (hover: hover) and (pointer: fine) { .mbinfo-section .mbinfo-action { transition: transform 160ms cubic-bezier(.23, 1, .32, 1); } .mbinfo-section .mbinfo-action:hover { background: #1F2A44; } .mbinfo-section .mbinfo-read:not(:disabled):hover { text-decoration: underline; text-underline-offset: 5px; } } .mbinfo-section .mbinfo-action:active, .mbinfo-section .mbinfo-read:not(:disabled):active { transform: scale(.98); } .mbinfo-section .mbinfo-action:focus-visible { transition: none; } .mbinfo-section .mbinfo-action:focus-visible:active, .mbinfo-section .mbinfo-read:focus-visible:active { transform: none; } @media (prefers-reduced-motion: reduce) { .mbinfo-section .mbinfo-action { transition: none; } .mbinfo-section .mbinfo-action:active, .mbinfo-section .mbinfo-read:not(:disabled):active { transform: none; } } @media (forced-colors: active) { .mbinfo-section .mbinfo-card, .mbinfo-section .mbinfo-action { border-color: CanvasText; } .mbinfo-section .mbinfo-reading::before { background: CanvasText; } } /* V9 local footer roles authorized by the brief; global matrix V0.3 is frozen. */ .mbfooter-v5 { --mbfooter-navy: #17223B; --mbfooter-text: #F5F2EC; --mbfooter-info-size: 15px; --mbfooter-heading-size: 20px; --mbfooter-legal-size: calc(var(--mb-type-compact-size) - 3px); background: var(--mbfooter-navy); color: var(--mbfooter-text); font-family: var(--mb-type-text-family); font-size: var(--mbfooter-info-size); font-weight: var(--mb-type-compact-weight); line-height: var(--mb-type-compact-leading); letter-spacing: var(--mb-type-compact-tracking); font-synthesis: none; -webkit-font-smoothing: antialiased; } .mbfooter-v5, .mbfooter-v5 * { box-sizing: border-box; } .mbfooter-v5 .mbfooter-shell { width: 100%; max-width: 1320px; margin-inline: auto; padding: 40px 24px 0; } .mbfooter-v5 .mbfooter-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 32px; } .mbfooter-v5 .mbfooter-grid > *, .mbfooter-v5 .mbfooter-institutional-strip > * { min-width: 0; } .mbfooter-v5 p, .mbfooter-v5 h2, .mbfooter-v5 h3, .mbfooter-v5 ul { margin: 0; color: inherit; } .mbfooter-v5 ul { padding: 0; list-style: none; } .mbfooter-v5 a { color: inherit; text-decoration: none; text-underline-offset: 4px; touch-action: manipulation; } .mbfooter-v5 .mbfooter-heading { color: var(--mb-color-gold-on-dark); font-size: var(--mbfooter-heading-size); margin-bottom: 12px; } /* Header's original masks, lettering and metal finish; vertical arrangement only. */ .mbfooter-v5 .mbfooter-identity { text-align: center; } .mbfooter-v5 .mbfooter-home { display: block; width: 244px; max-width: 100%; margin-inline: auto; } .mbfooter-v5 .mbfooter-brand-source { display: block; min-height: 0; background: transparent; } .mbfooter-v5 .mbfooter-brand-source .mb-header { display: block; } .mbfooter-v5 .mbfooter-brand-source .mb-header .mb-brand { display: flex; flex-direction: column; align-items: center; padding: 0; gap: 10px; } .mbfooter-v5 .mbfooter-brand-source .mb-header .mb-monogram { width: 92px; } .mbfooter-v5 .mbfooter-brand-source .mb-header .mb-brand-lettering { width: 100%; gap: 7px; } .mbfooter-v5 .mbfooter-brand-source .mb-header .mb-brand-subline { font-size: 14px; letter-spacing: .36em; gap: 10px; } .mbfooter-v5 .mbfooter-brand-source .mb-header .mb-brand-subtitle { padding-left: .36em; } .mbfooter-v5 .mbfooter-location { margin: 16px auto 0; max-width: 32ch; } .mbfooter-v5 .mbfooter-location-city { white-space: nowrap; } .mbfooter-v5 .mbfooter-location p + p { margin-top: 8px; } .mbfooter-v5 .mbfooter-navigation a { display: flex; align-items: center; min-height: 28px; width: fit-content; max-width: 100%; } .mbfooter-v5 .mbfooter-channels { display: grid; gap: 4px; } .mbfooter-v5 .mbfooter-channels a { display: flex; align-items: flex-start; gap: 12px; min-height: 32px; padding-block: 4px; width: fit-content; max-width: 100%; } .mbfooter-v5 .mbfooter-channel-icon { display: block; flex: 0 0 22px; width: 22px; height: 22px; object-fit: contain; } .mbfooter-v5 .mbfooter-channel-value { min-width: 0; overflow-wrap: anywhere; } .mbfooter-v5 .mbfooter-address { display: flex; align-items: flex-start; gap: 12px; margin-top: 8px; font: inherit; color: inherit; } .mbfooter-v5 .mbfooter-address span { min-width: 0; overflow-wrap: break-word; text-wrap: pretty; } .mbfooter-v5 .mbfooter-address .mbfooter-address-street { white-space: nowrap; text-wrap: nowrap; } .mbfooter-v5 .mbfooter-socials { margin-top: 16px; } .mbfooter-v5 .mbfooter-social-links { display: flex; align-items: center; gap: 8px; } .mbfooter-v5 .mbfooter-social-links a { display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; } .mbfooter-v5 .mbfooter-social-links .mbfooter-channel-icon { width: 23px; height: 23px; flex-basis: 23px; } .mbfooter-v5 .mbfooter-channel-icon--light { background: var(--mbfooter-text); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .mbfooter-v5 .mbfooter-institutional-strip { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; margin-top: 32px; padding-block: 24px; border-top: 1px solid rgb(245 242 236 / .14); font-size: var(--mbfooter-legal-size); } .mbfooter-v5 .mbfooter-legal { display: grid; gap: 3px; } .mbfooter-v5 .mbfooter-credit a { white-space: nowrap; } .mbfooter-v5 .mbfooter-credit a:is(:link, :visited, :hover, :focus, :focus-visible, :active) { color: inherit; text-decoration: none; } .mbfooter-v5 a:focus-visible { outline: 2px solid var(--mb-color-gold-on-dark); outline-offset: 4px; } .mbfooter-v5 ::selection { color: var(--mbfooter-navy); background: var(--mb-color-gold-on-dark); } @container mbpreview (max-width: 639px) { .mbfooter-v5 .mbfooter-social-links { justify-content: center; } } @container mbpreview (min-width: 640px) { .mbfooter-v5 { --mbfooter-heading-size: 21px; } .mbfooter-v5 .mbfooter-shell { padding: 40px 40px 0; } .mbfooter-v5 .mbfooter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 40px; } .mbfooter-v5 .mbfooter-contact { grid-column: 1 / -1; } .mbfooter-v5 .mbfooter-contact-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } .mbfooter-v5 .mbfooter-socials { margin-top: 0; } .mbfooter-v5 .mbfooter-institutional-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } } @container mbpreview (min-width: 1024px) { .mbfooter-v5 { --mbfooter-heading-size: 22px; } .mbfooter-v5 .mbfooter-shell { width: 100%; max-width: none; padding: 40px 0 0; display: grid; grid-template-columns: repeat(4, 1fr max-content) 1fr; } .mbfooter-v5 .mbfooter-grid { grid-column: 2 / -2; grid-template-columns: repeat(3, max-content); justify-content: space-between; gap: 0; align-items: stretch; } .mbfooter-v5 .mbfooter-contact { grid-column: auto; display: grid; grid-template-rows: auto minmax(0, 1fr); } .mbfooter-v5 .mbfooter-contact-layout { display: grid; grid-template-columns: 22px max-content minmax(0, 1fr); grid-template-rows: auto auto minmax(32px, 1fr); gap: 6px 12px; } .mbfooter-v5 .mbfooter-contact-layout > div:first-child { display: contents; } .mbfooter-v5 .mbfooter-channels { grid-column: 2; } .mbfooter-v5 .mbfooter-channels a { display: block; position: relative; } .mbfooter-v5 .mbfooter-channels .mbfooter-channel-icon { position: absolute; inset-inline-start: -34px; top: 4px; } .mbfooter-v5 .mbfooter-address { grid-column: 1 / -1; margin-top: 0; width: 260px; max-width: 100%; } .mbfooter-v5 .mbfooter-socials { grid-column: 2; margin-top: 0; align-self: end; } .mbfooter-v5 .mbfooter-social-links { justify-content: center; transform: translateY(3px); } .mbfooter-v5 .mbfooter-social-links a { height: 32px; align-items: center; } .mbfooter-v5 .mbfooter-institutional-strip { grid-column: 1 / -1; grid-template-columns: subgrid; justify-content: normal; gap: 0; margin-top: 36px; /* Keep the existing separator length while distributing columns across the full footer. */ border-top-color: transparent; background-image: linear-gradient(rgb(245 242 236 / .14), rgb(245 242 236 / .14)); background-size: min(1320px, calc(100% - 128px)) 1px; background-position: center top; background-repeat: no-repeat; background-origin: border-box; } .mbfooter-v5 .mbfooter-institutional-strip > :nth-child(1) { grid-column: 2; } .mbfooter-v5 .mbfooter-institutional-strip > :nth-child(2) { grid-column: 4; } .mbfooter-v5 .mbfooter-institutional-strip > :nth-child(3) { grid-column: 6; } .mbfooter-v5 .mbfooter-institutional-strip > :nth-child(4) { grid-column: 8; } } @media (hover: hover) and (pointer: fine) { .mbfooter-v5 a:hover { color: inherit; text-decoration: underline; } } @media (pointer: coarse) { .mbfooter-v5 .mbfooter-social-links a { min-height: 44px; } .mbfooter-v5 .mbfooter-navigation a, .mbfooter-v5 .mbfooter-channels a { min-height: 44px; } .mbfooter-v5 .mbfooter-credit a { display: inline-flex; align-items: center; min-height: 44px; } } @media (forced-colors: active) { .mbfooter-v5 .mbfooter-institutional-strip { border-color: CanvasText; } .mbfooter-v5 a:focus-visible { outline-color: Highlight; } } /* Unapproved H2 comparison only. The Hero and global V0.3 tokens stay intact. */ .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: clamp(23px, calc(6.666666667cqw - 1px), 25px); } .mbhome-title-comparison[data-title-scale="proposed"] #mbl-areas-title { margin-bottom: 26px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-experience { margin-top: 18px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbatt-heading-rule { margin-top: 20px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbinfo-support { margin-top: 16px; } @container mbpreview (min-width: 640px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 32px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbatt-heading-rule { margin-top: 24px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbinfo-support { margin-top: 22px; } } @container mbpreview (min-width: 1024px) { .mbhome-title-comparison[data-title-scale="proposed"] :is(#mbl-areas-title, #mbabout-title, #mbatt-title, #mbinfo-title) { font-size: 42px; } .mbhome-title-comparison[data-title-scale="proposed"] #mbl-areas-title { margin-bottom: 28px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbabout-experience { margin-top: 20px; } .mbhome-title-comparison[data-title-scale="proposed"] .mbinfo-support { margin-top: 26px; } } #marlei-home-titulos-v17 .mbpc-preview-stage {position:relative;width:100%;overflow:hidden;margin-top:16px;} #marlei-home-titulos-v17 .mbpc-preview-canvas {container:mbpreview / inline-size;width:100%;max-width:none;transform-origin:top left;margin-inline:auto;background:#FAFAF8;} #marlei-home-titulos-v17 .mb-stage2 {min-height:0;font-weight:400;-webkit-font-smoothing:antialiased;} #marlei-home-titulos-v17 .mb-stage2,#marlei-home-titulos-v17 .mb-stage2 *,#marlei-home-titulos-v17 .mbl-areas,#marlei-home-titulos-v17 .mbl-areas *,#marlei-home-titulos-v17 .mbabout-section,#marlei-home-titulos-v17 .mbabout-section * {box-sizing:border-box;} #marlei-home-titulos-v17 .mbl-areas {-webkit-font-smoothing:antialiased;} #marlei-home-titulos-v17 .mb-stage2 a {color:inherit;text-decoration:none;} #marlei-home-titulos-v17 .mb-stage2 button,#marlei-home-titulos-v17 .mb-stage2 summary {font-family:inherit;} #marlei-home-titulos-v17 .mb-stage2 button {border-radius:0;} #marlei-home-titulos-v17 .mb-stage2 .mb-action-primary {color:#17223B;} #marlei-home-titulos-v17 .mbatt-section .mbatt-icon {color:#D4BF91;stroke-width:1.5;} #marlei-home-titulos-v17 .mbatt-section .mbatt-action .mbatt-arrow {width:18px;height:18px;flex:0 0 18px;color:#D4BF91;stroke-width:1.5;} #marlei-home-titulos-v17 .mbpc-preview-canvas > [hidden] {display:none !important;} #marlei-home-titulos-v17 .mbinfo-section .mbatt-arrow {width:18px;height:18px;flex:0 0 18px;color:#D4BF91;stroke-width:1.5;} #marlei-home-titulos-v17 .mbinfo-section :is(.mbinfo-action,.mbinfo-read) > svg {width:18px;height:18px;flex:0 0 18px;}

Informação Jurídica

Artigos

Guarda compartilhada: como funciona na prática?