/* Shared visual identity based on the approved welcome panel. */
:root{--brand-frame-background:linear-gradient(112deg,#003769 0%,#003769 38%,#1047ca 73%,#1762ef 100%);--brand-frame-edge:#ff8b36;--brand-frame-radius:22px;--brand-frame-shadow:0 16px 36px #0842a51c}
.brand-frame{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-frame-background);border:1px solid #2866bb;border-bottom:4px solid var(--brand-frame-edge);border-radius:var(--brand-frame-radius);box-shadow:var(--brand-frame-shadow);color:#fff}
.brand-frame:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:470px;height:470px;right:-160px;top:-230px;left:auto;bottom:auto;transform:none;border:1px solid #ffffff21;border-radius:50%;box-shadow:0 0 0 65px #ffffff07,0 0 0 130px #ffffff05;background:none;opacity:1}
.brand-frame:after{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;bottom:0;left:auto;top:auto;width:50%;height:100%;transform:none;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 90% 95%,#2a98ff55,transparent 65%);opacity:1}
.brand-frame.page-heading{padding:30px 34px;min-height:164px;align-items:center;gap:24px;margin-bottom:26px}
.brand-frame.page-heading>div{min-width:0;flex:1}
.brand-frame.page-heading h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;color:#fff;margin:0 0 10px}
.brand-frame.page-heading p{font-size:15px;line-height:1.7;color:#e5efff;margin:0;max-width:760px}
.brand-frame.page-heading p:empty{display:none}
.brand-frame.page-heading>.button{position:relative;flex-shrink:0;white-space:normal;max-width:280px;background:#fff;border-color:#fff;color:#13469e;box-shadow:0 5px 15px #00235125}
.brand-frame.page-heading>.button:hover{background:#eaf3ff;border-color:#cbe0ff}
.hero.value-hero.brand-frame,.holo-arrival.brand-frame,.workspace-welcome.brand-frame{background:var(--brand-frame-background);border-color:#2866bb;border-bottom-color:var(--brand-frame-edge);border-radius:var(--brand-frame-radius);box-shadow:var(--brand-frame-shadow)}
.access-visual{background:var(--brand-frame-background)}
@media(max-width:700px){.brand-frame.page-heading{padding:25px 23px;min-height:0;align-items:flex-start;gap:18px;flex-direction:column}.brand-frame.page-heading h1{font-size:27px}.brand-frame.page-heading p{font-size:14px}.brand-frame.page-heading>.button{max-width:100%}.brand-frame:before{right:-260px;top:-260px}}

/* V48: um único cabeçalho para os módulos e a jornada. */
.module-journey-header.brand-frame{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:30px;padding:30px 34px;margin-bottom:20px}.module-journey-copy .eyebrow{color:#d0e4ff;font-size:11px;letter-spacing:1.4px}.module-journey-copy h1{color:white;font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:11px 0 12px}.module-journey-copy h2{color:#ffc18a;font-size:23px;line-height:1.3;margin:0 0 11px}.module-journey-copy p{color:#e5efff;font-size:15px;line-height:1.7;margin:0;max-width:620px}.module-journey-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.module-journey-actions .journey-overall{margin:0;padding:0;gap:15px}.module-journey-actions .journey-overall strong{color:white;font-size:15px}.module-journey-actions .journey-overall small{color:#d8e8ff;font-size:12px;line-height:1.7}.module-journey-actions .journey-overall-ring{width:78px;height:78px;flex-shrink:0}.module-journey-actions .journey-overall-ring b{font-size:23px;color:white}.module-journey-actions>.button{background:white;border-color:white;color:#174ba4;box-shadow:0 4px 13px #001d4d20;font-size:14px;padding:11px 18px}.module-journey-actions>.button:hover{background:#edf4ff}@media(max-width:900px){.module-journey-header.brand-frame{grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:27px}.module-journey-copy h1{font-size:29px}.module-journey-copy h2{font-size:21px}}@media(max-width:700px){.module-journey-header.brand-frame{grid-template-columns:1fr;padding:25px 23px;gap:24px}.module-journey-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px}.module-journey-actions .journey-overall{max-width:270px}.module-journey-copy h1{font-size:28px}.module-journey-copy h2{font-size:21px}}
