/* ── Menu fixo do rodapé (celular) — 05/10/2026 ─────────────────────────────
   Os três caminhos do dia, sempre à mão. No computador nada disso aparece: as
   mesmas portas ficam na coluna da esquerda. */
.cfn-pe{display:none}
@media(max-width:900px){
.cfn-pe{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:140;gap:6px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#ffffff;border-top:1px solid #e5e7eb;box-shadow:0 -6px 18px rgba(16,24,40,.1)}
.cfn-pe-btn{flex:1 1 0;display:grid;justify-items:center;align-content:center;gap:3px;min-height:52px;padding:6px 4px;border-radius:14px;text-decoration:none !important;color:#111827 !important;text-align:center;font-size:11px;font-weight:800;line-height:1.15;transition:background .15s ease,transform .15s ease}
.cfn-pe-btn:hover{background:#eef4fb}
.cfn-pe-btn:active{transform:translateY(1px)}
.cfn-pe-btn.is-on{background:#eef4fb;color:#0f4c81 !important}
.cfn-pe-ico{font-size:20px;line-height:1}
.cfn-pe-txt{display:block;max-width:112px}
/* A página ganha folga embaixo para o último conteúdo não ficar atrás da barra.
   Esta regra só existe quando a barra existe (o CSS sai com ela).
   06/10/2026: a folga subiu de 80px para 96px (104px no celular pequeno) porque
   a barra passou a ter QUATRO botões + o "Menu" — com cinco lugares os rótulos
   longos ("Músicas para missa") quebram em três linhas e a barra mede 88px
   (medido no navegador a 320, 360 e 390px). Com 80px o fim da página ficava
   escondido atrás da barra. */
body.cifranet-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media(max-width:430px){
body.cifranet-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
}
}