/* Thematic museum navigation — shared desktop/mobile reading order. */
.topbar{grid-template-columns:245px minmax(0,1fr) auto!important;padding:0 3vw!important;gap:20px!important;height:82px;--top:82px}
.brand{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:10px;align-items:center}
.brand .brand-hat{grid-row:1/3;width:50px;height:44px;transition:transform .4s}
.brand:hover .brand-hat{transform:rotate(-8deg)}
.brand strong,.brand>span{grid-column:2}.brand strong{font-size:22px!important}.brand>span{font-size:9px!important;letter-spacing:.2em!important}
.topbar nav{gap:22px}.topbar nav button{font-size:11px}.topbar nav .nav-secondary{display:none}
.top-actions #modeBtn{display:none}.top-actions .ghost{font-size:10px;padding:12px}.header-right{gap:12px}
.topbar .mobile-nav-btn{display:none}.mobile-nav{display:block;position:fixed;inset:82px 0 0;overflow:auto;background:radial-gradient(ellipse at 12% 0,#42191c 0,transparent 55%),#0b0b0a;z-index:895;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}
.mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.mobile-nav-inner{margin:0 auto;width:min(1180px,calc(100% - 64px));padding:38px 0 50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 34px;max-height:none}
.mobile-nav-kicker{grid-column:1/-1;font-size:11px;letter-spacing:.2em;color:var(--gold2)}
.mobile-nav-inner>button,.mobile-nav-inner>.pontos-entry{display:block;text-align:left;min-height:64px;padding:16px 0;border:0;border-bottom:1px solid #c49a4a30;background:none;color:var(--cream);font:600 30px/1.15 var(--serif);text-decoration:none;cursor:pointer;transition:color .2s,transform .2s}
.mobile-nav-inner>button:hover,.mobile-nav-inner>.pontos-entry:hover{color:var(--gold2);transform:translateX(5px)}
.mobile-nav-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.mobile-nav-actions>a,.mobile-nav-actions>button{min-height:44px;padding:12px 20px;border:1px solid #c49a4a50;border-radius:999px;text-decoration:none;background:#15110f;color:var(--cream);font:600 12px var(--sans)}
main.alt-flow{display:block}main.alt-flow>section{order:unset!important}
.hero{min-height:88svh}.hero-content{padding-top:140px;padding-bottom:100px}.hero-copy h1{font-size:clamp(64px,6.9vw,100px);max-width:720px}.hero-copy .lead{max-width:630px;font-size:18px;line-height:1.7}.hero .micro-meta{opacity:.7}.hero-dossier{width:280px;justify-self:end;transform:rotate(2deg)}
.theme-gateway{position:relative;padding:65px 0 75px;background:radial-gradient(ellipse at 0 0,#361519 0,transparent 65%),#0d0c0a;border-top:1px solid #c49a4a36}
.theme-gateway .section-heading{margin-bottom:28px}.theme-gateway h2{font:600 clamp(38px,4vw,58px)/1.05 var(--serif);margin:0}.theme-gateway .section-heading>p{max-width:420px;font-size:16px}
.theme-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.theme-route{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:350px;padding:25px 22px;border:1px solid #c49a4a45;background:#16120f;color:var(--cream);text-align:left;cursor:pointer;transition:transform .35s,border-color .35s,box-shadow .35s}
.theme-route:before{content:"";position:absolute;inset:0;background:var(--route-image) center/cover;z-index:-2;transition:transform .65s,filter .65s;filter:saturate(.65)}
.theme-route:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08080810,#08080830 25%,#090807ed 77%);z-index:-1}
.theme-route:hover{transform:translateY(-6px);border-color:var(--gold2);box-shadow:0 18px 35px #0005}.theme-route:hover:before{transform:scale(1.07);filter:saturate(.9)}
.route-number{position:absolute;top:20px;left:22px;font:600 32px var(--serif);color:#fff1d9}.route-image-note{position:absolute;top:23px;right:16px;max-width:135px;text-align:right;font:600 8px/1.5 var(--sans);letter-spacing:.06em;color:#f1dfbd}
.theme-route strong{font:600 31px/1.08 var(--serif);margin-bottom:10px}.theme-route .route-description{font:14px/1.6 var(--sans);color:#d1c7b5;min-height:68px}.route-action{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #c49a4a40;padding-top:15px;color:var(--gold2);font:700 10px var(--sans);letter-spacing:.12em}.route-action b{font-size:19px;font-weight:400;line-height:.6}
.gateway-listen{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 0;margin-top:24px;border-top:1px solid #c49a4a30}.gateway-listen p{margin:0;color:#b9af9e;font-size:15px;line-height:1.6}.gateway-listen a{color:var(--gold2);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.book-section{padding-top:72px}.book-guide{display:none}.atlas{padding-top:70px;padding-bottom:70px}.section-heading>div>.kicker{color:#c49a4a}.section-heading h2{letter-spacing:-.025em}
.topbar nav button.active{color:var(--gold2)}.topbar nav button.active:after{right:4px}
body.nav-auto-hidden:not(.menu-peek) .topbar,body.map-focus:not(.menu-peek) .topbar{transform:none;opacity:1}
.map-menu-trigger{display:none!important}.chapter-snap{scroll-margin-top:82px}
:where(.theme-route,#navTopics,.mobile-nav-inner>button,.gateway-listen a):focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
@media(max-width:1150px){.topbar{grid-template-columns:220px minmax(0,1fr) auto!important;gap:12px!important;padding:0 20px!important}.topbar nav{gap:12px}.topbar nav .pontos-entry{display:none}.top-actions .ghost{padding:10px;font-size:9px}.header-right{gap:6px}.brand strong{font-size:20px!important}.theme-route{padding:22px 18px;min-height:325px}.theme-route strong{font-size:28px}}
@media(max-width:900px){.topbar{height:70px;grid-template-columns:minmax(0,1fr) auto auto!important;padding:0 15px!important;gap:10px!important}.topbar nav{display:none}.topbar .mobile-nav-btn{display:block;min-height:44px;font-size:10px;padding:10px 13px}.brand{grid-template-columns:38px minmax(0,1fr);gap:7px}.brand .brand-hat{width:38px;height:36px}.brand strong{font-size:19px!important}.brand>span{font-size:7px!important}.mobile-nav{top:70px}.mobile-nav-inner{width:calc(100% - 40px);grid-template-columns:1fr 1fr;padding-top:25px;gap:7px 20px}.mobile-nav-inner>button,.mobile-nav-inner>.pontos-entry{font-size:25px;min-height:62px}.theme-routes{grid-template-columns:1fr 1fr}.theme-route{min-height:320px}.hero-content{padding-top:110px;padding-bottom:80px}.hero-dossier{display:none}.hero-copy h1{font-size:clamp(58px,9vw,82px)}.theme-gateway{padding:48px 0}.hero{min-height:80svh}}
@media(max-width:520px){.topbar{padding:0 10px!important;gap:7px!important}.brand strong{font-size:16px!important}.brand>span{display:none}.brand{grid-template-columns:31px minmax(0,1fr);gap:5px}.brand .brand-hat{width:31px;height:32px}.lang-switch .lang-auto{display:none}.lang-switch{padding:3px}.lang-switch>button{min-height:36px;font-size:10px;padding:7px}.mobile-nav-btn{font-size:9px!important;padding:10px!important}.theme-gateway .shell{width:calc(100% - 30px)}.theme-gateway h2{font-size:40px}.theme-route{min-height:280px;padding:20px 15px}.theme-route strong{font-size:25px}.theme-route .route-description{font-size:13px;min-height:83px}.route-image-note{top:61px;left:15px;right:auto;text-align:left;max-width:115px;font-size:7px}.route-number{left:15px;top:16px}.route-action{font-size:8px;letter-spacing:.07em}.gateway-listen{display:block}.gateway-listen a{display:inline-block;margin-top:15px;min-height:44px;padding-top:10px}.mobile-nav-inner{grid-template-columns:1fr}.mobile-nav-inner>button,.mobile-nav-inner>.pontos-entry{font-size:25px;min-height:52px;padding:10px 0}.hero-copy .lead{font-size:17px}.hero-copy h1{font-size:56px}.hero .micro-meta{display:none}}
@media(prefers-reduced-motion:reduce){.brand .brand-hat,.theme-route,.theme-route:before,.mobile-nav-inner>button,.mobile-nav-inner>.pontos-entry{transition:none;transform:none!important}}
body.mobile-nav-open .music-player{opacity:0;pointer-events:none}
@media(max-width:520px){.theme-route{min-height:340px}.route-image-note{top:56px}.hero .scroll-indicator{bottom:18px}}
@media(max-width:360px){.theme-routes{grid-template-columns:1fr}.theme-route{min-height:280px}.route-image-note{top:23px;left:auto;right:16px;text-align:right}.theme-route .route-description{min-height:0}.theme-route strong{font-size:30px}.brand strong{font-size:14px!important}.topbar{gap:4px!important}.topbar .mobile-nav-btn{padding:10px 8px!important}}
.topbar nav>.learning-menu-entry{display:flex;align-items:center;color:var(--gold2);font:700 11px var(--sans);text-decoration:none;min-height:44px}
.mobile-nav-inner>.learning-menu-entry{display:block;padding:16px 0;border-bottom:1px solid #c49a4a30;color:var(--gold2);font:600 30px var(--serif);text-decoration:none}
.learning-home-entry{position:relative;isolation:isolate;display:block;margin-top:24px;padding:30px;border:1px solid #c49a4a45;background:#201215;overflow:hidden;text-decoration:none;color:var(--cream)}
.learning-home-entry:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100a09f5 40%,#100a0990),url('../images/identity/chapter-05-religion-v2.webp') center/cover;z-index:-1;transition:transform .5s}
.learning-home-entry:hover:before{transform:scale(1.04)}.learning-home-entry small{font:700 9px var(--sans);letter-spacing:.12em;color:var(--gold2)}.learning-home-entry strong{display:block;margin:12px 0;font:600 36px/1.1 var(--serif)}.learning-home-entry p{max-width:650px;font:15px/1.6 var(--sans);color:#d2c2a9}.learning-home-entry span{display:block;margin-top:18px;font:700 11px var(--sans);color:var(--gold2)}
@media(max-width:520px){.learning-home-entry{padding:25px 20px}.learning-home-entry strong{font-size:31px}.mobile-nav-inner>.learning-menu-entry{font-size:25px;padding:10px 0}}
@media(prefers-reduced-motion:reduce){.learning-home-entry:before{transition:none;transform:none!important}}

/* Continuación editorial: tres caminos claros después de Zé. */
.next-steps{padding-top:clamp(54px,8vw,105px);padding-bottom:clamp(70px,9vw,120px)}
.next-steps .section-head{max-width:760px}
.next-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.next-steps-grid>.gateway-listen{display:flex;flex-direction:column;justify-content:flex-end;min-height:290px;margin-top:0!important;padding:28px;border:1px solid rgba(197,154,70,.22);border-radius:2px;background:radial-gradient(circle at 75% 15%,rgba(145,34,38,.22),transparent 42%),linear-gradient(145deg,rgba(38,17,22,.94),rgba(9,9,9,.98));color:#f2e7d6;text-decoration:none;box-shadow:0 24px 60px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.next-steps-grid>.gateway-listen:hover,.next-steps-grid>.gateway-listen:focus-visible{transform:translateY(-5px);border-color:rgba(214,174,97,.62);box-shadow:0 30px 70px rgba(0,0,0,.42)}
.next-steps-grid>.gateway-listen strong{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,40px);line-height:1}
.next-steps-grid>.gateway-listen span{margin-top:12px;color:#d0c1af;line-height:1.65}
.next-steps-grid>.gateway-listen small{margin-top:24px;color:#d8aa59;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:900px){.next-steps-grid{grid-template-columns:1fr}.next-steps-grid>.gateway-listen{min-height:210px}}
/* Corrección de anclas y equilibrio de las tres entradas. */
.chapter-snap{scroll-margin-top:96px}
.next-steps-grid>.learning-home-entry,.next-steps-grid>.temple-home-entry{height:100%;min-height:290px;margin-top:0}
.next-steps-grid>.gateway-listen{align-items:flex-start;justify-content:flex-end;text-align:left}
.next-steps-grid>.gateway-listen strong{display:block;margin:10px 0 14px}
.next-steps-grid>.gateway-listen p{margin:0;color:#d0c1af}
.next-steps-grid>.gateway-listen span{display:block;color:#d8aa59;font-size:12px;font-weight:700;letter-spacing:.04em}
@media(max-width:900px){.chapter-snap{scroll-margin-top:82px}.next-steps-grid>.learning-home-entry,.next-steps-grid>.gateway-listen,.next-steps-grid>.temple-home-entry{min-height:230px}}
/* Fondos editoriales para las entradas de Pontos y Templos. */
.next-steps-grid>.gateway-listen{
 background-image:linear-gradient(180deg,rgba(19,8,11,.52),rgba(12,7,8,.9) 72%,rgba(8,7,7,.97)),url('../images/identity/umbanda-atabaques-editorial-v1.png');
 background-position:center,62% center;background-size:cover,cover;background-repeat:no-repeat;
}
.next-steps-grid>.temple-home-entry{
 background-image:linear-gradient(180deg,rgba(25,10,14,.54),rgba(18,9,11,.91) 70%,rgba(10,8,8,.97)),url('../images/identity/umbanda-historia-editorial-v1.png');
 background-position:center,center;background-size:cover,cover;background-repeat:no-repeat;
}
.next-steps-grid>.gateway-listen,.next-steps-grid>.temple-home-entry{isolation:isolate;box-shadow:0 24px 60px rgba(0,0,0,.3);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-size .6s ease}
.next-steps-grid>.gateway-listen:hover,.next-steps-grid>.temple-home-entry:hover{background-size:cover,104%;transform:translateY(-5px);border-color:rgba(214,174,97,.62);box-shadow:0 30px 70px rgba(0,0,0,.44)}
@media(max-width:900px){.next-steps-grid>.gateway-listen,.next-steps-grid>.temple-home-entry{background-size:cover,cover}.next-steps-grid>.gateway-listen:hover,.next-steps-grid>.temple-home-entry:hover{background-size:cover,104%}}


/* Las tres entradas comparten la misma capa fotográfica y el mismo zoom. */
.next-steps-grid>.gateway-listen,
.next-steps-grid>.temple-home-entry{position:relative;overflow:hidden;isolation:isolate}
.next-steps-grid>.gateway-listen,.next-steps-grid>.temple-home-entry{background-image:none}
.next-steps-grid>.gateway-listen::before,
.next-steps-grid>.temple-home-entry::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transition:transform .5s ease}
.next-steps-grid>.gateway-listen::before{background:linear-gradient(180deg,rgba(19,8,11,.52),rgba(12,7,8,.9) 72%,rgba(8,7,7,.97)),url('../images/identity/umbanda-atabaques-editorial-v1.png') 62% center/cover no-repeat}
.next-steps-grid>.temple-home-entry::before{background:linear-gradient(180deg,rgba(25,10,14,.54),rgba(18,9,11,.91) 70%,rgba(10,8,8,.97)),url('../images/identity/umbanda-historia-editorial-v1.png') center/cover no-repeat}
.next-steps-grid>.gateway-listen:hover::before,
.next-steps-grid>.temple-home-entry:hover::before,
.next-steps-grid>.gateway-listen:focus-visible::before,
.next-steps-grid>.temple-home-entry:focus-visible::before{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.next-steps-grid>.gateway-listen::before,.next-steps-grid>.temple-home-entry::before{transition:none}.next-steps-grid>.gateway-listen:hover::before,.next-steps-grid>.temple-home-entry:hover::before{transform:none}}


@media(max-width:900px){
 .topbar{display:block!important}
 .topbar .brand{position:absolute;left:15px;top:13px;max-width:145px;min-width:0}
 .topbar .header-right{position:absolute;right:67px;top:14px;min-width:0}
 .topbar>.mobile-nav-btn{position:absolute;right:8px;top:14px;display:inline-flex!important;min-height:38px;padding:8px!important;white-space:nowrap}
}
@media(max-width:520px){.topbar .brand{left:10px}.topbar .mobile-nav-btn{right:8px}.topbar .header-right{right:62px}}