.about-registro{position:relative;isolation:isolate;width:100%;margin:0 0 -24px;padding:105px 0 144px;overflow:hidden;scroll-margin-top:95px;background:transparent}
.registro-inner{position:relative;z-index:1;display:grid;grid-template-columns:.94fr 1.4fr;gap:64px;width:min(1120px,calc(100% - 96px));margin:auto}
.about-registro .title-block,.about-registro .body-block{min-width:0}
.about-registro .eyebrow,.fixed-newsletter .eyebrow{display:block;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:.09em;margin:0 0 26px;text-transform:none}
.about-registro .eyebrow{color:#526176}
.about-registro h2,.fixed-newsletter h2{font-size:clamp(28px,3.1vw,38px);line-height:1.25;letter-spacing:-.045em;font-weight:900}
.about-registro h2{margin:0}.about-registro em{font-style:normal;color:#0141bb}
.about-registro .lead{margin:0;font-size:22px;line-height:1.75;letter-spacing:-.015em;padding-top:4px}.about-registro strong{font-weight:900}.about-registro .secondary{font-size:15px;line-height:1.9;color:#526176;margin:30px 0 0;max-width:510px}
.about-registro .art{position:absolute;inset:auto 0 0;height:310px;z-index:0;pointer-events:none;background-image:linear-gradient(#0141bb26 1px,transparent 1px),linear-gradient(90deg,#0141bb26 1px,transparent 1px);background-size:32px 32px;background-position:center bottom;mask-image:linear-gradient(transparent,#000 90%);opacity:.7;transition:opacity 650ms ease}
.about-registro .art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#0141bb66 1px,transparent 1px),linear-gradient(90deg,#0141bb66 1px,transparent 1px);background-size:32px 32px;background-position:center bottom;mask-image:radial-gradient(ellipse 250px 180px at var(--grid-x,50%) var(--grid-y,70%),#000,transparent);opacity:0;transition:opacity 650ms ease}
.fixed-newsletter{position:relative;z-index:1}
@media(hover:hover) and (pointer:fine){html[data-motion=active] .about-registro:hover .art{opacity:1}html[data-motion=active] .about-registro:hover .art:after{opacity:.8}}
@media(max-width:1000px){.registro-inner{width:calc(100% - 72px);gap:42px}.about-registro .lead{font-size:21px}.about-registro{padding-block:85px 120px}}
@media(max-width:720px){.registro-inner{width:calc(100% - 56px);display:block}.about-registro{padding-block:62px 105px}.about-registro h2,.fixed-newsletter h2{font-size:29px}.about-registro .eyebrow,.fixed-newsletter .eyebrow{margin-bottom:23px}.about-registro .body-block{margin-top:35px}.about-registro .lead{font-size:20px;padding-top:0}.about-registro .secondary{font-size:14px;margin-top:26px}.about-registro .art{height:280px;background-size:28px 28px;opacity:.5}.about-registro .art:after{background-size:28px 28px}}
@media(max-width:370px){.registro-inner{width:calc(100% - 48px)}.about-registro h2,.fixed-newsletter h2{font-size:27px}.about-registro .lead{font-size:19px}}
@media(prefers-reduced-motion:reduce){.about-registro .art,.about-registro .art:after{transition:none}.about-registro .art:after{display:none}}

.about-registro .bio{font-size:17px;line-height:1.8;color:#526176;margin:24px 0 0}
@media(max-width:720px){.about-registro .bio{font-size:16px;line-height:1.8;margin-top:22px}}

/* Fundo liso nas seções brancas, conforme direção aprovada. */
.about-registro,.continuous-ending{background-color:#FAFBFD}

/* Seleção visível também sobre a superfície azul da newsletter. */
.s-newsletter ::selection{background:#dce6fa;color:#071426}
@media(forced-colors:active){.s-newsletter ::selection{background:Highlight;color:HighlightText}}


/* Cabeçalho sobre a mesma paisagem do hero, sem faixa separada. */
.caderno-variation .site-header,.caderno-variation .site-header:hover{position:absolute;inset:0 0 auto;width:100%;background:transparent;border:0;box-shadow:none;transition:none}
.caderno-variation .site-header .signature{font-weight:900}
.caderno-variation .hero{height:100svh}

/* Prévia local: sombra voltada para dentro da borda inferior do hero. */
.caderno-variation .hero{z-index:2;box-shadow:none}
.caderno-variation .hero::after{content:'';position:absolute;inset:auto 0 0;height:22px;z-index:4;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .09),rgb(0 0 0 / .025) 35%,transparent)}

/* CTA principal da newsletter no hero */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:28px}.hero-actions .hero-link{margin:0}.hero .hero-newsletter{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:13px 22px;background:#0141bb;color:#fff;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;border-radius:3px;box-shadow:0 3px 10px #0141bb18;transition:background-color .18s,transform .18s}.hero-newsletter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.hero .hero-newsletter:hover{background:#07358e;transform:translateY(-1px)}.hero .hero-newsletter:active{transform:scale(.96)}.hero .hero-newsletter:focus-visible{outline:3px solid #0141bb;outline-offset:5px}@media(max-width:700px){.hero-actions{gap:8px 18px;margin-top:20px}.hero .hero-newsletter{min-height:48px;padding:11px 18px;font-size:14px}}@media(prefers-reduced-motion:reduce){.hero .hero-newsletter{transition:none;transform:none}}

/* CTA compacto: reducao aproximada de 20%, area de toque preservada */
.hero .hero-newsletter{min-height:44px;padding:10px 17px;font-size:13px;gap:17px}.hero-newsletter svg{width:15px;height:15px}@media(max-width:700px){.hero .hero-newsletter{min-height:44px;padding:9px 15px;font-size:12px;gap:15px}}

/* Alinhamento optico: centro da palavra MAR com YC e Vobi */
.hero .brands{align-items:center}.hero .brands .brand-mar{position:relative;left:auto;right:auto;bottom:auto;top:4px}@media(max-width:700px){.hero .brands .brand-mar{top:3px}}

/* Moldura do retrato discreta */
.hero .portrait-frame{opacity:.45}