/* História da Megana — desktop e celular, identidade azul/dourado original. */
:root{--royal:#1712b2;--deep:#10265b;--gold:#d4af37;--body:'DM Sans',Arial,sans-serif;--display:'Montserrat',Arial,sans-serif;--gold-gradient:linear-gradient(110deg,#af7e16 0%,#e4bd55 37%,#fceab4 59%,#cc9c2f 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font:400 15px/1.75 var(--body);color:#26324f;background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #efca58;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.13}.wrap{max-width:1200px;width:calc(100% - 70px);margin:auto}.skip-link{position:absolute;top:-70px;left:10px;z-index:999;padding:12px;background:white}.skip-link:focus{top:8px}.top-bar{background:#110587;color:#f6f0dc;text-align:center;padding:9px 12px;font-size:10px;letter-spacing:.16em;font-weight:800}.top-bar span{color:#e8c45d;margin:0 11px}.historia-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e8e9f3;backdrop-filter:blur(12px)}.header-line{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-logo{display:flex;align-items:center;width:173px;height:53px;background:#1705aa;overflow:hidden}.brand-logo img{width:173px}.header-links{display:flex;gap:22px;align-items:center}.header-links a{font-size:12px;font-weight:800;color:#253262}.header-links a:hover{color:var(--royal)}.header-links .back-button{display:inline-block;padding:13px 20px;background:#efeefd;color:#251292;border-radius:16px;box-shadow:0 4px 0 #d8d2f5}.intro{background:linear-gradient(120deg,#f8f9fd 0%,#f5f6fc 55%,#edeff9 100%);overflow:hidden}.intro-grid{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:7%;min-height:630px;padding-top:55px;padding-bottom:75px}.eyebrow{font:800 11px/1.6 var(--display);letter-spacing:.2em;color:#2436ad;display:flex;align-items:center;gap:12px;margin:0 0 20px}.eyebrow span{width:28px;height:2px;background:var(--gold-gradient)}.little-intro{color:#776844;font-size:13px;font-weight:800;letter-spacing:.015em;margin:12px 0}.intro-copy h1{font-size:clamp(44px,5vw,74px);max-width:660px;margin:10px 0 25px;color:#19285a}.intro-copy h1 em,.closing h2 em{font-style:normal;color:#2418af}.intro-lead{max-width:540px;color:#68728a;font-size:17px;line-height:1.95}.scroll-read{display:inline-flex;align-items:center;gap:20px;margin-top:23px;padding:14px 21px;border-radius:17px;color:#2b210a;background:var(--gold-gradient);font-weight:800;font-size:13px;box-shadow:inset 0 1px 0 #ffffff80,0 5px 0 #b18b2b,0 10px 15px #b18b2b38}.scroll-read:hover{transform:translateY(-2px)}.years{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #dedeea;margin-top:48px;padding-top:18px}.years span{display:grid;gap:1px;font-size:11px;color:#74809a}.years b{font-size:21px;color:#2415a8;font-family:var(--display);line-height:1.3}.intro-photo{position:relative;margin:0;aspect-ratio:4/4.85;width:100%;max-width:430px;justify-self:end;border-radius:10px;box-shadow:19px 19px 0 #e7d29d,0 26px 50px #0f1e591c}.intro-photo>img{width:100%;height:100%;object-fit:cover;object-position:71% 38%;border-radius:10px}.intro-photo figcaption{position:absolute;bottom:-22px;left:-24px;padding:15px 24px;color:#221c10;background:var(--gold-gradient);border-radius:15px;display:grid;gap:3px;box-shadow:0 9px 0 #ab862b;max-width:calc(100% + 12px)}.intro-photo figcaption strong{font-size:16px}.intro-photo figcaption span{font-size:11px}.reading-section{padding:95px 0 100px;scroll-margin-top:85px}.reading-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:9%}.reading-aside{align-self:start;position:sticky;top:124px}.aside-content{border-left:3px solid #d1a642;padding:0 0 0 28px}.aside-kicker{letter-spacing:.2em;color:#1913a5;font-weight:800;font-size:10px;margin:0 0 17px}.aside-content h2{font-size:clamp(27px,3vw,40px);margin:0 0 23px;color:#15235a}.aside-content p:last-child{color:#768096;font-size:14px;line-height:1.8}.gold-rule{width:65px;height:2px;background:var(--gold-gradient);margin:25px 0}.story-prose{font-size:16px;line-height:1.97;color:#4b5369;max-width:700px}.story-prose p{margin:0 0 23px}.story-prose .opening{font-size:22px;line-height:1.55;color:#1b2958;font-weight:500;letter-spacing:-.02em;margin-bottom:28px}.story-prose strong{font-weight:800;color:#17256e}.quote{position:relative;background:linear-gradient(110deg,#f3f1fb,#faf9fe);padding:28px 32px;border-left:3px solid #c59d37;border-radius:0 20px 20px 0;margin:34px 0 35px}.quote>span{position:absolute;color:#c3a046;font:700 58px/1 Georgia,serif;top:10px;left:24px}.quote blockquote{margin:18px 0 0;font:600 20px/1.6 var(--display);letter-spacing:-.035em;color:#19235e}.story-prose .last-story{font:800 25px/1.4 var(--display);letter-spacing:-.04em;color:#1712a6;margin:33px 0 14px}.story-prose .signature{border-top:1px solid #e1e3ed;padding-top:25px;color:#303c65}.sign{display:grid;gap:3px;margin-top:27px}.sign span{font:700 30px/1.3 Georgia,serif;color:#a97f20;font-style:italic}.sign small{font:700 10px var(--display);letter-spacing:.19em;color:#72809b}.closing{background:radial-gradient(circle at 100% 0%,#29427c 0%,#11245b 60%,#101b4a 100%);color:white;padding:90px 0 95px;text-align:center}.closing-content{max-width:780px}.closing .eyebrow{justify-content:center;color:#e7e4fa}.closing h2{font-size:clamp(33px,4.2vw,55px);margin:13px 0 24px}.closing h2 em{color:#e9c65d}.closing p:not(.eyebrow){font-size:16px;color:#d6ddf2;max-width:610px;margin:0 auto;line-height:1.8}.closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:34px}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;border-radius:18px;padding:15px 23px;font:800 12px var(--display);transition:transform .17s}.button:hover{transform:translateY(-2px)}.button.gold{color:#241d11;background:var(--gold-gradient);box-shadow:0 5px 0 #97751c}.button.clear{border:1px solid #ffffff65;color:white;background:#ffffff0c}.footer{background:#0c173d;color:#c4cbe0}.footer-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.footer a:hover{text-decoration:underline}
@media(max-width:950px){.intro-grid{grid-template-columns:1fr .82fr;gap:30px;min-height:auto;padding-top:65px}.intro-copy h1{font-size:48px}.intro-photo{align-self:center}.reading-grid{grid-template-columns:.7fr 1.3fr;gap:5%}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-line{min-height:67px;gap:12px}.brand-logo{width:133px;height:44px}.brand-logo img{width:133px}.header-links{gap:7px}.header-links .secondary-link{display:none}.header-links .back-button{padding:11px 13px;font-size:11px}.top-bar{font-size:8px;letter-spacing:.09em}.intro-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:64px;gap:42px}.intro-copy h1{font-size:clamp(40px,10vw,54px)}.intro-lead{font-size:15px;line-height:1.85}.years{margin-top:30px;gap:16px}.years b{font-size:18px}.intro-photo{max-width:400px;justify-self:center;width:calc(100% - 30px);margin-left:15px;margin-right:15px}.intro-photo figcaption{left:-14px}.reading-section{padding:70px 0}.reading-grid{display:block}.reading-aside{position:static;margin-bottom:37px}.aside-content h2{font-size:28px}.aside-content{padding-left:20px}.story-prose{font-size:15px;line-height:1.9}.story-prose .opening{font-size:20px}.quote{padding:24px 23px}.quote blockquote{font-size:17px}.closing{padding:65px 0}.footer-row{flex-wrap:wrap;padding:23px 0;font-size:11px}.intro-photo>img{object-position:71% 38%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Cabeçalho fiel ao site principal: logo original sem fundo ou recortes. */
.historia-header .brand-logo{
  display:flex;align-items:center;justify-content:center;
  width:178px;height:57px;overflow:visible;flex-shrink:0;
  background:transparent;border:0;border-radius:0;
}
.historia-header .brand-logo img{
  position:static;transform:none;display:block;
  width:100%;height:auto;max-width:none;object-fit:contain;
}
/* Rodapé institucional completo, padronizado com o site Megana. */
.footer{background:#111d41;color:white}
.footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.08fr);
  gap:clamp(22px,3.5vw,55px);padding:65px 0 50px;
}
.footer-brand{min-width:0}
.footer-logo{display:inline-flex;align-items:center;max-width:200px}
.footer-logo img{display:block;width:195px;height:auto;max-width:100%;object-fit:contain}
.footer-brand p{max-width:310px;color:#b5bfda;font-size:13px;line-height:1.8;margin:16px 0 0}
.footer-col{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#b9c3dd;min-width:0}
.footer-col strong{color:white;font:700 13px var(--display);margin-bottom:10px}
.footer-col a{overflow-wrap:anywhere}
.footer-col a:hover,.footer-bottom a:hover{color:#ecd47c;text-decoration:none}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0;border-top:1px solid rgba(255,255,255,.14);color:#bdc6df;font-size:11px}
@media(max-width:900px){
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px;padding:48px 0 37px}
}
@media(max-width:760px){
 .historia-header .brand-logo{width:145px;height:47px}
 .historia-header .brand-logo img{width:100%;height:auto}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:42px 0 30px}
 .footer-col strong{font-size:12px}
 .footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:11px;padding:20px 0 25px}
}
@media(max-width:400px){
 .footer-main{grid-template-columns:1fr 1fr}
 .footer-brand{grid-column:1/-1}
 .footer-brand p{max-width:310px}
}
/* Marca branca no rodape escuro sem cortes. */
.footer .brand-window{display:flex;align-items:center;justify-content:center;width:195px;height:62px;overflow:visible;background:transparent;max-width:100%}
.footer .brand-window img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
