/* Identidade da UPA: isolada das outras páginas do aplicativo. */
.upa-mode .shell{background:#173229}
.upa-mode #main{padding:0 0 calc(100px + env(safe-area-inset-bottom));max-width:none}
.upa-page{min-height:calc(100svh - 84px);background:#173229;color:#f6f7f4;font-family:'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.upa-page:not(.upa-subpage){background-image:url('upa-desenho.jpg');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.upa-page *{box-sizing:border-box}
.upa-page h1,.upa-page h2{font-family:'Arial Rounded MT Bold','Trebuchet MS',-apple-system,sans-serif;font-weight:800;letter-spacing:-.035em}
.upa-photo-head{position:relative;isolation:isolate;min-height:390px;padding:calc(16px + env(safe-area-inset-top)) 24px 30px;display:flex;flex-direction:column;justify-content:space-between}
.upa-photo-head>.back,.upa-photo-head>.upa-hero{position:relative;z-index:1}
.upa-gear{position:absolute;right:20px;top:calc(16px + env(safe-area-inset-top));z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:white}
.upa-gear svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #10221d)}
.upa-photo-head .back,.upa-subpage .back{color:#f1f5f1;font-size:15px;min-height:44px;text-shadow:0 1px 5px #10221d}
.upa-photo-head .back svg{width:18px}
.upa-hero{display:flex;align-items:center;gap:17px}
.upa-logo-box{width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;overflow:hidden;padding:5px;border-radius:25px;background:white;box-shadow:8px 8px 0 #ffbd67;transform:rotate(-5deg)}
.upa-logo-box img{width:100%;height:100%;object-fit:contain}
.upa-tag{display:inline-block;padding:6px 11px;margin:0 0 9px;border-radius:999px;background:#ffe187;color:#203728;font-size:11px;font-weight:750;letter-spacing:.04em;white-space:nowrap}
.upa-hero h1{font-size:clamp(28px,8vw,42px);line-height:.98;margin:0 0 13px;color:#ffe187}
.upa-sub{color:#edf0f4;font-size:15px;line-height:1.35;margin:0}
.upa-content{padding:12px 24px 35px}
.upa-event{display:block;width:100%;padding:22px 23px;margin:0 0 24px;border:1px solid #668c73;border-radius:25px;background:#25493a;color:#fff;box-shadow:0 8px 0 rgba(10,28,20,.27);text-align:left}
.upa-event-link{cursor:pointer}
.upa-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:#ffdeac;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:650}
.upa-event-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffe3ae;box-shadow:3px 3px 0 #153d30;transform:rotate(-7deg);font-size:22px;letter-spacing:0}
.upa-event-title{display:block;margin:0 0 8px;color:white;font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:29px;line-height:1.12;font-weight:800;letter-spacing:-.025em}
.upa-event-copy{display:block;margin:0;color:#e0e9e3;font-size:16px;line-height:1.4}
.upa-event-cta{display:block;margin-top:15px;color:#ffe187;font-size:15px;font-weight:800}
.upa-section-title{font-size:26px;margin:28px 0 15px;color:white}
.upa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:232px;margin:0 auto 20px}
.upa-tile,.upa-grid .upa-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;aspect-ratio:1;min-width:0;width:100%;margin:0;padding:8px;border:1px solid rgba(255,255,255,.35);border-radius:13px;background:#f5a483;color:#20372d;text-align:left;box-shadow:0 5px 0 rgba(12,32,23,.26)}
.upa-grid .upa-members{background:#aedcc8}
.upa-grid .upa-whatsapp{background:#bef0cc}
.upa-grid .upa-official{background:#f7dda5}
.upa-tile-icon,.upa-action-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;border-radius:8px;background:#fff9ed;color:#173d31;font-size:18px;box-shadow:3px 3px 0 rgba(45,63,48,.17);transform:rotate(-5deg)}
.upa-grid .upa-members .upa-action-icon,.upa-grid .upa-official .upa-action-icon{transform:rotate(5deg)}
.upa-tile-icon svg,.upa-action-icon svg{width:18px;height:18px;stroke-width:1.8}
.upa-action-icon img{width:19px;height:19px}
.upa-tile strong,.upa-action strong{display:block;margin-top:auto;font-size:13px;line-height:1.12;font-weight:800;letter-spacing:-.025em}
.upa-tile small,.upa-action small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;color:#40564a;font-size:10px;line-height:1.1}
.upa-action>span:last-child:not(.upa-action-icon){margin-top:auto}
.upa-action>span:last-child strong{margin-top:0}
.upa-role-claim{margin-top:22px;padding:18px;border:1px solid #668c73;border-radius:18px;background:#25493a}
.upa-role-claim p{margin:0 0 10px;line-height:1.45}
.upa-subpage{padding:calc(16px + env(safe-area-inset-top)) 24px 36px}
.upa-subpage h1{font-size:34px;color:white;margin:12px 0}
.upa-intro{color:#dbe8e0;font-size:17px;line-height:1.5}
.upa-list-card{display:block;width:100%;padding:20px;margin:14px 0;border:1px solid #668c73;border-radius:20px;background:#25493a;color:white;text-align:left;overflow-wrap:anywhere}
.upa-list-card h2{font-size:22px;color:white;margin:0 0 8px}
.upa-list-card p{margin:0;color:#dce8df}
.upa-list-link strong,.upa-list-link span{display:block}.upa-list-link strong{font-size:18px}.upa-list-link span{margin-top:6px;color:#dce8df}
.upa-list-link .upa-event-cta{color:#ffe187;margin-top:13px}
.upa-list-card h2:not(:first-child){margin-top:19px}
.upa-list-card label{display:block;margin-top:15px;color:#f6f7f4}
.upa-list-card input,.upa-list-card textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #86aa94;border-radius:11px;background:#173229;color:#fff;font:inherit}
.upa-list-card summary{cursor:pointer;font-weight:800;font-size:18px}
.upa-list-card .upa-retry{min-height:44px}
.upa-retry{display:block;margin-top:14px;padding:12px 16px;border-radius:12px;background:#b8edc7;color:#173d31;font-weight:800}
.church-shortcuts .upa-entry img{width:46px;height:46px;object-fit:contain;background:transparent;border-radius:0;padding:0}
.shortcut-grid .upa-entry .body{flex:0}
.upa-page button:focus-visible,.upa-page a:focus-visible,.upa-entry:focus-visible{outline:3px solid #ffe187;outline-offset:3px}
/* Primeira tela da UPA: atalhos visíveis sem uma capa ou cartões gigantes no celular. */
@media(max-width:600px){
 .upa-mode #main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .upa-page:not(.upa-subpage){min-height:calc(100svh - 72px - env(safe-area-inset-bottom))}
 .upa-photo-head{min-height:calc(175px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 18px 12px;justify-content:flex-start;gap:8px;background:none}
 .upa-photo-head:after{display:none}
 .upa-photo-head .back,.upa-gear{color:#173229;text-shadow:none}
 .upa-gear{top:calc(8px + env(safe-area-inset-top));right:18px}
 .upa-gear svg{filter:none}
 .upa-hero{gap:12px}
 .upa-logo-box{width:64px;height:64px;flex-basis:64px;border-radius:17px;box-shadow:5px 5px 0 #ffbd67}
 .upa-tag{font-size:10px;padding:4px 8px;margin-bottom:5px}
 .upa-hero h1{font-size:29px;margin-bottom:5px;color:#173229}
 .upa-sub{font-size:13px;color:#173229;font-weight:700}
 .upa-content{display:flex;flex-direction:column;min-height:calc(100vw * 16 / 9 - 166px - env(safe-area-inset-top));padding:8px 18px 18px}
 .upa-event{padding:8px 14px;margin-bottom:12px;border-radius:18px;box-shadow:0 4px 0 rgba(10,28,20,.27)}
 .upa-eyebrow{gap:7px;margin-bottom:2px;font-size:10px}
 .upa-event-icon{width:22px;height:22px;font-size:15px}
 .upa-event-title{font-size:18px;margin-bottom:2px}
 .upa-event-copy{font-size:12px;line-height:1.2}
 .upa-event-cta{margin-top:2px;font-size:10px}
 .upa-section-title{font-size:19px;margin:auto 0 8px;text-shadow:0 2px 4px #173229}
 .upa-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:none;width:100%;margin:0 0 10px}
 .upa-tile,.upa-grid .upa-action{min-height:0;margin:0;padding:4px 2px;align-items:center;justify-content:center;gap:5px;border-radius:11px;text-align:center;box-shadow:0 4px 0 rgba(12,32,23,.26)}
 .upa-tile-icon,.upa-action-icon{flex-basis:28px;width:28px;height:28px;border-radius:7px;font-size:18px}
 .upa-tile-icon svg,.upa-action-icon svg{width:18px;height:18px}
 .upa-grid .upa-tile strong,.upa-grid .upa-action strong{margin-top:0;font-size:11.5px;line-height:1.08}
 .upa-grid .upa-action>span:last-child:not(.upa-action-icon){width:100%;margin-top:0}
 .upa-grid .upa-tile small,.upa-grid .upa-action small{display:none}
 .upa-action-icon img{width:20px;height:20px}
 .upa-role-claim{margin-top:12px;padding:12px}
}
@media(max-width:360px){.upa-photo-head{padding-left:14px;padding-right:14px}.upa-hero{gap:9px}.upa-logo-box{width:57px;height:57px;flex-basis:57px}.upa-hero h1{font-size:26px}.upa-tag{font-size:9px;padding:4px 6px}.upa-sub{font-size:12px}.upa-content{padding-left:14px;padding-right:14px}.upa-event{padding:6px 10px}.upa-event-icon{display:none}.upa-eyebrow{font-size:9px}.upa-event-title{font-size:16px}.upa-event-copy{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upa-event-cta{font-size:9px}.upa-grid{gap:5px}.upa-grid .upa-tile,.upa-grid .upa-action{gap:3px}.upa-grid .upa-tile strong,.upa-grid .upa-action strong{font-size:10.5px}.upa-tile-icon,.upa-action-icon{flex-basis:23px;width:23px;height:23px;font-size:15px}.upa-action-icon img{width:16px;height:16px}}