/* Latitude Fortim v6.48 */

/* Kitesurf da home: turbinas girando no painel de vento */
.kite-panel{position:relative;overflow:hidden}
.kite-panel>*:not(.kite-turbines){position:relative;z-index:1}
.kite-turbines{position:absolute;z-index:0;right:6px;top:40px;width:min(50%,230px);height:auto;opacity:.55;pointer-events:none}
.kite-turbines .kt-tower{fill:rgba(193,205,202,.55)}
.kite-turbines .kt-rotor path{fill:#E6ECEA}
.kite-turbines .kt-hub,.kite-turbines .kt-rotor circle{fill:#E1C081}
.kite-turbines .kt-rotor .kt-box{fill:none;stroke:none}
.kite-turbines .kt-rotor{transform-box:fill-box;transform-origin:center;animation:kt-spin var(--kt-dur,6s) linear infinite}
.kite-turbines g:nth-child(2) .kt-rotor{animation-duration:calc(var(--kt-dur,6s) * 1.15);animation-delay:-.4s}
.kite-turbines g:nth-child(3) .kt-rotor{animation-duration:calc(var(--kt-dur,6s) * .9);animation-delay:-1.1s}
.kite-turbines.is-still .kt-rotor{animation-play-state:paused}
@keyframes kt-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kite-turbines .kt-rotor{animation:none}}

/* "Fortim, neste momento": cabeçalho com imagem do período do dia */
#agenda-fortim.live-fortim{--hoje-img:url(../media/ilustracoes/v648/barcos-no-rio.webp)}
#agenda-fortim.live-fortim[data-day-phase="dawn"]{--hoje-img:url(../media/ilustracoes/v648/veleiro-no-rio.webp)}
#agenda-fortim.live-fortim[data-day-phase="sunset"],#agenda-fortim.live-fortim[data-day-phase="night"]{--hoje-img:url(../media/ilustracoes/v648/por-do-sol-eolicas.webp)}
#agenda-fortim.live-fortim .live-header{position:relative!important;isolation:isolate;overflow:hidden;min-height:320px;border-radius:20px!important;padding:clamp(28px,4vw,56px)!important;
  background:#093036 var(--hoje-img) center/cover no-repeat!important;box-shadow:0 18px 42px rgba(9,48,54,.14)}
#agenda-fortim.live-fortim .live-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,48,54,.9) 0,rgba(9,48,54,.62) 55%,rgba(9,48,54,.4) 100%)}
#agenda-fortim.live-fortim[data-day-phase="night"] .live-header::before{background:linear-gradient(90deg,rgba(4,22,26,.94) 0,rgba(4,22,26,.8) 60%,rgba(4,22,26,.7) 100%)}
#agenda-fortim.live-fortim .live-header::after{content:"Ilustração digital";position:absolute;right:16px;bottom:12px;font-size:11px;letter-spacing:.04em;color:rgba(255,253,248,.85)}
#agenda-fortim.live-fortim .live-header h2,#agenda-fortim.live-fortim .live-clock strong{color:#FFFDF8!important}
#agenda-fortim.live-fortim .live-header p,#agenda-fortim.live-fortim .live-clock small{color:#E6ECEA!important}
#agenda-fortim.live-fortim .live-kicker,#agenda-fortim.live-fortim .live-clock span{color:#E7CB8D!important}
#agenda-fortim.live-fortim .live-header a{color:#FFFDF8!important}
@media (max-width:760px){#agenda-fortim.live-fortim .live-header{min-height:0;padding-bottom:44px!important}
  #agenda-fortim.live-fortim .live-header::before{background:rgba(9,48,54,.78)}}

/* Faixas com ilustrações digitais */
.lf-band{--b-ink:#093036;--b-muted:#405F62;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:clamp(20px,3vw,48px);align-items:center;margin:clamp(32px,4vw,56px) 0}
:is(:root[data-theme="dark"],body.lf-dark) .lf-band{--b-ink:#F6F1E8;--b-muted:#C1CDCA}
.lf-band figure{margin:0}
.lf-band img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.lf-band figcaption{margin-top:8px;font-size:12px;color:var(--b-muted)}
.lf-band h2{margin:0 0 12px;font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(30px,3.2vw,46px);line-height:1.04;letter-spacing:-.02em;color:var(--b-ink)}
.lf-band p{margin:0;font-size:16px;line-height:1.65;color:var(--b-muted)}
.lf-band--solo{display:block}
@media (max-width:860px){.lf-band{grid-template-columns:1fr}}

/* Mapa: miniaturas na lista */
.geo-thumb{margin:0 0 12px}
.geo-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.geo-thumb figcaption{margin-top:4px;font-size:11px;opacity:.85}

/* História e Cultura */
.hc-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--j-line)}
.hc-split h2,.hc-live h2{margin:8px 0 14px;font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(32px,3.6vw,52px);line-height:1.02;letter-spacing:-.02em;color:var(--j-ink)}
.hc-split p,.hc-live p{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--j-muted)}
.hc-src{font-size:13px!important}
.hc-src a{color:var(--j-ink);text-decoration:underline;text-underline-offset:3px}
.hc-timeline{list-style:none;margin:0;padding:0;border-left:1px solid var(--j-line)}
.hc-timeline li{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:0 0 22px 24px}
.hc-timeline li::before{content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;border-radius:50%;background:#B88D44}
.hc-year{font-family:var(--serif,Georgia,serif);font-size:24px;line-height:1.2;color:var(--j-sun)}
.hc-timeline p{margin:0;font-size:15px;line-height:1.6;color:var(--j-ink)}
.hc-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin:clamp(36px,5vw,72px) 0;padding:clamp(20px,3vw,32px);border-radius:20px;background:var(--j-card);border:1px solid var(--j-line)}
.hc-live img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.hc-live .jn-btn{margin-top:8px}
@media (max-width:860px){.hc-split,.hc-live{grid-template-columns:1fr}}

/* Pôr do sol em Pontal */
.stories a.story[href="artigos/por-do-sol-no-pontal.html"]::before{background-image:url("../media/pontal-por-do-sol/pontal-sol-e-horizonte.webp")!important;background-position:center 40%}
.pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);grid-auto-flow:dense}
.pd-grid figure{margin:0}
.pd-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.pd-grid .pd-v{grid-row:span 2}
.pd-grid .pd-v img{aspect-ratio:auto;height:calc(100% - 24px)}
.pd-grid figcaption{margin-top:6px;font-size:12px;color:var(--j-muted)}
.pd-grid figure:first-child{grid-column:span 2}
.pd-credit{margin:20px 0 0;font-size:13px;color:var(--j-muted)}
@media (max-width:760px){.pd-grid{grid-template-columns:1fr}.pd-grid figure:first-child{grid-column:auto}.pd-grid .pd-v{grid-row:auto}.pd-grid .pd-v img{aspect-ratio:3/4;height:auto}}
.pd-video{position:relative;margin:0 0 clamp(20px,2.4vw,32px)}
.pd-video video{display:block;width:100%;max-height:72vh;object-fit:cover;border-radius:18px;background:#093036}
.pd-play{position:absolute;right:14px;bottom:14px;min-height:40px;padding:0 16px;border:1px solid rgba(255,253,248,.7);border-radius:999px;background:rgba(9,48,54,.72);color:#FFFDF8;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.pd-play:focus-visible{outline:2px solid #E1C081;outline-offset:3px}
#agenda-fortim.live-fortim[data-day-phase="night"]{--hoje-img:url(../media/ilustracoes/v648/lua-sobre-fortim.webp)}

/* v6.49c — fim de tarde com fotografia real do Pontal; legenda acompanha o tipo de imagem */
#agenda-fortim.live-fortim[data-day-phase="sunset"]{--hoje-img:url(../media/pontal-por-do-sol/pontal-sol-e-horizonte.webp)}
#agenda-fortim.live-fortim[data-day-phase="sunset"] .live-header::after{content:"Pôr do sol no Pontal de Maceió · fotografia"}



#agenda-fortim.live-fortim .live-header.has-slides{background-image:none!important}
#agenda-fortim.live-fortim .live-header.has-slides::after{content:none!important}
#agenda-fortim.live-fortim .live-header>.hoje-slides{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block;z-index:-2}
#agenda-fortim.live-fortim .live-header.has-slides::before{background:linear-gradient(90deg,rgba(9,48,54,.82) 0,rgba(9,48,54,.5) 50%,rgba(9,48,54,.22) 100%)}
.hoje-slide{display:block;position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity 1.6s ease}
.hoje-slide.is-on{opacity:1}
.hoje-slide-cap{position:absolute!important;right:16px;bottom:12px;font-size:11px;letter-spacing:.04em;color:rgba(255,253,248,.85)}
@media (prefers-reduced-motion:reduce){.hoje-slide{transition:none}}


/* v6.49d — home: ilustrações de tom mais forte */
.jn-feature .jn-ill{position:absolute;top:16px;right:16px;z-index:1;padding:4px 10px;border-radius:999px;background:rgba(9,48,54,.72);color:#FFFDF8;font-size:11px;font-weight:600;letter-spacing:.02em}
.jn-ill-s{display:block;margin-top:4px;font-size:11px;color:var(--j-muted)}
.stories a.story[href="artigos/a-igreja-que-olha-para-o-rio.html"]::before{background-image:url("../media/ilustracoes/v648/igreja-ao-entardecer.webp")!important;background-position:62% center!important}
.stories a.story[href="artigos/por-do-sol-no-pontal.html"]::before{background-image:url("../media/pontal-por-do-sol/img_20260713_172938.webp")!important;background-position:center 55%!important}