/* ======================================================================
   AD BELÉM ITAPEVI — SISTEMA VISUAL
   01. Base / efeitos
   02. Navegação
   03. Hero
   04. Avisos
   05. Transmissão
   06. Cultos
   07. Equipe
   08. Redes / inscrição / localização
   09. Rodapé
   10. Responsividade
   11. Organograma
   ====================================================================== */

:root{
  --bg:#050a12;--bg-soft:#091221;--panel:rgba(15,24,39,.72);--panel-strong:#101b2d;
  --text:#f5f8fc;--muted:#a2afc0;--soft:#6f7e93;--line:rgba(255,255,255,.11);
  --cyan:#5ee8ff;--blue:#4c7dff;--violet:#7a61ff;--gold:#ffd45c;--green:#37e39a;
  --red:#ff5667;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;
  --ease:cubic-bezier(.2,.75,.2,1);--shadow:0 35px 100px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 10% 0%,rgba(36,102,255,.18),transparent 31%),radial-gradient(circle at 90% 45%,rgba(0,211,239,.12),transparent 28%),linear-gradient(180deg,#06101d 0%,#050912 52%,#04070d 100%)}
.noise{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:59;width:300px;height:300px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(94,232,255,.11),transparent 67%);mix-blend-mode:screen}.aurora{position:fixed;z-index:-3;width:55vw;height:55vw;border-radius:50%;filter:blur(110px);opacity:.1;pointer-events:none}.aurora-one{background:#165dff;left:-24vw;top:-28vw}.aurora-two{background:#00d8e8;right:-25vw;top:38vw}

/* ==================== NAVEGAÇÃO ==================== */
.site-nav{position:fixed;z-index:40;top:17px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:70px;padding:7px 9px 7px 12px;border:1px solid rgba(255,255,255,.13);border-radius:23px;background:rgba(5,10,18,.7);backdrop-filter:blur(24px) saturate(1.4);display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 65px rgba(0,0,0,.3);transition:.4s var(--ease)}.site-nav.scrolled{background:rgba(4,8,15,.92);box-shadow:0 22px 75px rgba(0,0,0,.52)}
.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:72px;height:60px;display:grid;place-items:center;overflow:visible;background:transparent;border:0;border-radius:0}.brand-logo img{width:68px;height:68px;max-width:none;max-height:none;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-family:var(--display);font-size:14px;letter-spacing:-.035em}.brand-copy small{font-size:9px;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:2px}.desktop-nav>a{padding:12px 11px;color:#aeb9c9;font-size:11px;font-weight:800;transition:.25s}.desktop-nav>a:hover{color:#fff}.desktop-nav .nav-button{color:#06101a;background:linear-gradient(110deg,#eaffff,var(--cyan));border-radius:13px;padding:11px 15px;margin-left:5px;box-shadow:0 10px 30px rgba(94,232,255,.17)}.nav-toggle{display:none;width:45px;height:45px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04)}.mobile-menu{display:none}

/* ==================== HERO ==================== */
.hero{position:relative;min-height:820px;width:min(1180px,calc(100% - 48px));margin:auto;padding:170px 0 95px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:35px}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.hero-grid-glow{position:absolute;width:520px;height:520px;right:3%;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(44,128,255,.15),transparent 68%);filter:blur(5px);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#b9c5d5;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:25px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(94,232,255,.08),0 0 22px var(--cyan);animation:pulse 2s infinite}.hero h1{font-family:var(--display);font-size:clamp(62px,7.5vw,106px);line-height:.86;letter-spacing:-.08em;margin:0;font-weight:800;max-width:790px}.hero h1 span{color:transparent;background:linear-gradient(100deg,#fff 12%,#8defff 58%,#9cb6ff);background-clip:text;-webkit-background-clip:text}.hero-period{color:var(--gold)!important;background:none!important}.hero-lead{max-width:640px;margin:30px 0 28px;color:#aebaca;font-size:16px;line-height:1.72}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 19px;border-radius:15px;border:1px solid transparent;font-size:11px;font-weight:800;transition:.3s var(--ease)}.button i{transition:transform .3s var(--ease)}.button:hover{transform:translateY(-3px)}.button:hover i{transform:translateX(4px)}.button.primary{color:#06101a;background:linear-gradient(110deg,#f2ffff,var(--cyan));box-shadow:0 14px 38px rgba(58,211,238,.16)}.button.secondary{background:rgba(255,255,255,.045);border-color:var(--line);color:#e7edf5}.hero-signature{display:flex;align-items:center;gap:12px;margin-top:46px;color:#68778c}.hero-signature span{width:55px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hero-signature small{font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.hero-visual{height:510px;position:relative;display:grid;place-items:center}.hero-halo{position:absolute;border:1px solid rgba(94,232,255,.13);border-radius:50%;animation:spin 25s linear infinite}.halo-one{width:440px;height:440px}.halo-two{width:300px;height:300px;border-color:rgba(255,212,92,.15);animation-direction:reverse;animation-duration:18s}.hero-logo-card{position:relative;width:360px;height:430px;padding:24px;border:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center;overflow:visible}.hero-logo-card:before{display:none}.logo-card-top,.logo-card-bottom,.hero-logo-card>img{position:relative;z-index:1}.logo-card-top{display:flex;justify-content:space-between;align-items:center;color:#8492a5;font-size:9px;font-weight:800;letter-spacing:.16em}.logo-card-top span{color:var(--cyan);font-family:var(--display);font-size:18px}.hero-logo-card>img{width:270px;height:270px;object-fit:contain;align-self:center;filter:drop-shadow(0 28px 34px rgba(0,0,0,.38))}.logo-card-bottom{display:flex;align-items:center;justify-content:center;gap:9px;color:#8e9bad;font-size:7px;font-weight:800;letter-spacing:.14em}.logo-card-bottom i{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.floating-word{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(6,12,21,.72);backdrop-filter:blur(16px);font-size:9px;font-weight:800;letter-spacing:.14em;color:#d9e2ee;box-shadow:0 18px 45px rgba(0,0,0,.28);animation:float 5s ease-in-out infinite}.word-one{left:3%;top:20%;color:var(--gold)}.word-two{right:0;top:47%;animation-delay:-1.7s}.word-three{left:10%;bottom:9%;color:var(--cyan);animation-delay:-3.1s}.scroll-cue{position:absolute;left:0;bottom:34px;display:flex;align-items:center;gap:12px;color:#718096;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.scroll-cue i{color:var(--cyan);animation:bounce 1.8s infinite}

/* ==================== AVISOS ==================== */
.notice-section{width:min(1180px,calc(100% - 48px));margin:auto;padding:90px 0 110px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:45px}.section-head.compact{grid-template-columns:1fr auto}.section-head h2{font-family:var(--display);font-size:clamp(47px,5.7vw,78px);line-height:.88;letter-spacing:-.075em;margin:12px 0 0}.section-head h2 em{font-style:normal;color:var(--cyan)}.section-head p{max-width:390px;justify-self:end;margin:0;color:#8190a5;font-size:12px;line-height:1.7}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.2em;color:#7e8da3;text-transform:uppercase}.slider-controls{display:flex;align-items:center;gap:12px}.slider-controls button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.035);cursor:pointer;transition:.25s}.slider-controls button:hover{background:rgba(94,232,255,.12);border-color:rgba(94,232,255,.35);transform:translateY(-2px)}.slider-controls span{min-width:55px;text-align:center;font-family:var(--display);font-size:10px;color:#8290a3}.notice-slider{position:relative;overflow:hidden;border:0;border-radius:24px;background:transparent;box-shadow:none;padding:0}.notice-track{display:flex;transition:transform .8s var(--ease)}.notice-slide{position:relative;flex:0 0 100%;display:flex;align-items:center;justify-content:center;aspect-ratio:16/7;min-height:280px;background:transparent;overflow:hidden}.notice-slide img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;display:block;border-radius:clamp(14px,2vw,24px);background:transparent;transition:transform 1.2s var(--ease)}.notice-slide:hover img{transform:scale(1.025)}.notice-progress{height:3px;background:rgba(255,255,255,.06)}.notice-progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .8s var(--ease)}

/* ==================== FAIXA ==================== */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);padding:18px 0}.marquee-track{width:max-content;display:flex;align-items:center;gap:30px;animation:marquee 30s linear infinite;font-family:var(--display);font-size:13px;font-weight:800;color:#718096;text-transform:uppercase;letter-spacing:.14em}.marquee-track b{color:var(--gold)}

/* ==================== TRANSMISSÃO ==================== */
.section{width:min(1180px,calc(100% - 48px));margin:auto;padding:125px 0}.media-section{padding-top:115px}.media-head{margin-bottom:35px}.state-chip{display:inline-flex;align-items:center;gap:9px;justify-self:end;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#8290a3;font-size:8px;letter-spacing:.12em}.state-chip span{width:7px;height:7px;border-radius:50%;background:#68768a}.state-chip.live{color:#fff;border-color:rgba(55,227,154,.3);background:rgba(55,227,154,.06)}.media-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px;padding:7px;border-radius:31px;border:1px solid var(--line);background:rgba(255,255,255,.025);box-shadow:var(--shadow)}.media-frame{position:relative;min-height:510px;border-radius:25px;overflow:hidden;background:#020406;border:1px solid rgba(255,255,255,.08)}.media-frame-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(94,232,255,.12),transparent 35%);pointer-events:none}.scanline{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5;animation:scan 5s linear infinite;z-index:3}.media-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .5s}.media-frame iframe.ready{opacity:1}.media-loader{position:absolute;inset:0;z-index:4;display:grid;place-items:center;align-content:center;gap:14px;background:radial-gradient(circle,rgba(16,34,55,.55),#020406 65%);color:#728196;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.loader-orbit{width:48px;height:48px;border-radius:50%;border:1px solid rgba(94,232,255,.2);border-top-color:var(--cyan);animation:spin 1s linear infinite}.media-frame.loaded .media-loader{opacity:0;pointer-events:none}.youtube-thumb{position:absolute;inset:0;z-index:2;display:none}.youtube-thumb.show{display:block}.youtube-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.youtube-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.48))}.youtube-thumb>span{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.93);color:#07101a;font-size:20px;box-shadow:0 15px 55px rgba(0,0,0,.35);transition:.3s}.youtube-thumb:hover>span{transform:translate(-50%,-50%) scale(1.08)}.media-corner{position:absolute;z-index:5;top:18px;right:18px;display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.58);backdrop-filter:blur(12px);font-size:7px;letter-spacing:.13em}.media-corner span{color:#8390a2}.media-corner b{color:var(--cyan)}.media-copy{padding:35px 28px;display:flex;flex-direction:column;justify-content:center;border-radius:23px;background:linear-gradient(145deg,rgba(20,32,50,.65),rgba(6,11,19,.9));border:1px solid rgba(255,255,255,.07)}.status-line{display:flex;align-items:center;gap:9px;color:#8996a9;font-size:8px;letter-spacing:.15em}.status-line span{width:7px;height:7px;border-radius:50%;background:#66758a}.media-copy h3{font-family:var(--display);font-size:29px;line-height:1.05;letter-spacing:-.055em;margin:18px 0 14px}.media-copy p{color:#8390a3;font-size:11px;line-height:1.75;margin:0}.media-actions{display:flex;gap:8px;margin-top:25px}.square-button{width:50px;height:50px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04);cursor:pointer}.secure-line{display:flex;gap:8px;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:#627187;font-size:8px}.secure-line i{color:var(--green)}

.video-about{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.video-about[hidden]{display:none}.video-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;margin-bottom:11px;color:#66758a;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.video-meta span{display:inline-flex;align-items:center;gap:6px}.video-meta i{color:var(--cyan);font-size:9px}.video-description{white-space:pre-line;overflow-wrap:anywhere;font-size:10.5px;line-height:1.8;color:#7c8ba1}.video-description.clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.video-description a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}.video-description a:hover{opacity:.8}.link-button{margin-top:10px;padding:0;border:0;background:none;color:var(--cyan);font-family:inherit;font-weight:700;font-size:8px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.link-button[hidden]{display:none}.link-button:hover{opacity:.75}

/* ==================== CULTOS ==================== */
.schedule-section{padding-top:100px}

/* ==================== EQUIPE ==================== */
.team-preview{padding-top:80px}.team-banner{position:relative;min-height:440px;padding:55px 60px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(69,100,255,.24),transparent 28%),radial-gradient(circle at 90% 90%,rgba(0,220,238,.15),transparent 30%),linear-gradient(145deg,rgba(21,31,49,.88),rgba(5,10,18,.96));display:flex;align-items:center}.team-copy{max-width:610px;position:relative;z-index:2}.team-copy h2{font-family:var(--display);font-size:clamp(48px,5.8vw,76px);line-height:.88;letter-spacing:-.075em;margin:12px 0 18px}.team-copy h2 em{font-style:normal;color:var(--cyan)}.team-copy p{max-width:530px;color:#8997aa;font-size:12px;line-height:1.75;margin-bottom:24px}.team-orbit{position:absolute;right:6%;width:360px;height:360px;border-radius:50%;border:1px solid rgba(94,232,255,.14);display:grid;place-items:center}.team-orbit:before,.team-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,212,92,.12)}.team-orbit:before{inset:45px}.team-orbit:after{inset:90px}.team-orbit span{font-family:var(--display);font-size:110px;font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.06)}.team-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan);animation:orbit 7s linear infinite}.team-orbit i:nth-child(2){animation-delay:-2s;background:var(--gold);box-shadow:0 0 25px var(--gold)}.team-orbit i:nth-child(3){animation-delay:-4.2s;background:var(--violet);box-shadow:0 0 25px var(--violet)}

/* ==================== REDES ==================== */
.channels-section{padding-top:90px}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.channel-card{grid-column:span 2;min-height:188px;position:relative;overflow:hidden;padding:26px;border-radius:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 100px rgba(0,0,0,.52);transition:.25s ease;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;will-change:transform}.channel-card:nth-child(4):nth-last-child(2),.channel-card:nth-child(5):last-child{grid-column:span 3}.channel-card:hover{border-color:rgba(255,255,255,.28)}.channel-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18),transparent 42%);opacity:0;transition:.25s}.channel-card:hover:before{opacity:1}.channel-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#3ad3ee,#1a7f9c);color:#fff;font-size:30px}.instagram .channel-icon{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.youtube .channel-icon{background:linear-gradient(135deg,#ff1010,#ae0000)}.facebook .channel-icon{background:linear-gradient(135deg,#1877f2,#004ecb)}.spotify .channel-icon{background:linear-gradient(135deg,#1DB954,#0b7c32)}.channel-card h3{margin:10px 0 6px;font-family:var(--display);font-size:26px;line-height:1.02;letter-spacing:-.04em}.channel-card p{margin:0;color:#c8d4e6;font-weight:750}

