/* Church Web · v1.0.0 (2026-10-07) · appdemo.css */
/* App Church — Drift Wall */
/* seção-cinema: a parede é o fundo, o texto flutua por cima */
.app-cinema{position:relative;overflow:hidden;padding:0;min-height:100vh;min-height:100svh;display:flex;align-items:flex-start}
.app-cinema-head{position:relative;z-index:3;padding-top:110px;padding-bottom:60vh;pointer-events:none;width:100%}
.app-cinema-head .sec-head{margin:0}
.app-cinema-head a.btn{pointer-events:auto}
.app-cinema-head .sec-head{display:block}
.app-cinema-cta{display:flex;align-items:center;gap:14px;margin-top:26px}
.app-badge-corner{position:absolute;right:18px;bottom:22px;z-index:5;margin:0}

@media (max-width:760px){.app-badge-corner{right:14px;bottom:14px}}
.dwall{position:absolute;inset:0;overflow:hidden;background:#031C2F;perspective:1200px}
.dwall-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(246,248,250,0.97) 0%,rgba(246,248,250,0.9) 26%,rgba(246,248,250,0.45) 46%,transparent 64%)}
.dwall-plane{position:absolute;left:50%;top:50%;width:104%;height:160%;transform:translate(-50%,-50%);transform-style:preserve-3d;display:flex;gap:16px;justify-content:center}
.dw-col{flex:1;min-width:0;overflow:visible}
.dw-run{display:flex;flex-direction:column;gap:16px;animation:dwDrift 42s linear infinite;will-change:transform}
@keyframes dwDrift{to{transform:translateY(-50%)}}
.dw-tile{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#0b2238;box-shadow:0 24px 60px rgba(1,10,20,0.55)}
.dw-tile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;user-select:none;-webkit-user-select:none}
.dw-cap{display:none}
.dw-cap b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-0.01em;color:#fff}
.dw-cap span{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:rgba(255,255,255,0.78)}

.dwall-fade{position:absolute;left:0;right:0;height:120px;pointer-events:none;z-index:2}
.dwall-fade-t{top:0;background:linear-gradient(180deg,#031C2F 8%,transparent)}
.dwall-fade-b{bottom:0;background:linear-gradient(0deg,#031C2F 8%,transparent)}
@media (max-width:900px){
  .app-cinema-head{padding-bottom:230px}
  .dwall-plane{width:220%}
  .dwall-plane{width:170%;gap:14px}
  .dw-run{gap:14px}
  .dw-cap b{font-size:13px}
  .dw-cap span{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.dw-run{animation:none}}