/* ==================== INSCRIÇÃO ==================== */
.join-section{padding-top:80px}.join-frame{position:relative;min-height:380px;padding:55px 60px;border:1px solid rgba(94,232,255,.17);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 85% 50%,rgba(94,232,255,.18),transparent 25%),linear-gradient(135deg,rgba(20,39,58,.9),rgba(5,11,19,.97));display:flex;align-items:center;justify-content:space-between;gap:40px}.join-frame h2{font-family:var(--display);font-size:clamp(48px,5.8vw,76px);line-height:.87;letter-spacing:-.075em;margin:13px 0 18px}.join-frame h2 em{font-style:normal;color:var(--cyan)}.join-frame p{max-width:530px;color:#8796a9;font-size:12px;line-height:1.7;margin:0}.join-bg-number{position:absolute;right:18%;font-family:var(--display);font-size:330px;font-weight:800;letter-spacing:-.12em;color:rgba(255,255,255,.035);pointer-events:none}

/* ==================== LOCALIZAÇÃO ==================== */
.location-section{padding-top:85px}.location-card{display:grid;grid-template-columns:1.35fr .65fr;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(19,28,43,.82),rgba(6,10,17,.96));box-shadow:var(--shadow)}.map-wrap{min-height:360px;background:#dfe4e8}.map-wrap iframe{width:100%;height:100%;min-height:360px;border:0;display:block;filter:saturate(.8) contrast(.96)}.location-info{padding:42px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff9b49,#ff7042);color:#08111b;font-size:18px;margin-bottom:22px;box-shadow:0 15px 35px rgba(255,121,62,.18)}.location-info h3{font-family:var(--display);font-size:24px;letter-spacing:-.05em;margin:10px 0 8px}.location-info p{color:#8997aa;font-size:11px;line-height:1.8;margin:0 0 22px}

/* ==================== RODAPÉ ==================== */
.developed-section{width:min(1180px,calc(100% - 48px));margin:0 auto 0;padding:90px 0 50px;text-align:center}.developed-content{display:flex;flex-direction:column;align-items:center;gap:16px}.developed-label{font-size:9px;font-weight:800;letter-spacing:.2em;color:#7e8da3;text-transform:uppercase}.developed-logo{max-width:200px;height:auto;object-fit:contain}.developed-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(94,232,255,.25);border-radius:15px;background:rgba(94,232,255,.08);color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:.3s var(--ease)}.developed-link:hover{background:rgba(94,232,255,.15);border-color:rgba(94,232,255,.4)}.developed-link i{transition:transform .3s var(--ease)}.developed-link:hover i{transform:translateX(4px)}.desktop-only{display:block}.mobile-only{display:none}

.site-footer{width:min(1180px,calc(100% - 48px));margin:20px auto 0;padding:48px 0 28px;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-media-section{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-label{font-size:8px;font-weight:800;letter-spacing:.15em;color:#7e8da3;text-transform:uppercase}.footer-logo{height:78px;display:flex;align-items:center;justify-content:flex-start;background:transparent;border:0}.footer-logo.church{width:170px}.footer-logo.media{width:190px;justify-content:flex-end;height:auto}.footer-logo img{max-width:100%;max-height:78px;object-fit:contain;background:transparent;display:block}.footer-divider,.footer-text{display:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:#647287;font-size:8px;letter-spacing:.04em}.footer-bottom strong{color:#a9b5c5}

/* ==================== ANIMAÇÕES ==================== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.65}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(500px)}}@keyframes orbit{from{transform:rotate(0deg) translateX(175px) rotate(0deg)}to{transform:rotate(360deg) translateX(175px) rotate(-360deg)}}@keyframes noticeGlow{0%,100%{opacity:.45}50%{opacity:.8}}

.image-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;background:linear-gradient(145deg,#26354b,#0b111d);color:#eafcff;font-family:var(--display);font-weight:800;font-size:32px}
.square-button.is-loading i{animation:spin .8s linear infinite}

/* ==================== RESPONSIVIDADE ==================== */
@media(max-width:1000px){.desktop-nav>a:not(.nav-button){display:none}.nav-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:145px}.hero-visual{height:460px}.hero-copy{max-width:760px}.media-shell{grid-template-columns:1fr}.media-copy{padding:30px}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel-card,.channel-card:nth-child(4):nth-last-child(2),.channel-card:nth-child(5):last-child{grid-column:auto}.team-orbit{right:-8%}}
@media(max-width:680px){.site-nav{top:10px;width:calc(100% - 20px);height:62px;border-radius:18px}.brand-logo{width:58px;height:52px;border-radius:0}.brand-logo img{width:56px;height:56px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:8px}.mobile-menu{position:fixed;z-index:35;top:81px;left:10px;right:10px;display:flex;flex-direction:column;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(5,10,18,.94);backdrop-filter:blur(22px);box-shadow:0 25px 70px rgba(0,0,0,.45);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.3s var(--ease)}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#b7c2d1}.mobile-menu a:last-child{border:0}.mobile-cta{margin-top:5px!important;border-radius:13px;background:linear-gradient(110deg,#f2ffff,var(--cyan));color:#06101a!important;text-align:center}.hero{width:calc(100% - 28px);padding:125px 0 90px}.hero h1{font-size:clamp(54px,15vw,78px)}.hero-lead{font-size:14px}.hero-actions .button{width:100%}.hero-visual{height:370px}.hero-logo-card{width:270px;height:330px;padding:10px}.hero-logo-card>img{width:205px;height:205px}.halo-one{width:320px;height:320px}.halo-two{width:230px;height:230px}.floating-word{font-size:7px;padding:8px 10px}.word-one{left:0}.word-two{right:0}.word-three{left:0}.notice-section,.section,.site-footer{width:calc(100% - 28px)}.notice-section{padding:75px 0 85px}.section{padding:85px 0}.section-head,.section-head.compact{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.section-head h2{font-size:46px}.section-head p{justify-self:start}.slider-controls{justify-self:start}.notice-slide{aspect-ratio:4/3;min-height:240px}.media-frame{min-height:280px}.media-copy h3{font-size:25px}.team-banner{padding:38px 25px;min-height:520px}.team-orbit{width:270px;height:270px;right:-85px;bottom:-50px;opacity:.65}.team-orbit span{font-size:85px}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:150px}.join-frame{padding:40px 25px;min-height:470px;display:block}.join-frame .button{margin-top:28px;width:100%}.join-bg-number{font-size:250px;right:-10%;bottom:-10%}.location-card{grid-template-columns:1fr}.map-wrap,.map-wrap iframe{min-height:280px}.location-info{padding:32px 25px}.footer-main{flex-wrap:nowrap;gap:14px}.footer-bottom{flex-direction:column;gap:10px;align-items:flex-start}.footer-logo.church,.footer-logo.media{width:120px;height:58px}.footer-logo img{max-height:58px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ======================================================================
   ORGANOGRAMA — mantém a hierarquia e as cores da equipe
   ====================================================================== */
.org-main{width:min(1160px,calc(100% - 48px));margin:0 auto;padding-top:150px}.org-hero{padding:55px 0 110px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.org-topline{display:flex;gap:13px;align-items:center;color:#77859a;font-size:9px;letter-spacing:.18em}.org-topline i{width:70px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.org-hero h1{font-family:var(--display);font-size:clamp(65px,9vw,125px);line-height:.82;letter-spacing:-.085em;margin:30px 0}.org-hero h1 em{font-style:normal;color:var(--cyan)}.org-hero>p{max-width:540px;color:#8d9aac;font-size:14px;line-height:1.7}.org-note{display:inline-flex;gap:10px;align-items:center;margin-top:24px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;color:#718095;font-size:9px}.org-note i{color:var(--gold)}.dept-multimedia header{background:linear-gradient(135deg,rgba(16,92,69,.85),rgba(5,30,20,.95));border-color:rgba(55,227,154,.25)}.dept-ti header{background:linear-gradient(135deg,rgba(16,74,104,.85),rgba(5,20,35,.95));border-color:rgba(48,211,255,.25)}.dept-social header{background:linear-gradient(135deg,rgba(104,16,24,.85),rgba(35,5,10,.95));border-color:rgba(255,70,70,.25)}.member-jr img{border:3px solid #ffa500;box-shadow:0 0 20px rgba(255,165,0,.4)}.member-sr img{border:3px solid #5ee8ff;box-shadow:0 0 20px rgba(94,232,255,.4)}.member-pl img{border:3px solid #2c5aa0;box-shadow:0 0 20px rgba(44,90,160,.4)}
.org-main{width:min(1160px,calc(100% - 48px));margin:0 auto;padding-top:150px}.org-hero{padding:55px 0 110px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.org-topline{display:flex;gap:13px;align-items:center;color:#77859a;font-size:9px;letter-spacing:.18em}.org-topline i{width:70px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.org-hero h1{font-family:var(--display);font-size:clamp(65px,9vw,125px);line-height:.82;letter-spacing:-.085em;margin:30px 0}.org-hero h1 em{font-style:normal;color:var(--cyan)}.org-hero>p{max-width:540px;color:#8d9aac;font-size:14px;line-height:1.7}.org-note{display:inline-flex;gap:10px;align-items:center;margin-top:24px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;color:#718095;font-size:9px}.org-note i{color:var(--gold)}.org-tree{position:relative;padding-bottom:80px}.tree-tier{position:relative;display:flex;flex-direction:column;align-items:center}.tree-label{align-self:flex-start;display:flex;align-items:center;gap:11px;margin-bottom:16px;color:#718096}.tree-label span{font-family:var(--display);font-weight:800;color:var(--cyan);font-size:10px}.tree-label small{font-size:8px;letter-spacing:.2em}.tree-connector{height:80px;width:1px;background:linear-gradient(to bottom,rgba(94,232,255,.6),rgba(255,211,90,.35));position:relative}.tree-connector span{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);transform:translate(-50%,-50%)}.people-grid{display:grid;gap:12px;width:100%}.people-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.person-card{position:relative;min-height:165px;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(28,37,54,.82),rgba(8,13,22,.9));display:flex;align-items:center;gap:22px;overflow:hidden;transition:.4s var(--ease)}.person-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 45%);pointer-events:none}.person-card:hover{transform:translateY(-5px);border-color:rgba(94,232,255,.35);box-shadow:0 25px 70px rgba(0,0,0,.28)}.person-card .person-photo{width:100px;height:100px;flex:none;border-radius:50%;padding:5px;background:linear-gradient(145deg,#e6ebef,#667385);box-shadow:0 0 0 9px rgba(255,255,255,.035),0 20px 40px rgba(0,0,0,.25);overflow:hidden}.person-card .person-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#1a2230}.person-card small{display:block;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.15em;margin-bottom:8px}.person-card h2,.person-card h3{font-family:var(--display);font-size:25px;line-height:1;margin:0;letter-spacing:-.05em}.person-card p{font-size:10px;color:#8290a3;line-height:1.45;margin:8px 0 0}.person-mark{position:absolute;right:20px;top:18px;color:#59677a;font-size:8px;letter-spacing:.1em}.pastor-card{max-width:700px;width:100%;background:linear-gradient(145deg,rgba(44,51,64,.92),rgba(12,16,24,.96))}.pastor-card .person-photo{width:116px;height:116px}.coord-card{background:linear-gradient(145deg,rgba(38,52,119,.78),rgba(11,19,43,.92));border-color:rgba(83,110,255,.25)}.coord-card small{color:#7f9dff}.leader-card{background:linear-gradient(145deg,rgba(18,105,146,.62),rgba(10,27,40,.92));border-color:rgba(48,211,255,.2)}.leader-card small{color:var(--cyan)}.departments{padding:100px 0 80px}.dept-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:45px}.dept-intro .eyebrow{color:#8190a5}.dept-intro h2{font-family:var(--display);font-size:clamp(50px,6vw,80px);line-height:.88;letter-spacing:-.07em;margin:13px 0 0}.dept-intro h2 em{font-style:normal;color:var(--cyan)}.dept-intro p{color:#8290a3;font-size:12px;line-height:1.7;max-width:340px;justify-self:end}.dept-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:12px}.dept{border:1px solid var(--line);border-radius:28px;padding:20px;background:linear-gradient(145deg,rgba(17,26,40,.84),rgba(6,11,18,.94));overflow:hidden}.dept header{display:flex;align-items:center;gap:12px;padding:5px 4px 18px;border-bottom:1px solid var(--line)}.dept-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(94,232,255,.08);color:var(--cyan)}.dept header small{display:block;font-size:7px;color:#77859a;letter-spacing:.15em}.dept header h3{font-family:var(--display);font-size:19px;margin:4px 0 0;letter-spacing:-.04em}.dept header>b{margin-left:auto;color:#6b798c;font-family:var(--display)}.dept-multimedia{background:linear-gradient(145deg,rgba(19,66,53,.6),rgba(6,13,18,.95))}.dept-multimedia .dept-symbol{color:#51e899;background:rgba(54,223,148,.09)}.dept-ti{background:linear-gradient(145deg,rgba(9,79,79,.56),rgba(6,13,18,.95))}.dept-ti .dept-symbol{color:#55f0f4;background:rgba(55,240,244,.09)}.dept-social{background:linear-gradient(145deg,rgba(92,22,29,.6),rgba(10,13,20,.95))}.dept-social .dept-symbol{color:#ff6674;background:rgba(255,82,100,.09)}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.member-grid.single{grid-template-columns:1fr}.member-card{min-height:104px;position:relative;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:11px;transition:.3s}.member-card:hover{background:rgba(255,255,255,.07);transform:translateY(-3px)}.member-card img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);background:#1b2432}.member-card h4{font-family:var(--display);font-size:11px;margin:0 0 4px;letter-spacing:-.03em}.member-card p{font-size:8px;line-height:1.35;color:#8997a9;margin:0}.member-card>span{position:absolute;right:9px;top:8px;font-size:7px;font-weight:800;padding:4px 6px;border-radius:999px;background:rgba(255,211,90,.16);color:var(--gold)}.dept-ti .member-card>span{background:rgba(94,232,255,.13);color:var(--cyan)}.dept-social .member-card>span{background:rgba(255,82,100,.13);color:#ff7b87}.org-end{position:relative;margin:20px 0 100px;padding:80px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(94,232,255,.13),transparent 32%),linear-gradient(145deg,rgba(19,30,48,.88),rgba(5,9,16,.96));text-align:center}.org-end .eyebrow{color:var(--gold)}.org-end h2{font-family:var(--display);font-size:clamp(55px,6vw,85px);line-height:.86;letter-spacing:-.075em;margin:18px 0}.org-end h2 em{font-style:normal;color:var(--cyan)}.org-end p{color:#8290a3;font-size:12px;margin:0 0 28px}.org-end:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-130px;border:1px solid rgba(94,232,255,.13);box-shadow:0 0 80px rgba(94,232,255,.06)}
@media(max-width:950px){.dept-grid{grid-template-columns:1fr 1fr}.dept-multimedia{grid-column:span 2}.dept-intro{grid-template-columns:1fr}.dept-intro p{justify-self:start}.people-grid.two{max-width:100%}}
@media(max-width:680px){.org-main{width:min(100% - 28px);padding-top:120px}.org-hero{padding:35px 0 75px}.org-hero h1{font-size:62px}.people-grid.two{grid-template-columns:1fr}.person-card{min-height:135px;padding:18px}.person-card .person-photo{width:76px;height:76px}.pastor-card .person-photo{width:84px;height:84px}.person-card h2,.person-card h3{font-size:20px}.tree-connector{height:55px}.dept-grid{grid-template-columns:1fr}.dept-multimedia{grid-column:auto}.dept{padding:15px}.member-grid{grid-template-columns:1fr}.org-end{padding:55px 25px;margin-bottom:65px}.org-end h2{font-size:56px}}

/* ==================== MENU EM TABLETS ==================== */
@media(min-width:681px) and (max-width:1000px){.mobile-menu{position:fixed;z-index:35;top:96px;right:16px;width:300px;display:flex;flex-direction:column;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(5,10,18,.94);backdrop-filter:blur(22px);box-shadow:0 25px 70px rgba(0,0,0,.45);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.3s var(--ease)}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#b7c2d1}.mobile-menu a:last-child{border:0}.mobile-cta{margin-top:5px!important;border-radius:13px;background:linear-gradient(110deg,#f2ffff,var(--cyan));color:#06101a!important;text-align:center}}

/* Portal de Links (28/10/2026): enfeites de fundo não podem fazer a página deslizar para o lado no celular */
html, body { overflow-x: clip; }

/* logotipos e menu do cabeçalho não são arrastados com o mouse; o link dos logotipos do rodapé não muda o layout */
.brand,.brand img,.desktop-nav a,.mobile-menu a,.hero-logo-card img,.footer-logo a,.footer-logo img{-webkit-user-drag:none;user-select:none}
.footer-logo a{display:contents}
body:not(.admin-page) a,body:not(.admin-page) img{-webkit-user-drag:none}
/* no iPhone/iPad (Safari), segurar o dedo numa imagem ou num link não abre a prévia nem o "Salvar imagem"; o toque continua abrindo o link */
body:not(.admin-page) a,body:not(.admin-page) img{-webkit-touch-callout:none}
body:not(.admin-page) img{-webkit-user-select:none;user-select:none}

/* avisos: só o contador (01 / 06), sem as setas; os avisos passam sozinhos */
.slider-controls span{min-width:0;text-align:left}
/* avisos: arrastar para o lado troca o banner (script.js); na vertical a página rola; o banner não é selecionado ao arrastar */
.notice-slider{touch-action:pan-y;-webkit-user-select:none;user-select:none}

/* ==================== CULTOS: cartões com foto (01/11/2026) ====================
   Cada cartão começa baixo, só com o texto; ao entrar na tela, um de cada vez, a foto sobe (a cabeça passa da borda nas
   fotos recortadas) e o cartão cresce até envolver a pessoa. Fotos sem fundo ficam soltas; fotos comuns (ex.: família)
   ficam num quadro arredondado. No celular e no tablet os cartões ficam numa faixa que se arrasta para o lado. */
.cultos-grid{--aberto:420px;--fechado:150px;--info:132px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end;min-height:calc(var(--aberto) + 8px);padding-top:8px}
/* o cartão em si (.culto, foto, textos e ajustes do editor) fica em /culto-cartao.css (sites/comum), o mesmo do assistente */
/* estado inicial da abertura (só com o script ligado; sem script os cartões aparecem abertos) */
.cultos-grid.animar .culto:not(.aberto){height:var(--fechado)}
.cultos-grid.animar .culto:not(.aberto) .culto-foto img{transform:translateY(100%);opacity:0}
.cultos-grid.animar .culto.aberto{transition-delay:calc(var(--atraso,0ms) + 350ms),0s,0s}
.cultos-grid.animar .culto.aberto .culto-foto img{transition-delay:var(--atraso,0ms)}
@media(max-width:1000px){
  /* overflow-y:hidden: a foto escondida embaixo do cartão (antes da abertura) e a foto ampliada não podem virar rolagem
     vertical da faixa; deslizar o dedo para cima ou para baixo em cima dos cartões rola a página */
  .cultos-grid{--aberto:400px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding-left:24px;margin:0 -24px;padding:8px 24px 14px;align-items:flex-end;scrollbar-width:none}
  .cultos-grid::-webkit-scrollbar{display:none}
  .culto{flex:0 0 clamp(210px,38vw,260px);scroll-snap-align:start}
  .culto:hover{transform:none}
}
@media(max-width:680px){
  /* celular: cartões menores (pedido do dono), com textos proporcionais */
  .cultos-grid{--aberto:320px;--fechado:124px;--info:108px}
  .culto{flex-basis:52vw}
}


/* ==================== ORGANOGRAMA: FOTO NO RECORTE E AJUSTES DO EDITOR ====================
   A foto fica num recorte (.org-foto, o círculo). O editor do admin muda o enquadramento (--foto-x, --foto-y, --foto-zoom),
   a cor do contorno (--org-borda) e o tamanho do nome, do cargo e das áreas (--nome-tam, --cargo-tam, --detalhe-tam). */
.org-foto{position:relative;display:block;flex:none;overflow:hidden;border-radius:50%;background:#1b2432}
:is(.person-card,.member-card) .org-foto img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;margin:0;box-shadow:none;transform:translate(var(--foto-x,0%),var(--foto-y,0%)) scale(var(--foto-zoom,1))}
.person-card .person-photo{background:var(--org-borda,linear-gradient(145deg,#e6ebef,#667385))}
.person-card .person-photo .org-foto{width:100%;height:100%;background:#1a2230}
.member-card .org-foto{width:54px;height:54px;border:2px solid var(--org-borda,rgba(255,255,255,.25))}
.member-jr .org-foto{border:3px solid var(--org-borda,#ffa500);box-shadow:0 0 20px rgba(255,165,0,.4)}
.member-sr .org-foto{border:3px solid var(--org-borda,#5ee8ff);box-shadow:0 0 20px rgba(94,232,255,.4)}
.member-pl .org-foto{border:3px solid var(--org-borda,#2c5aa0);box-shadow:0 0 20px rgba(44,90,160,.4)}
.person-card h2,.person-card h3{font-size:calc(25px * var(--nome-tam,1))}
.person-card small{font-size:calc(8px * var(--cargo-tam,1))}
.person-card p{font-size:calc(10px * var(--detalhe-tam,1))}
.member-card h4{font-size:calc(11px * var(--nome-tam,1))}
.member-card p{font-size:calc(8px * var(--cargo-tam,1))}
@media(max-width:680px){.person-card h2,.person-card h3{font-size:calc(20px * var(--nome-tam,1))}}

/* ==================== QUADRO DO CULTO (4 últimos vídeos) ==================== */
/* o botão de assistir do cartão com vídeos fica em /culto-cartao.css (sites/comum), com o cartão */

/* rolagem travada com o quadro aberto; o espaço da barra de rolagem continua reservado, para a página não mudar de largura
   ao abrir e fechar (no Windows a barra sumia e voltava: os cartões eram redesenhados e a foto "piscava" na volta) */
html.quadro-aberto{overflow:hidden;scrollbar-gutter:stable}
html.menu-aberto{overflow:hidden}
.culto-quadro{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--text);overflow:hidden}
.culto-quadro[open]{display:grid;place-items:center}
.culto-quadro::backdrop{background:rgba(2,6,12,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cq-fundo .4s ease}
.culto-quadro.fechando::backdrop{opacity:0;transition:opacity .4s ease}
@keyframes cq-fundo{from{opacity:0}}
.cq-painel{--borda-cq:var(--borda,rgba(94,232,255,.55));position:relative;width:min(1240px,100%);max-height:calc(100dvh - 48px);display:grid;grid-template-columns:270px minmax(0,1fr);border:2px solid var(--borda-cq);border-radius:28px;background:linear-gradient(180deg,#2c3037,#22252b 60%,#1c1f24);box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin}
.cq-fechar{position:absolute;z-index:5;top:16px;right:16px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(5,10,18,.55);color:#dbe4ef;font-size:17px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cq-fechar:hover,.cq-fechar:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#06121c;outline:0}

/* lado esquerdo: a foto do próprio cartão (enquadramento e degradê do editor) e, embaixo, o dia com o ícone e o horário */
.cq-lado{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid color-mix(in srgb,var(--borda-cq) 55%,transparent);background:radial-gradient(circle at 50% 78%,rgba(94,232,255,.12),transparent 62%)}
.cq-lado.sem-foto{display:none}
.cq-painel.sem-foto{grid-template-columns:minmax(0,1fr)}
.cq-lado:not(.sem-foto)~.cq-conteudo .cq-avatar{display:none}
/* foto, dia e horário formam um bloco só, no meio da coluna (a altura do quadro muda com a tela) */
.cq-foto-area{--foto-h:350px;position:relative;flex:0 0 var(--foto-h)}
/* --dia-fs: tamanho do dia, calculado no script pela largura da coluna; a distância até o horário segue ele */
.cq-horario{--dia-fs:12px;padding:6px 18px 30px;text-align:center}
.cq-dia{display:flex;align-items:center;justify-content:center;gap:calc(var(--dia-fs) * .85);white-space:nowrap;color:var(--cyan)}
.cq-dia span{font-size:var(--dia-fs);font-weight:800;letter-spacing:.22em;line-height:1;text-transform:uppercase;margin-right:-.22em}
.cq-horario strong{display:block;padding-right:.045em;margin-top:calc(8px + var(--dia-fs) * .45);font-family:var(--display);font-size:54px;font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cq-cartao{--info:0px;--aberto:342px;position:absolute;left:0;right:0;bottom:0;height:var(--aberto);border:0;border-radius:0;background:none;box-shadow:none;transition:none}
.cq-cartao:hover{transform:none}
.cq-cartao .culto-info,.cq-cartao .culto-play{display:none}
.cq-cartao .culto-foto{left:8px;right:8px;bottom:0;height:calc(var(--aberto) - 8px)}
/* foto com fundo (quadro arredondado): no meio da coluna, com margem, em vez de presa embaixo */
.cq-cartao .culto-foto.quadro{left:16px;right:16px;bottom:20px;height:calc(var(--aberto) - 28px)}

/* conteúdo: título em cima; player e a lista dos últimos cultos lado a lado */
.cq-conteudo{min-width:0;padding:26px 28px 28px;display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"topo topo" "assistir lista";gap:22px 24px;align-content:start}
/* nome do culto à esquerda, alinhado com o selo "YOUTUBE · ÚLTIMO CULTO" logo abaixo */
.cq-topo{grid-area:topo;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:4px 56px 0 4px}
.cq-icone{color:var(--cyan);font-size:40px}
/* com a coluna da foto, dia e horário ficam embaixo da foto; sem ela (ou no celular), ficam acima do nome */
.cq-painel:not(.sem-foto) .cq-quando{display:none}
.cq-quando{display:block;margin-bottom:4px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.cq-topo h2{margin:0;font-family:var(--display);font-size:clamp(30px,3.6vw,50px);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:#fff}
.cq-avatar{flex:0 0 auto;width:56px;height:56px;border:1px solid var(--borda-cq);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#3a3e46,#24272d)}
.cq-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 0}

.cq-assistir{grid-area:assistir;min-width:0}
/* selo e moldura iguais aos da seção Transmissão */
.cq-selo-canal{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px 4px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);font-size:9px;font-weight:800;letter-spacing:.13em}
.cq-selo-canal span{color:#8390a2}
.cq-selo-canal b{color:var(--cyan)}
.cq-selo-canal.ao-vivo b{display:inline-flex;align-items:center;gap:7px;color:var(--green)}
.cq-selo-canal.ao-vivo b:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:cq-pulso 1.6s ease-in-out infinite}
@keyframes cq-pulso{50%{opacity:.35}}
.cq-player{position:relative;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:#020406;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cq-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* player do YouTube (API oficial) por baixo da capa; com o player pronto, a capa deixa o toque passar para ele (no iPhone o
   vídeo só começa com som se o toque for no próprio player) e some quando o vídeo começa */
.cq-yt,.cq-yt>*{position:absolute;inset:0;width:100%;height:100%;border:0}
.cq-player .cq-capa{z-index:2;transition:opacity .35s ease,visibility .35s}
.cq-player.pronto .cq-capa{pointer-events:none}
.cq-capa.oculta{opacity:0;visibility:hidden}
.cq-capa.clicavel{pointer-events:auto!important}
.cq-player.pronto:hover .cq-capa img{transform:scale(1.03);filter:brightness(1.08)}
.cq-player.pronto:hover .cq-capa-play{transform:scale(1.08)}
.cq-capa{position:absolute;inset:0;width:100%;padding:0;border:0;background:#05090f;cursor:pointer}
.cq-capa img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s}
.cq-capa:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(94,232,255,.12),transparent 35%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.48))}
.cq-capa-play{position:absolute;z-index:1;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.93);color:#07101a;font-size:20px;box-shadow:0 15px 55px rgba(0,0,0,.35);transition:transform .3s var(--ease)}
.cq-capa-play i{translate:2px 0}
.cq-capa:hover img,.cq-capa:focus-visible img{transform:scale(1.03);filter:brightness(1.08)}
.cq-capa:hover .cq-capa-play,.cq-capa:focus-visible .cq-capa-play{transform:scale(1.08)}
.cq-capa:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
.cq-selo{position:absolute;z-index:1;right:10px;bottom:10px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.cq-selo.ao-vivo{background:var(--red);letter-spacing:.1em}
.cq-atual{margin-top:16px}
.cq-atual h3{margin:0;font-family:var(--body);font-size:17px;font-weight:600;line-height:1.35;color:#e7edf5}
.cq-atual p{margin:6px 0 0;color:var(--muted);font-size:13px}

.cq-lista-area{grid-area:lista;min-width:0;display:flex;flex-direction:column}
.cq-lista-area h4{margin:0 0 12px;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.cq-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cq-video{width:100%;display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:background .25s,border-color .25s}
.cq-video:hover,.cq-video:focus-visible{background:rgba(255,255,255,.07);outline:0}
.cq-video:focus-visible{border-color:rgba(94,232,255,.6)}
.cq-video.ativo{border-color:color-mix(in srgb,var(--borda-cq) 80%,transparent);background:rgba(94,232,255,.08)}
.cq-miniatura{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#05090f}
.cq-miniatura img{width:100%;height:100%;object-fit:cover}
.cq-miniatura .cq-selo{right:5px;bottom:5px;padding:2px 5px;border-radius:5px;font-size:10px}
.cq-tocando{position:absolute;inset:0;display:none;place-items:center;background:rgba(5,10,18,.62);color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cq-video.ativo .cq-tocando{display:grid}
.cq-texto{min-width:0;display:grid;gap:4px}
.cq-texto strong{color:#e7edf5;font-size:13px;font-weight:600;line-height:1.3}
.cq-texto small{overflow:hidden;color:var(--soft);font-size:11.5px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.cq-canal{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;color:#aeb9c9;font-size:12px;font-weight:700;transition:color .25s}
.cq-canal i{color:#ff4b5c;font-size:15px}
.cq-canal:hover{color:#fff}
/* "Ver todos no YouTube" logo abaixo do último vídeo, como um botão da largura da lista (entre o player e a margem) */
.cq-lista-area>.cq-canal{justify-content:center;gap:10px;margin-top:10px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);color:#dbe4ef;font-size:14px;transition:background .25s,border-color .25s,color .25s}
.cq-lista-area>.cq-canal i{font-size:20px}
.cq-lista-area>.cq-canal:hover,.cq-lista-area>.cq-canal:focus-visible{border-color:rgba(255,75,92,.55);background:rgba(255,75,92,.1);color:#fff;outline:0}

/* carregando e aviso */
.cq-player.carregando,.cq-esqueleto>span{background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 70%) 0 0/250% 100%;animation:cq-brilho 1.4s linear infinite}
.cq-esqueleto{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:center;padding:8px}
.cq-esqueleto>span:first-child{aspect-ratio:16/9;border-radius:10px}
.cq-esqueleto>span:last-child{height:28px;border-radius:8px}
@keyframes cq-brilho{to{background-position:-250% 0}}
.cq-player.aviso{display:grid;place-items:center;background:rgba(5,10,18,.55)}
.cq-aviso{max-width:340px;padding:24px;display:grid;justify-items:center;gap:10px;text-align:center}
.cq-aviso>i{color:var(--cyan);font-size:34px}
.cq-aviso p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.cq-aviso .cq-canal{margin:0;padding:0}

/* 4 vídeos na lista: miniaturas um pouco menores para a lista caber ao lado do player */
@media(min-width:1001px){.cq-lista{gap:8px}.cq-video{grid-template-columns:108px minmax(0,1fr);padding:7px}}
/* tablet: lista embaixo do player */
@media(max-width:1000px){
  /* altura fixa, como no computador: a coluna da foto não fica alta e vazia; o que não cabe à direita rola dentro do quadro */
  .cq-painel{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(calc(100dvh - 48px),560px);overflow:hidden}
  .cq-conteudo{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .cq-cartao{--aberto:330px}
  .cq-foto-area{--foto-h:330px}
  .cq-horario strong{font-size:44px}
  .cq-topo{padding:0 56px 0 4px}
  .cq-icone{font-size:32px}
  .cq-conteudo{grid-template-columns:minmax(0,1fr);grid-template-areas:"topo" "assistir" "lista"}
}
/* celular: tela cheia, sem a coluna da foto (a foto fica pequena ao lado do título) */
@media(max-width:680px){
  .culto-quadro{padding:0}
  .cq-painel{width:100%;height:100dvh;max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:none;border:0;border-radius:0;overflow:hidden auto}
  .cq-conteudo{overflow:visible}
  .cq-lado{display:none}
  .cq-lado:not(.sem-foto)~.cq-conteudo .cq-avatar{display:block}
  .cq-fechar{top:max(12px,env(safe-area-inset-top));right:12px;width:40px;height:40px}
  .cq-conteudo{padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));gap:18px}
  .cq-topo{gap:12px;padding:0 50px 0 0}
  .cq-topo .cq-icone{display:none}
  .cq-painel:not(.sem-foto) .cq-quando{display:block}
  .cq-topo h2{font-size:24px}
  .cq-player{margin:0 -16px;border-width:1px 0;border-radius:0}
  .cq-selo-canal{margin-bottom:12px}
  .cq-capa-play{width:62px;height:62px;margin:-31px 0 0 -31px;font-size:20px}
  .cq-atual h3{font-size:15px}
  .cq-video{grid-template-columns:120px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.culto-quadro::backdrop{animation:none}.cq-player.carregando,.cq-esqueleto>span,.cq-selo-canal.ao-vivo b:before{animation:none}}

/* ==================== ABERTURA (toda vez que a página inicial abre) ====================
   O brasão aparece no meio da tela com um anel de luz e voa até o brasão do topo (ou o logotipo do cabeçalho, se o do topo
   não estiver na tela), e as palavras em volta dão uma volta ao pousar (abertura.js). As animações
   começam quando o script marca .ativa (no primeiro quadro desenhado); sem o script, o brasão aparece em 1 s, a tela some
   sozinha em 3 s e o logotipo do cabeçalho volta a aparecer. */
.abertura-tela{display:none}
html.abertura .abertura-tela{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none}
/* garantias para quando o abertura.js não roda (sem .abertura-js): a tela some em 3 s e o brasão aparece em 1 s; com o
   script, quem decide é ele (no iPhone estas animações podiam correr antes de a primeira tela ser desenhada) */
html.abertura:not(.abertura-js) .abertura-tela{animation:abertura-some .4s 3s forwards}
.abertura-fundo{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#0c2032 0%,#07111d 38%,#050a12 70%)}
/* com o abertura.js no comando, a abertura bloqueia a navegação: a tela recebe os toques e a página não rola (rolagem e
   teclas também são barradas no script); sem o script, nada é bloqueado */
html.abertura.abertura-js{overflow:hidden}
html.abertura.abertura-js .abertura-tela{pointer-events:auto;touch-action:none}
/* espera pelo brasão: o círculo de carregamento aparece se passar de 0,3 s e sai quando a animação começa */
.abertura-espera{position:absolute;width:44px;height:44px;border:3px solid rgba(94,232,255,.16);border-top-color:var(--cyan);border-radius:50%;opacity:0;animation:carregamento-gira .8s linear infinite,carregamento-mostra .3s ease .3s forwards}
html.abertura:not(.abertura-js) .abertura-espera,.abertura-tela.ativa .abertura-espera{display:none}
.abertura-anel{position:absolute;width:min(300px,70vw);aspect-ratio:1;border:1px solid rgba(94,232,255,.4);border-radius:50%;box-shadow:0 0 70px rgba(94,232,255,.2),inset 0 0 50px rgba(94,232,255,.1);opacity:0}
.abertura-tela.ativa .abertura-anel{animation:abertura-anel 1.1s cubic-bezier(.2,.75,.2,1) forwards}
.abertura-logo{position:relative;width:min(260px,62vw);height:auto;opacity:0;transform:scale(.86);transform-origin:50% 50%;filter:drop-shadow(0 14px 34px rgba(0,0,0,.45))}
html.abertura:not(.abertura-js) .abertura-logo{animation:abertura-logo .6s cubic-bezier(.2,.75,.2,1) 1s forwards}
/* outro nome de animação: assim ela recomeça do zero ao ativar (só mudar o atraso faria pular para a frente) */
.abertura-tela.ativa .abertura-logo{animation:abertura-logo-ativa .6s cubic-bezier(.2,.75,.2,1) forwards}
/* durante a abertura, o destino do voo fica escondido até o pouso: o logotipo do cabeçalho (padrão) ou, quando o voo vai
   para o brasão do topo (.abertura-centro), o brasão do topo; nesse caso o topo vai direto para o lugar final (sem a
   entrada .reveal), para o alvo não se mover */
html.abertura:not(.abertura-centro) .site-nav .brand-logo img,html.abertura-centro .hero-logo-card>img{visibility:hidden}
html.abertura:not(.abertura-js) .site-nav .brand-logo img{animation:abertura-volta 0s 3.4s forwards}
html.abertura-centro .hero.reveal{transition:none}
@keyframes abertura-logo{to{opacity:1;transform:none}}
@keyframes abertura-logo-ativa{to{opacity:1;transform:none}}
@keyframes abertura-anel{0%{opacity:0;transform:scale(.55)}55%{opacity:1}100%{opacity:0;transform:scale(1.3)}}
@keyframes abertura-some{to{opacity:0;visibility:hidden}}
@keyframes abertura-volta{to{visibility:visible}}

/* ==================== CARREGAMENTO (todas as páginas; controle no carregamento.js) ====================
   Tela com o fundo do site e um círculo enquanto as fontes e os ícones de fora chegam (.carregando) ou ao trocar de página
   (.saindo); o círculo só aparece se a espera passar de 0,3 s (troca de página: 0,2 s). */
.carregamento{display:none}
html.carregando .carregamento,html.saindo .carregamento{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:#050a12;transition:opacity .35s ease}
html.carregando.pronto .carregamento{opacity:0;pointer-events:none}
html.saindo .carregamento{animation:carregamento-mostra .25s ease .2s both}
.carregamento span,.carregando-circulo{width:44px;height:44px;border:3px solid rgba(94,232,255,.16);border-top-color:var(--cyan);border-radius:50%;animation:carregamento-gira .8s linear infinite}
.carregamento span{opacity:0;animation:carregamento-gira .8s linear infinite,carregamento-mostra .3s ease .3s forwards}
html.saindo .carregamento span{animation:carregamento-gira .8s linear infinite}
@keyframes carregamento-gira{to{transform:rotate(360deg)}}
@keyframes carregamento-mostra{from{opacity:0}to{opacity:1}}
/* quadro dos cultos: o círculo enquanto busca os vídeos e enquanto o player do YouTube se prepara */
.cq-player.carregando::after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(94,232,255,.16);border-top-color:var(--cyan);border-radius:50%;animation:carregamento-gira .8s linear infinite}
.cq-player:not(.pronto):not(.carregando):not(.aviso) .cq-capa:not(.clicavel) .cq-capa-play i{opacity:0}
.cq-player:not(.pronto):not(.carregando):not(.aviso) .cq-capa:not(.clicavel) .cq-capa-play::after{content:"";position:absolute;inset:0;margin:auto;width:30px;height:30px;border:3px solid rgba(7,16,26,.18);border-top-color:#07101a;border-radius:50%;animation:carregamento-gira .8s linear infinite}

/* ==================== BÍBLIA (/biblia, biblia.html e biblia.js) ==================== */
.biblia-main{width:min(860px,calc(100% - 48px));margin:0 auto;padding:150px 0 90px}
.biblia-hero{padding:30px 0 34px}
.biblia-hero h1{font-family:var(--display);font-size:clamp(54px,8vw,96px);line-height:.88;letter-spacing:-.075em;margin:14px 0 18px}
.biblia-hero h1 em{font-style:normal;color:var(--cyan)}
.biblia-hero p{max-width:520px;margin:0;color:#8d9aac;font-size:14px;line-height:1.7}
.biblia-painel{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(21,31,49,.82),rgba(6,11,18,.92))}
.biblia-versoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.biblia-versoes button{display:flex;flex-direction:column;gap:5px;padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);color:#d9e2ee;cursor:pointer;transition:.25s var(--ease)}
.biblia-versoes button strong{font-family:var(--display);font-size:15px}
.biblia-versoes button small{color:#8290a3;font-size:11px;line-height:1.4}
.biblia-versoes button[aria-checked="true"]{border-color:rgba(94,232,255,.55);background:rgba(94,232,255,.1);box-shadow:inset 0 0 0 1px rgba(94,232,255,.25)}
.biblia-versoes button[aria-checked="true"] strong{color:var(--cyan)}
.biblia-escolha{display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:end}
.biblia-escolha label{display:grid;gap:7px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8290a3}
.biblia-escolha select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#0b1320;color:#e7edf5;font:600 15px var(--body,inherit);letter-spacing:0;text-transform:none}
.biblia-ajustes{display:flex;align-items:center;gap:8px}
.biblia-modo{display:flex;padding:3px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}
.biblia-modo button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#8d9aac;font:700 13px var(--body);cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}
.biblia-modo button[aria-checked="true"]{background:rgba(94,232,255,.14);color:var(--cyan)}
.biblia-modo button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.biblia-letra{display:flex;gap:8px}
.biblia-letra .square-button{width:48px;height:48px;font-weight:800;font-size:14px}
.biblia-letra .square-button:disabled{opacity:.35;cursor:default}
.biblia-leitura{margin-top:16px;padding:38px 42px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(17,26,40,.86),rgba(6,11,18,.95));scroll-margin-top:100px}
.biblia-leitura header small{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.biblia-leitura header h2{font-family:var(--display);font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.05em;margin:10px 0 26px}
.biblia-texto{--biblia-letra:18px;font-size:var(--biblia-letra);line-height:1.85;color:#dde5ef}
/* versículos separados: um por linha, com o número no começo (o texto e as notas são os mesmos) */
.biblia-texto.separados p{margin:0}
.biblia-texto.separados .biblia-versiculo{display:block;margin:0 0 .75em;line-height:1.7}
.biblia-texto.separados sup{margin-right:8px;font-size:.78em;vertical-align:baseline}
.biblia-texto p{margin:0 0 1em}
.biblia-texto h3{margin:1.2em 0 .6em;color:#9fb0c6;font-size:.82em;font-style:italic;font-weight:600;line-height:1.5}
.biblia-texto sup{margin-right:4px;color:var(--cyan);font-family:var(--display);font-size:.6em;font-weight:800;vertical-align:.55em}
.biblia-aviso{color:#8290a3}
.biblia-nota{margin:0 2px;padding:0 4px;border:0;border-radius:6px;background:rgba(255,212,92,.14);color:var(--gold);font:800 .7em var(--display);vertical-align:.45em;cursor:pointer}
.biblia-nota-texto{display:block;margin:.4em 0 .6em;padding:10px 14px;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:rgba(255,212,92,.07);color:#c4cdd9;font-size:.82em;line-height:1.6}
.biblia-passos{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.biblia-passos .button{cursor:pointer}
.biblia-passos .button:disabled{opacity:.35;pointer-events:none}
.biblia-creditos{margin-top:22px;padding:0 6px;color:#6f7d91;font-size:11px;line-height:1.7}
.biblia-creditos p{margin:0 0 10px}
.biblia-creditos p.is-atual{color:#9aa7b8}
.biblia-creditos a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:680px){.biblia-main{width:calc(100% - 28px);padding-top:115px}.biblia-painel{padding:14px;border-radius:20px}.biblia-versoes{grid-template-columns:1fr}.biblia-escolha{grid-template-columns:1fr 92px}.biblia-ajustes{grid-column:1/-1;justify-content:space-between}.biblia-leitura{padding:26px 20px 22px;border-radius:22px}.biblia-passos .button{flex:1;padding:0 12px}.biblia-passos .button span{display:none}}

/* ==================== BÍBLIA NO QUADRO DOS CULTOS (script.js: modoBiblia e bibliaCheia) ====================
   O botão "Bíblia" fica ao lado do selo do YouTube e troca a lista dos últimos cultos pelo leitor. Em tela cheia, a Bíblia
   ocupa a tela e o vídeo vira uma janelinha fixa no canto (o player não muda de lugar na página, só o estilo). */
.cq-assistir-topo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px 4px}
.cq-assistir-topo .cq-selo-canal{margin:0}
.cq-biblia-botao{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(94,232,255,.4);border-radius:9px;background:rgba(94,232,255,.08);color:var(--cyan);font:800 9px var(--body);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.cq-biblia-botao i{font-size:12px}
.cq-biblia-botao:hover,.cq-biblia-botao:focus-visible{border-color:var(--cyan);background:rgba(94,232,255,.18);outline:0}
.cq-biblia-botao[aria-pressed="true"]{border-color:var(--line);background:rgba(255,255,255,.05);color:#dbe4ef}
.cq-popup-barra{display:none}
.cq-biblia-area{grid-area:lista;min-width:0;display:flex;flex-direction:column}
.cq-biblia-area[hidden],.cq-lista-area[hidden]{display:none}
.cq-biblia-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.cq-biblia-topo h4{margin:0;color:var(--cyan);font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.cq-biblia-cheia{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);color:#dbe4ef;font:700 12px var(--body);cursor:pointer;transition:background .25s,border-color .25s}
.cq-biblia-cheia:hover,.cq-biblia-cheia:focus-visible{border-color:rgba(94,232,255,.55);background:rgba(94,232,255,.1);outline:0}
@media(min-width:1001px){.culto-quadro.com-biblia .cq-conteudo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* leitor compacto (dentro do quadro) */
.biblia-leitor.compacto .biblia-painel{gap:10px;padding:12px;border-radius:18px}
.biblia-leitor.compacto .biblia-versoes{grid-template-columns:1fr 1fr;gap:8px}
.biblia-leitor.compacto .biblia-versoes button{padding:10px 12px;border-radius:12px}
.biblia-leitor.compacto .biblia-versoes button strong{font-size:13px}
.biblia-leitor.compacto .biblia-versoes button small{display:none}
.biblia-leitor.compacto .biblia-escolha{grid-template-columns:minmax(0,1fr) 84px}
.biblia-leitor.compacto .biblia-ajustes{grid-column:1/-1;justify-content:space-between}
.biblia-leitor.compacto .biblia-escolha select{min-height:44px}
.biblia-leitor.compacto .biblia-letra .square-button{width:44px;height:44px}
.biblia-leitor.compacto .biblia-leitura{margin-top:10px;padding:22px 20px 18px;border-radius:18px;scroll-margin-top:12px}
.biblia-leitor.compacto .biblia-leitura header h2{font-size:28px;margin-bottom:16px}
.biblia-leitor.compacto .biblia-passos .button{flex:1;min-height:46px;padding:0 12px}
.biblia-leitor.compacto .biblia-passos .button span{display:none}
.biblia-credito{margin:18px 0 0;color:#6f7d91;font-size:11px;line-height:1.6}
.biblia-credito a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* tela cheia: Bíblia na tela toda e o vídeo numa janelinha no canto */
.culto-quadro.biblia-cheia{padding:0}
.biblia-cheia .cq-painel{width:100%;height:100dvh;max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);border:0;border-radius:0;overflow:hidden}
.biblia-cheia .cq-lado,.biblia-cheia .cq-topo,.biblia-cheia .cq-assistir-topo,.biblia-cheia .cq-atual,.biblia-cheia .cq-lista-area{display:none}
.biblia-cheia .cq-assistir{display:contents}
.biblia-cheia .cq-conteudo{--popup-l:min(40vw,400px);display:block;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top)) 20px calc(var(--popup-l) * .5625 + 80px)}
.biblia-cheia .cq-biblia-area{width:min(860px,100%);margin:0 auto}
.biblia-cheia .cq-biblia-topo{padding-right:56px}
.biblia-cheia .biblia-leitor.compacto .biblia-versoes button small{display:block}
.biblia-cheia .cq-video-caixa{position:fixed;z-index:20;right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:var(--popup-l,min(40vw,400px));border:1px solid rgba(94,232,255,.35);border-radius:16px;overflow:hidden;background:#020406;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.biblia-cheia .cq-popup-barra{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 4px 0 10px;background:#11161e;color:#aeb9c9;font-size:11px;font-weight:700}
.cq-popup-alca{flex:1;display:flex;align-items:center;gap:8px;height:100%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.cq-popup-alca:active{cursor:grabbing}
.cq-popup-voltar{width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#dbe4ef;cursor:pointer}
.cq-popup-voltar:hover,.cq-popup-voltar:focus-visible{background:rgba(94,232,255,.15);color:var(--cyan);outline:0}
.biblia-cheia .cq-player{margin:0;border:0;border-radius:0;box-shadow:none}
.biblia-cheia .cq-capa-play{width:48px;height:48px;margin:-24px 0 0 -24px;font-size:15px}
@media(max-width:680px){
  .biblia-cheia .cq-conteudo{--popup-l:min(58vw,260px);padding:max(14px,env(safe-area-inset-top)) 14px calc(var(--popup-l) * .5625 + 70px)}
  .biblia-cheia .cq-video-caixa{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}
  .biblia-cheia .biblia-leitor.compacto .biblia-versoes button small{display:none}
}
@media(max-width:400px){.biblia-modo button{padding:0 10px}.biblia-modo button i{display:none}}

/* ==================== BÍBLIA: MARCADOR (biblia.js) ====================
   Tocar em versículos os seleciona (sublinhado tracejado) e mostra a barra presa embaixo da leitura, com as quatro cores,
   "Apagar" e "Cancelar". A marcação pinta o fundo do versículo, como um marca-texto. */
.biblia-dica{display:flex;align-items:center;gap:8px;margin:-14px 0 22px;color:#7f8ca0;font-size:12px}
.biblia-dica i{color:var(--gold)}
.biblia-leitor.compacto .biblia-dica{margin:-8px 0 16px}
.biblia-versiculo{cursor:pointer;border-radius:5px;-webkit-tap-highlight-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .2s}
.biblia-versiculo.marca-vermelho{background:rgba(255,86,103,.34)}
.biblia-versiculo.marca-azul{background:rgba(76,125,255,.42)}
.biblia-versiculo.marca-amarelo{background:rgba(255,212,92,.36)}
.biblia-versiculo.marca-rosa{background:rgba(255,105,190,.36)}
.biblia-versiculo.selecionado{text-decoration:underline dashed var(--cyan);text-decoration-thickness:2px;text-underline-offset:5px}
/* versículo aberto por um link (vs= no endereço, ex.: links do assistente): brilho que some devagar; a marca da pessoa volta depois */
.biblia-versiculo.destaque{animation:biblia-destaque 4.5s ease}
@keyframes biblia-destaque{0%,35%{background:rgba(94,232,255,.30);box-shadow:0 0 0 3px rgba(94,232,255,.30)}100%{background:transparent;box-shadow:0 0 0 3px transparent}}
@media(prefers-reduced-motion:reduce){.biblia-versiculo.destaque{animation:none;background:rgba(94,232,255,.30)}}
.biblia-texto.separados .biblia-versiculo[class*="marca-"]{padding:2px 6px;margin-left:-6px}
.biblia-marcador{position:sticky;z-index:6;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:10px 12px;border:1px solid rgba(94,232,255,.35);border-radius:18px;background:rgba(10,17,28,.96);box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.biblia-marcador[hidden]{display:none}
.biblia-marcador-qtd{flex:1;min-width:0;color:#aeb9c9;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biblia-cores{display:flex;gap:8px}
.biblia-cores button{width:34px;height:34px;border:2px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;transition:transform .2s,border-color .2s}
.biblia-cores button:hover,.biblia-cores button:focus-visible{transform:scale(1.12);border-color:#fff;outline:0}
.biblia-cores [data-cor="vermelho"]{background:#ff5667}
.biblia-cores [data-cor="azul"]{background:#4c7dff}
.biblia-cores [data-cor="amarelo"]{background:#ffd45c}
.biblia-cores [data-cor="rosa"]{background:#ff69be}
.biblia-marcador-acao{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);color:#dbe4ef;font:700 12px var(--body);cursor:pointer}
.biblia-marcador-acao[hidden]{display:none}
.biblia-marcador-acao:hover,.biblia-marcador-acao:focus-visible{border-color:rgba(94,232,255,.55);outline:0}
/* no quadro em tela cheia, a barra fica acima da janelinha do vídeo */
.biblia-cheia .biblia-marcador{bottom:calc(var(--popup-l) * .5625 + 56px)}
@media(max-width:480px){.biblia-marcador{gap:8px;padding:9px 10px}.biblia-marcador-qtd{display:none}.biblia-cores button{width:32px;height:32px}.biblia-marcador-acao span{display:none}.biblia-marcador{justify-content:space-between}}

/* organograma: no cabeçalho, o mesmo logotipo do site da Multimídia (assets/logo-multimidia-cabecalho.png, igual ao
   logo-cabecalho.png de lá), mais largo que alto */
.org-page .site-nav .brand-logo{width:98px;height:42px}
.org-page .site-nav .brand-logo img{width:100%;height:100%}
@media(max-width:680px){.org-page .site-nav .brand-logo{width:72px;height:31px}}
/* organograma: o título de cada equipe (fundo colorido) com os cantos arredondados e borda em volta, na cor da equipe */
.dept header{padding:14px 16px;border:1px solid var(--line);border-radius:20px}
@media(max-width:680px){.dept header{padding:12px 14px;border-radius:18px}}

/* ==================== MENU DO CELULAR: ANIMAÇÃO (script.js abre e fecha) ====================
   Abre a partir do botão (canto de cima, à direita): cresce, desce e assenta com um leve "quique", saindo do desfoque; os
   itens entram um após o outro, também saindo do desfoque; as três barras giram até virar o X (e o contrário ao fechar).
   Ao fechar, tudo volta ao canto com desfoque, um pouco mais rápido. Fechado, o menu fica invisível também para o teclado. */
.mobile-menu{visibility:hidden;transform-origin:top right;transform:translateY(-18px) scale(.9);filter:blur(6px);transition:opacity .34s ease,transform .42s cubic-bezier(.55,0,.35,1),filter .34s ease,visibility 0s .42s}
.mobile-menu.open{visibility:visible;transform:none;filter:none;transition:opacity .4s ease,transform .62s cubic-bezier(.22,1.25,.36,1),filter .4s ease,visibility 0s}
.mobile-menu a{opacity:0;transform:translateY(-10px);filter:blur(3px);transition:opacity .22s ease,transform .3s ease,filter .22s ease}
.mobile-menu.open a{opacity:1;transform:none;filter:none;transition:opacity .45s ease,transform .6s cubic-bezier(.22,1.2,.36,1),filter .45s ease}
.mobile-menu.open a:nth-child(1){transition-delay:.08s}.mobile-menu.open a:nth-child(2){transition-delay:.14s}
.mobile-menu.open a:nth-child(3){transition-delay:.2s}.mobile-menu.open a:nth-child(4){transition-delay:.26s}
.mobile-menu.open a:nth-child(5){transition-delay:.32s}.mobile-menu.open a:nth-child(6){transition-delay:.38s}
.mobile-menu.open a:nth-child(7){transition-delay:.44s}.mobile-menu.open a:nth-child(8){transition-delay:.5s}
.mobile-menu.open a:nth-child(n+9){transition-delay:.56s}
.nav-toggle i{display:inline-block}
.nav-toggle i.menu-troca{animation:menu-icone .5s cubic-bezier(.22,1.25,.36,1)}
@keyframes menu-icone{from{opacity:0;transform:rotate(-120deg) scale(.4);filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu a{transition:none!important;filter:none!important}.nav-toggle i.menu-troca{animation:none}}

/* ==================== TRANSMISSÃO NO FORMATO DO QUADRO DOS CULTOS ====================
   Mesmas peças do quadro (classes cq-*: selo e botão Bíblia, player 16:9 com a capa e o botão branco, título, lista dos
   últimos vídeos e o leitor da Bíblia com tela cheia), dentro do cartão de vidro da seção (.media-shell), no fundo do site. */
.transmissao-painel{--borda-cq:rgba(94,232,255,.55);display:block}
.transmissao-conteudo{padding:22px 18px 24px;grid-template-areas:"assistir lista";grid-template-columns:minmax(0,1fr) 272px;border-radius:25px;background:linear-gradient(145deg,rgba(20,32,50,.55),rgba(6,11,19,.85));border:1px solid rgba(255,255,255,.07)}
/* "Assistir no YouTube" ao lado do selo: o botão azul do site, menor (da altura do selo) */
.transmissao-painel .cq-assistir-topo{align-items:stretch}
.cq-youtube-botao{min-height:32px;padding:0 13px;border-radius:9px;gap:8px;font-size:10px;box-shadow:0 8px 24px rgba(58,211,238,.14)}
.cq-youtube-botao i{font-size:13px}
.transmissao-painel .cq-atual h3{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:#fff}
.transmissao-painel .video-about{margin-top:14px;padding-top:14px}
.transmissao-painel .video-description{font-size:12.5px;line-height:1.7}
.transmissao-painel .link-button{font-size:9px}
/* "Todas as opções" (abre o quadro dos clipes): mesmo formato do "Ver todos no YouTube", em azul */
.cq-lista-area>.cq-todas{width:100%;font-family:var(--body);cursor:pointer}
.cq-lista-area>.cq-todas i{color:var(--cyan)}
/* dois ícones juntos: o play (clipes) e a Bíblia, o que o quadro oferece */
.cq-todas-icones{display:inline-flex;align-items:center;gap:6px}
.cq-lista-area>.cq-todas .cq-todas-icones i{font-size:17px}
.cq-todas-texto{display:grid;gap:2px;text-align:left;line-height:1.15}
.cq-todas-texto small{color:var(--soft);font-size:11px;font-weight:600}
.cq-lista-area>.cq-todas:hover,.cq-lista-area>.cq-todas:focus-visible{border-color:rgba(94,232,255,.55);background:rgba(94,232,255,.1)}
:is(.transmissao-painel,.culto-quadro.clipes) .cq-texto strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:1000px){
  .transmissao-conteudo{grid-template-columns:minmax(0,1fr);grid-template-areas:"assistir" "lista"}
  /* clipes embaixo do player: um inteiro e metade do próximo à vista, o resto rola dentro da lista (--lista-h no script) */
  .transmissao-painel .cq-lista{max-height:var(--lista-h,130px);overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;padding-right:4px}
  .transmissao-painel .cq-lista>li{scroll-snap-align:start}
  /* o vídeo em destaque um pouco maior (pedido do dono): avança sobre a margem do cartão; os textos ficam onde estavam */
  .transmissao-painel .cq-player{margin:0 -12px}
}
@media(max-width:680px){
  .transmissao-conteudo{padding:16px 14px 18px;gap:18px;border-radius:24px}
  .transmissao-painel .cq-player{margin:0 -9px;border-width:1px;border-radius:18px}
  .transmissao-painel .cq-assistir-topo{margin-left:0}
  .transmissao-painel .cq-atual h3{font-size:20px}
}

/* ==================== SEÇÃO "BÍBLIA SAGRADA" (entre Transmissão e Cultos) ====================
   Mesmo banner da seção Equipe, com a Bíblia ao fundo, dentro de anéis de luz. O botão "Acessar" é o azul do site, com um
   brilho que passa de tempos em tempos. */
.biblia-secao{padding-bottom:40px}
.biblia-banner{min-height:400px;background:radial-gradient(circle at 78% 45%,rgba(94,232,255,.2),transparent 30%),radial-gradient(circle at 95% 95%,rgba(255,211,90,.1),transparent 30%),linear-gradient(145deg,rgba(21,31,49,.88),rgba(5,10,18,.96))}
.biblia-simbolo{position:absolute;right:7%;top:50%;width:300px;height:300px;margin-top:-150px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(94,232,255,.16)}
.biblia-simbolo:before,.biblia-simbolo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,212,92,.12)}
.biblia-simbolo:before{inset:40px}
.biblia-simbolo:after{inset:80px;border-color:rgba(94,232,255,.18);box-shadow:0 0 60px rgba(94,232,255,.12)}
.biblia-simbolo i{font-size:96px;color:rgba(94,232,255,.22);filter:drop-shadow(0 0 30px rgba(94,232,255,.25))}
.biblia-acessar{position:relative;overflow:hidden;padding:0 26px;box-shadow:0 0 0 1px rgba(94,232,255,.35),0 14px 44px rgba(58,211,238,.32)}
.biblia-acessar:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:biblia-brilho 3.6s ease-in-out infinite;pointer-events:none}
.biblia-acessar:hover{box-shadow:0 0 0 1px rgba(94,232,255,.55),0 18px 54px rgba(58,211,238,.45)}
.biblia-acessar:hover i{transform:translateX(4px)}
@keyframes biblia-brilho{0%,55%{left:-60%}100%{left:130%}}
@media(max-width:1000px){.biblia-simbolo{right:-60px;opacity:.6}}
@media(max-width:680px){.biblia-secao{padding-bottom:20px}.biblia-banner{min-height:0;padding:38px 25px}.biblia-simbolo{width:220px;height:220px;right:-70px;top:auto;bottom:-50px;margin:0;opacity:.5}.biblia-simbolo i{font-size:70px}.biblia-acessar{width:100%}}
@media(prefers-reduced-motion:reduce){.biblia-acessar:after{display:none}}

/* topo: "Ver avisos" e "Bíblia" (leva à seção Bíblia Sagrada) dividem a mesma linha, metade cada */
.hero-dupla{display:flex;gap:10px}
@media(max-width:680px){.hero-dupla{width:100%}.hero-actions .hero-dupla .button{flex:1;width:auto;min-width:0;padding:0 12px}}

/* ==================== COMPUTADOR (a partir de 1001 px): SEÇÃO TRANSMISSÃO E QUADRO DOS CLIPES ====================
   Seção: os 4 clipes e o "Todas as opções" ocupam exatamente a altura do vídeo (começam e terminam junto com ele).
   Quadro dos clipes: altura da tela; o vídeo fica parado e só a lista (ou a Bíblia) rola. Debaixo do vídeo, o título em
   tamanho automático (as redes que ficavam ali saíram a pedido do dono em 06/11/2026); com a Bíblia aberta, a lista dos
   clipes vai para debaixo do vídeo. */
.cq-biblia-resumo{display:none}
@media(min-width:1001px){
  .transmissao-conteudo{grid-template-areas:none;grid-template-rows:auto auto auto;row-gap:0}
  .transmissao-painel .cq-assistir{display:contents}
  .transmissao-painel .cq-assistir-topo{grid-column:1;grid-row:1;height:34px;margin:0 0 12px}
  .transmissao-painel .cq-video-caixa{grid-column:1;grid-row:2}
  .transmissao-painel .cq-atual{grid-column:1;grid-row:3}
  .transmissao-painel .cq-lista-area{grid-column:2;grid-row:1/3;min-height:0}
  .transmissao-painel .cq-lista-area h4{height:34px;margin:0 0 12px;display:flex;align-items:center}
  .transmissao-painel .cq-lista{flex:1;min-height:0;align-content:space-between;overflow-y:auto;scrollbar-width:none}
  .transmissao-painel .cq-lista-area>.cq-todas{margin-top:8px}

  /* (as regras de altura fixa abaixo valem para o quadro dos clipes e, com a Bíblia aberta, também
     para o dos cultos: o vídeo fica parado e só a lista ou a Bíblia rolam; pedido do dono em 06/11/2026) */
  .culto-quadro:is(.clipes,.com-biblia):not(.biblia-cheia) .cq-painel{height:calc(100dvh - 48px);grid-template-rows:minmax(0,1fr);overflow:hidden}
  .culto-quadro:is(.clipes,.com-biblia):not(.biblia-cheia) .cq-conteudo{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto minmax(0,1fr);align-content:stretch}
  .culto-quadro:is(.clipes,.com-biblia):not(.biblia-cheia) .cq-assistir,.culto-quadro:is(.clipes,.com-biblia):not(.biblia-cheia) .cq-lista-area{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .culto-quadro:is(.clipes,.com-biblia):not(.biblia-cheia) .cq-lista-area{padding-right:6px}
  .culto-quadro.clipes .cq-atual{margin-top:18px}
  .culto-quadro.clipes .cq-atual h3{font-family:var(--display);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .culto-quadro.clipes .cq-atual p{margin-top:8px;font-size:14px}
  /* quadro dos clipes (pedido do dono em 06/11/2026): o vídeo, o maior possível sem esconder o título dele; o selo sobe para
     a linha do nome "Clipes", à direita, em cima do vídeo; a lista fica estreita à direita (330 px) e, em telas baixas, cresce um pouco
     (até 460 px) para não sobrar um vão entre ela e o vídeo; só a lista rola */
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-conteudo{grid-template-areas:none;grid-template-rows:auto auto minmax(0,1fr);
    --reserva:290px;
    grid-template-columns:minmax(0,1fr) clamp(330px,calc(100% - (100dvh - var(--reserva)) * 16 / 9 - 24px),460px)}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-topo{grid-column:1;grid-row:1}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-assistir{display:contents}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-assistir-topo{grid-column:1;grid-row:1;align-self:end;justify-self:end;margin:0}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-video-caixa{grid-column:1;grid-row:2;max-width:calc((100dvh - var(--reserva)) * 16 / 9)}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-atual{grid-column:1;grid-row:3;align-self:start;margin-top:0}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-lista-area{grid-column:2;grid-row:2/4}

  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-conteudo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"topo topo" "assistir biblia" "lista biblia";grid-template-rows:auto auto minmax(0,1fr)}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-assistir{overflow:visible}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-lista-area[hidden]{display:flex}
  /* lista mais perto do título do vídeo, para mostrar mais dos próximos cultos; pedido do dono em 06/11/2026 */
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-lista-area{grid-area:lista;margin-top:-10px}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-lista-area h4{margin-bottom:8px}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-conteudo{padding-bottom:16px}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-biblia-area{grid-area:biblia;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-biblia-topo{margin-bottom:12px}
  /* sem a linha da data e das visualizações debaixo do título, para sobrar espaço para "Últimos cultos" (a data já está
     na lista); pedido do dono em 06/11/2026 */
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-atual p{display:none}
}
/* telas baixas (área do navegador com até 720 px de altura, como um monitor 1366 × 768 com a barra de tarefas): no quadro dos
   clipes, espaços menores e o nome "Clipes" menor, para o vídeo ganhar altura */
@media(min-width:1001px) and (max-height:720px){
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-conteudo{--reserva:250px;padding-top:20px;padding-bottom:20px}
  .culto-quadro.clipes:not(.com-biblia):not(.biblia-cheia) .cq-topo h2{font-size:36px}
}

/* ==================== BÍBLIA NOS QUADROS: AJUSTES RECOLHIDOS, CAPÍTULOS NO TOPO E "FIXAR" ====================
   Ao rolar a leitura, os ajustes viram uma barra pequena no alto (versão · capítulo, setas e "Ajustar"); tocando em
   "Ajustar", voltam inteiros, presos no alto. A barra tem em volta a cor do fundo do quadro (--cq-fundo), para o texto que
   passa por baixo não aparecer pelos cantos arredondados. Com o vídeo fixado, tudo fica logo abaixo dele (--fixo-h). */
.culto-quadro{--cq-fundo:#25282e}
.culto-quadro.com-biblia .cq-biblia-resumo.mostrar{position:fixed;z-index:4;display:flex;align-items:stretch;gap:6px;height:46px;margin:0;padding:4px;border:1px solid rgba(94,232,255,.35);border-radius:12px;background:#2a2e35;box-shadow:0 0 0 8px var(--cq-fundo),0 14px 24px rgba(0,0,0,.45)}
.cq-resumo-abrir{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#dbe4ef;font:700 13px var(--body);text-align:left;cursor:pointer}
.cq-resumo-abrir span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cq-resumo-abrir b{flex:none;display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px}
.cq-resumo-abrir:hover,.cq-resumo-abrir:focus-visible{background:rgba(94,232,255,.08);outline:0}
.cq-resumo-passo{flex:none;width:38px;display:grid;place-items:center;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#dbe4ef;cursor:pointer}
.cq-resumo-passo:hover,.cq-resumo-passo:focus-visible{background:rgba(94,232,255,.15);color:var(--cyan);outline:0}
.cq-biblia-area.ajustando .biblia-painel{position:sticky;top:var(--fixo-h,0px);z-index:4;background:#2a2e35;box-shadow:0 0 0 8px var(--cq-fundo),0 14px 40px rgba(0,0,0,.45)}
.culto-quadro .biblia-leitor.compacto .biblia-leitura{scroll-margin-top:calc(var(--fixo-h,0px) + 60px)}
/* tela cheia: o botão de fechar fica no canto de cima; a barra e os ajustes presos no alto ficam ao lado dele */
/* em volta e acima da barra (e dos ajustes presos no alto), a cor do fundo (:before): o texto que sobe não aparece por cima
   dela; o fundo e a borda da própria barra ficam numa camada por cima dessa (:after) */
.culto-quadro.com-biblia .cq-biblia-resumo.mostrar:before,.cq-biblia-area.ajustando .biblia-painel:before{content:"";position:absolute;z-index:-1;inset:-2px -9px -22px;background:linear-gradient(var(--cq-fundo) calc(100% - 16px),transparent);pointer-events:none}
/* a faixa passa um pouco das bordas da Bíblia: quem rola não pode ganhar rolagem para o lado (a tela "escorregava") */
.cq-biblia-area,.cq-conteudo,.cq-painel{overflow-x:clip}
/* tela cheia: fundo liso na cor da faixa, para ela não aparecer como uma caixa */
.biblia-cheia .cq-painel{background:var(--cq-fundo)}
.culto-quadro.com-biblia .cq-biblia-resumo.mostrar:after,.cq-biblia-area.ajustando .biblia-painel:after{content:"";position:absolute;z-index:-1;inset:-1px;border:1px solid rgba(94,232,255,.35);border-radius:inherit;background:#2a2e35;box-shadow:0 14px 24px rgba(0,0,0,.45);pointer-events:none}
.culto-quadro.com-biblia .cq-biblia-resumo.mostrar,.cq-biblia-area.ajustando .biblia-painel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.cq-biblia-area.ajustando .biblia-painel:after{border-color:var(--line)}
.biblia-cheia .cq-biblia-area.ajustando .biblia-painel{top:8px}
/* em tela cheia a barra fica um pouco abaixo do alto: a faixa sobe até o alto da tela (fora dela, ela cobriria o título do vídeo fixado) */
.culto-quadro.biblia-cheia.com-biblia .cq-biblia-resumo.mostrar:before{top:calc(-1 * var(--r-top,48px) - 2px)}
.biblia-cheia .cq-biblia-area.ajustando .biblia-painel:before{top:-48px}
/* em tela cheia a barra é menor (pedido do dono): 38 px de altura, setas e texto menores; os botões do canto acompanham */
.culto-quadro.biblia-cheia.com-biblia .cq-biblia-resumo.mostrar{height:38px;padding:3px;gap:4px;border-radius:10px}
/* sem a sombra da barra em tela cheia: ela ficava só debaixo da barra e não debaixo dos botões do canto (print do dono) */
.culto-quadro.biblia-cheia.com-biblia .cq-biblia-resumo.mostrar:after{box-shadow:none}
.culto-quadro.biblia-cheia .cq-resumo-passo{width:32px;font-size:12px}
.culto-quadro.biblia-cheia .cq-resumo-abrir{font-size:12px;padding:0 8px}
.culto-quadro.biblia-cheia .cq-resumo-abrir b{font-size:11px}
@media(max-width:680px){.culto-quadro.biblia-cheia .cq-resumo-abrir b{font-size:0}}
@media(max-width:1080px){
  /* tela estreita: a Bíblia em tela cheia chega perto da borda; a barra fica ao lado dos botões do canto (vídeo e Bíblia,
     início), e a faixa cobre até a borda */
  .biblia-cheia .cq-biblia-area.ajustando .biblia-painel{margin-right:104px}
  .culto-quadro.biblia-cheia.com-biblia .cq-biblia-resumo.mostrar:before{right:-122px}
  .biblia-cheia .cq-biblia-area.ajustando .biblia-painel:before{right:-122px}
  .biblia-cheia .cq-biblia-topo{padding-right:104px}
}
/* Bíblia em tela cheia: no lugar do X, dois botões no canto: o vídeo e a Bíblia (play e Bíblia: volta ao quadro com os
   dois) e a casa (fecha o quadro e vai para o início da página inicial) */
.cq-cheia-botoes{display:none}
.cq-voltar-lista{display:none;align-items:center;justify-content:center}
.cq-voltar-lista i{font-size:18px;line-height:1}
.cq-voltar-biblia{display:none;align-items:center;gap:8px;font:800 11px var(--body);letter-spacing:.1em;text-transform:uppercase}
.cq-voltar-biblia b{font-weight:inherit}
.cq-voltar-biblia i{font-size:18px;line-height:1}
.biblia-cheia .cq-fechar{display:none}
.biblia-cheia .cq-cheia-botoes{position:absolute;z-index:5;top:calc(max(20px,env(safe-area-inset-top)) + 6px);right:16px;display:flex;gap:8px}
.cq-cheia-botoes button{height:42px;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,18,.7);color:#dbe4ef;font-size:15px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cq-cheia-botoes .cq-voltar-quadro{border-color:rgba(94,232,255,.45);color:var(--cyan)}
.cq-cheia-botoes .cq-voltar-quadro{gap:10px;padding:0 14px}
.cq-cheia-botoes .cq-voltar-quadro>i:first-child{font-size:12px}
.cq-cheia-botoes button:hover,.cq-cheia-botoes button:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#06121c;outline:0}
/* os botões ficam na mesma altura da barra recolhida (centro com centro) */
@media(max-width:680px){.biblia-cheia .cq-cheia-botoes{top:calc(max(14px,env(safe-area-inset-top)) + 8px);right:12px}.cq-cheia-botoes button{height:38px;min-width:38px}.biblia-cheia .cq-resumo-abrir b{font-size:0;gap:0}.biblia-cheia .cq-resumo-abrir b i{font-size:15px}}

/* botões de capítulo também no topo, logo abaixo dos ajustes (página Bíblia e quadros) */
.biblia-passos.biblia-passos-topo{margin:12px 0 0;padding-top:0;border-top:0}
.biblia-passos-topo .button{min-height:42px;font-size:11px}
.biblia-leitor.compacto .biblia-passos-topo .button{min-height:40px}

/* "Fixar": nos quadros dos clipes e dos cultos, no celular e no tablet (no computador o vídeo já fica parado) */
.cq-fixar{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);color:#dbe4ef;font:800 9px var(--body);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.cq-fixar i{font-size:11px;transition:transform .25s}
.cq-fixar[aria-pressed="true"]{border-color:var(--cyan);background:rgba(94,232,255,.15);color:var(--cyan)}
.cq-fixar[aria-pressed="true"] i{transform:rotate(-30deg)}
@media(min-width:1001px){.cq-fixar{display:none}}
/* quadro do culto: com a Bíblia aberta, o "Fixar" fica ao lado do "Tela cheia" (pedido do dono), no mesmo estilo dele; com a
   lista dos cultos, fica na linha do selo. O quadro dos clipes continua com o botão só na linha do selo. */
.cq-fixar-biblia{margin-left:auto;font:700 12px var(--body);letter-spacing:0;text-transform:none}
.cq-fixar-biblia i{font-size:12px}
.culto-quadro.clipes .cq-fixar-biblia,.culto-quadro.com-biblia:not(.clipes) .cq-assistir-topo .cq-fixar,.biblia-cheia .cq-fixar-biblia{display:none}
@media(max-width:1000px){
  /* quadro dos clipes (e o dos cultos com o vídeo fixado): uma coluna só, sem caixas no meio, para o vídeo fixado ficar
     parado do começo ao fim da rolagem */
  .culto-quadro:is(.clipes,.fixado):not(.biblia-cheia) .cq-conteudo{display:flex;flex-direction:column;gap:0}
  .culto-quadro:is(.clipes,.fixado):not(.biblia-cheia) .cq-assistir{display:contents}
  .culto-quadro:is(.clipes,.fixado):not(.biblia-cheia) .cq-topo{margin-bottom:18px}
  .culto-quadro:is(.clipes,.fixado):not(.biblia-cheia) .cq-lista-area,.culto-quadro:is(.clipes,.fixado):not(.biblia-cheia) .cq-biblia-area{margin-top:22px}
  /* fixado: o quadro tem a altura da tela; a parte de cima (nome, botões, vídeo e título) fica parada e só a lista ou a
     Bíblia rolam, numa área própria (sem position:sticky: no iPhone, com a Bíblia longa, a tela ficava em branco e travava) */
  .culto-quadro.fixado:not(.biblia-cheia) .cq-painel{height:calc(100dvh - 48px);grid-template-rows:minmax(0,1fr);overflow:hidden}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-conteudo{height:100%;min-height:0;overflow:hidden;padding-bottom:0}
  .culto-quadro.fixado:not(.biblia-cheia) :is(.cq-lista-area,.cq-biblia-area){flex:1;min-height:0;margin-top:16px;padding-bottom:max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
/* no quadro, o dedo só rola para cima e para baixo: puxar para o lado ou dar zoom (toque duplo, pinça) não tira o quadro
   do centro (no iPhone, tocar duas vezes em "Fixar" dava zoom). O deslizar de capítulo da Bíblia continua (eventos de toque) */
.culto-quadro,.culto-quadro button{touch-action:pan-y}
.culto-quadro{overscroll-behavior:none}
@media(max-width:680px){
  .cq-fixar,.cq-biblia-botao{min-height:38px}
  /* sem a palavra "YOUTUBE" no selo, para o selo, a Bíblia e o "Fixar" caberem numa linha */
  .culto-quadro .cq-selo-canal span{display:none}
  /* no quadro do culto o botão da Bíblia é comprido ("Cultos anteriores"): o "Fixar" fica só com o alfinete (aceso quando fixado) */
  .culto-quadro:not(.clipes) .cq-assistir-topo .cq-fixar{width:38px;justify-content:center;padding:0}
  .culto-quadro:not(.clipes) .cq-assistir-topo .cq-fixar span{display:none}
  /* fixado no celular: a parte de cima mais enxuta (nome menor, título do vídeo numa linha), para sobrar espaço para ler */
  .culto-quadro.fixado:not(.biblia-cheia) .cq-painel{height:100dvh}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-topo{margin-bottom:12px}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-quando{display:none}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-topo h2{font-size:20px}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-atual{margin-top:10px}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-atual h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .culto-quadro.fixado:not(.biblia-cheia) .cq-atual p{display:none}
  .culto-quadro.fixado:not(.biblia-cheia) :is(.cq-lista-area,.cq-biblia-area){margin-top:12px}
}

/* celular: o quadro cobre a tela toda, então o desfoque do fundo e a sombra grande não aparecem, mas pesam na rolagem do
   iPhone (com eles a Bíblia ficava em branco ao rolar rápido) */
@media(max-width:680px){.culto-quadro::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05080d}.cq-painel{box-shadow:none}}

/* faixa atrás da barra da Bíblia invisível (pedido do dono): o quadro tem fundo liso, da mesma cor da faixa, e no celular
   a faixa vai de uma borda à outra da tela */
.cq-painel{background:var(--cq-fundo)}
@media(max-width:680px){.culto-quadro.com-biblia .cq-biblia-resumo.mostrar:before{left:calc(-1 * var(--r-left,16px));width:100vw}}

/* computador: a casa também no quadro normal, no lugar do X; o de vídeo e Bíblia só com a Bíblia aberta (ao lado do vídeo,
   vira um X que volta à lista; em tela cheia, volta ao vídeo e à Bíblia). O quadro continua fechando com Esc e com o
   clique fora dele. Pedido do dono em 06/11/2026. */
@media(min-width:1001px){
  .culto-quadro .cq-fechar{display:none}
  .culto-quadro .cq-cheia-botoes{position:absolute;z-index:5;top:16px;right:16px;display:flex;gap:8px}
  .culto-quadro.biblia-cheia .cq-cheia-botoes{top:calc(max(20px,env(safe-area-inset-top)) + 6px)}
  .culto-quadro:not(.com-biblia) .cq-voltar-quadro{display:none}
  /* quadro dos clipes (Transmissão): o botão da Bíblia fica no alto, ao lado da casinha, e não na linha do selo
     (pedido do dono em 06/11/2026) */
  .culto-quadro.clipes .cq-assistir-topo .cq-biblia-botao{display:none}
  .culto-quadro.clipes:not(.com-biblia) .cq-voltar-quadro{display:inline-flex}
  .culto-quadro.clipes:not(.com-biblia) .cq-voltar-quadro>i{display:none}
  .culto-quadro.clipes:not(.com-biblia) .cq-voltar-biblia{display:inline-flex}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-voltar-quadro{width:42px;padding:0}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-voltar-quadro>i{display:none}
  .culto-quadro.com-biblia:not(.biblia-cheia) .cq-voltar-lista{display:inline-flex}
  .culto-quadro .cq-topo{padding-right:130px}
}

/* quadro aberto cobrindo a tela (celular, ou Bíblia em tela cheia em qualquer tela): a página atrás não é desenhada, e o
   fundo animado do site (luzes com desfoque de 110 px, granulado e brilho do cursor) sai. No iPhone, esse fundo pesado
   ocupava a memória de desenho e a Bíblia ficava em branco ao rolar. visibility (e não display) mantém a posição da página. */
@media(max-width:680px){
  html.quadro-cobre body>:not(dialog){visibility:hidden}
  html.quadro-cobre :is(.aurora,.noise,.cursor-glow){display:none}
}
html.quadro-cobre:has(.culto-quadro.biblia-cheia) body>:not(dialog){visibility:hidden}
html.quadro-cobre:has(.culto-quadro.biblia-cheia) :is(.aurora,.noise,.cursor-glow){display:none}


/* a página não "estica" ao puxar além do começo ou do fim (no iPhone aparecia uma faixa do fundo e o conteúdo descia) */
html,body{overscroll-behavior-y:none}

/* "voltar ao início do capítulo": seta para cima no canto de baixo, enquanto a barra recolhida está à vista; em tela cheia
   fica à esquerda (à direita está a janelinha do vídeo) */
.cq-biblia-subir{display:none}
.culto-quadro.com-biblia.lendo .cq-biblia-subir{position:fixed;z-index:7;right:16px;bottom:max(18px,env(safe-area-inset-bottom));width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(94,232,255,.45);border-radius:50%;background:#2a2e35;color:var(--cyan);font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.45);cursor:pointer;animation:cq-subir .25s ease}
.culto-quadro.com-biblia.lendo.biblia-cheia .cq-biblia-subir{right:auto;left:16px}
.cq-biblia-subir:hover,.cq-biblia-subir:focus-visible{background:var(--cyan);color:#06121c;outline:0}
@keyframes cq-subir{from{opacity:0;transform:translateY(10px)}}
/* o quadro inteiro não anda para o lado (no iPhone o gesto de lado levava a barra e a leitura junto) */
.culto-quadro .cq-painel,.culto-quadro .cq-conteudo,.culto-quadro .cq-biblia-area{overscroll-behavior-x:none}

/* marcador da Bíblia com a seta "voltar ao início" à vista: o X fica logo depois das cores, longe do canto da seta */
.culto-quadro.lendo .biblia-marcador{justify-content:flex-start;padding-right:64px}
.culto-quadro.lendo .biblia-marcador .biblia-cores{flex:none}


/* computador: no quadro do culto, a foto (pastor, família) com o dia e o horário ficam no alto da coluna da esquerda, e não
   no meio (com a Bíblia aberta a coluna fica alta e o bloco descia) (pedido do dono) */
@media(min-width:1001px){.cq-lado{justify-content:flex-start;padding-top:28px}}

/* botão azul do site: o degradê começa na borda (transparente); sem isso ele se repetia por baixo dela e aparecia uma
   linha branca no lado direito e uma azul no esquerdo (print do dono, "Assistir no YouTube") */
.button.primary{background-origin:border-box}

/* X dos ajustes abertos pela barra da Bíblia (quadros): no canto de cima, ao lado das versões, que deixam o espaço dele */
.cq-ajustes-fechar{display:none}
.cq-biblia-area.ajustando .cq-ajustes-fechar{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(5,10,18,.7);color:#dbe4ef;font-size:15px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cq-biblia-area.ajustando .cq-ajustes-fechar:hover,.cq-biblia-area.ajustando .cq-ajustes-fechar:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#06121c;outline:0}
.cq-biblia-area.ajustando .biblia-versoes{margin-right:46px}
/* popup aberto (quadro ou menu do celular): a página de trás não rola, nem quando a rolagem de dentro chega ao fim (regra dos três sites) */
html.quadro-aberto body,html.menu-aberto body{overflow:hidden}.culto-quadro,.mobile-menu{overscroll-behavior:contain}
/* pedir um carro (Uber e 99), embaixo do "Abrir no Maps" */
.location-corrida{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}.location-corrida .button{font-family:inherit;cursor:pointer;width:100%}.location-corrida .button.primary{grid-column:1/-1}
@media(max-width:680px){.location-corrida{max-width:none}}

/* "Faça parte da" ↔ "Equipe Multimídia" no botão do topo, com a mesma troca do botão do assistente (dono, 13/11/2026) */
.nav-alterna{display:inline-grid;overflow:hidden;padding:2px 0;vertical-align:middle;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.nav-button{white-space:nowrap}
@media(max-width:680px){.nav-button .fa-arrow-up-right-from-square{display:none}}
.nav-alterna>span{grid-area:1/1;text-align:center;white-space:nowrap;opacity:0;transform:translateY(110%);transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .4s ease}
.nav-alterna>span.mostrar{opacity:1;transform:none}
.nav-alterna>span.saindo{opacity:0;transform:translateY(-110%)}
.nav-alterna>span.sem-transicao{transition:none}
@media(prefers-reduced-motion:reduce){.nav-alterna>span{transition:none}}