/* Ajustes finais carregados depois do estilo legado. */
.app .tela:not(.on){visibility:hidden}
.app .ab-in{padding:20px 20px 35px;gap:10px;overflow-y:auto}
.app .marca-campo{padding:4px 12px;border-radius:50%;background:#fff;box-shadow:0 3px 12px #0003;flex:none}
.app .marca{width:85px;height:100px;object-fit:contain}
.app .titulo{margin:0;line-height:1.02}
.app .dupla{min-height:170px;flex:1 0 170px;max-height:310px}
.app .dupla img{height:100%;max-height:310px;width:47%;object-fit:contain;animation:boasVindas 4s ease-in-out infinite}
.app .dupla img:last-child{margin-left:-8%;animation-delay:-2s}
.app .valores{gap:22px;font-size:11px;flex:none;padding-top:5px}
.app .rodape{font-size:10px!important;opacity:.6;height:18px;bottom:0}
.app .acesso .selo{width:80px;height:94px;padding:5px;border-radius:24px;background:white;flex:none}
.app .acesso .selo img{width:100%;height:100%;object-fit:contain}
.app .provador{display:flex;align-items:center;gap:12px;background:#fff8ea;color:#173c49;border-radius:20px;padding:10px 14px;margin:8px 0 14px;flex-shrink:0;min-height:150px}
.app .provador>img{width:125px;height:160px;object-fit:contain}
.app .provador p{font-size:12px;line-height:1.5;margin:8px 0;max-width:310px}
.app .provador button{border:1px solid #3b766c;background:#e4efe6;border-radius:10px;min-height:40px;color:#193d36;font-weight:700;padding:8px 12px}
.app #itens{overflow-y:auto;padding-bottom:32px}
.app #grade{overflow:visible;flex-shrink:0;padding-bottom:12px}
.app .item{min-height:142px}.app .item .ic-img{width:64px;height:57px;object-fit:contain}
.app .participar-praca{position:absolute;left:14px;top:112px;z-index:5;background:#fff5dc;color:#224c40;border:2px solid #e6ba54;border-radius:14px;padding:10px 14px;font-weight:900;max-width:240px}
.app #vasoPraca{position:absolute;right:12%;bottom:25%;width:65px;height:82px;object-fit:contain;filter:drop-shadow(0 8px 4px #0005);animation:boasVindas 5s infinite;pointer-events:none}
.app .participacao{background:#eef4df;padding:16px;border-radius:20px;margin-top:20px;color:#214c3b}
.app .participacao h3{margin:0 0 8px}.app .participacao p{line-height:1.6;font-size:13px}
.app .mundo-participacao{display:block;width:100%;text-align:left;border:1px solid #a6c4b4;background:#fff9ed;border-radius:15px;padding:16px;margin:10px 0;color:#224c40}
.app .mundo-participacao small{display:block;line-height:1.5;margin-top:6px}
.app .titulo-participacao,.app .aviso-participacao{grid-column:1/-1;color:#fff;margin:8px 0;line-height:1.6}
.app .mundo-vivo-card{grid-column:1/-1;display:flex;align-items:center;gap:14px;text-align:left;background:#fff9eb;color:#214c3b;border:2px solid #bbd0a8;border-radius:18px;overflow:hidden;padding:0;min-height:120px}
.app .mundo-vivo-card img{width:32%;height:140px;object-fit:cover}.app .mundo-vivo-card span{padding:12px 12px 12px 0;flex:1}.app .mundo-vivo-card b,.app .mundo-vivo-card small,.app .mundo-vivo-card strong{display:block;line-height:1.5}.app .mundo-vivo-card small{font-size:13px;margin:5px 0}.app .mundo-vivo-card strong{font-size:12px;color:#806018}
.app .rodape{display:none}
@keyframes boasVindas{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}
@media(min-width:700px){
 .app{max-width:1080px}
 .app .praca-guia{width:min(26%,230px);bottom:16%}
 .app .menu-madeira{gap:26px;padding:0 18%;bottom:18px}
 .app .opcao-madeira{max-width:170px}
 .app .participar-praca{left:28px;top:128px;font-size:15px}
 .app .hud-madeira{left:24px;right:24px;gap:14px}
 .app .hud-madeira .barra{max-width:660px}
}
@media(min-width:900px){
 .app{max-width:1080px}
 .app .ab-in{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:125px auto 46px 68px 65px;align-content:center;justify-items:center;padding:25px 55px;column-gap:25px}
 .app .marca-campo{grid-column:1;grid-row:1}
 .app .titulo{grid-column:1;grid-row:2}.app .lema{grid-column:1;grid-row:3}
 .app .dupla{grid-column:2;grid-row:1/6;height:440px;max-height:440px;width:100%;min-height:0}
 .app .dupla img{max-height:440px;width:62%}
 .app #btnIniciar{grid-column:1;grid-row:4;min-width:220px}
 .app .valores{grid-column:1;grid-row:5}
 .app #grade{grid-template-columns:repeat(4,minmax(0,1fr))}
 .app .provador>img{height:180px;width:170px}.app .provador p{max-width:650px}
 .app .acesso-in{max-width:480px;margin:auto}
}
@media(max-height:690px) and (max-width:899px){.app .marca{height:75px;width:60px}.app .ab-in{gap:6px;padding-top:10px}.app .dupla{min-height:150px;max-height:185px}.app .dupla img{max-height:185px}.app .titulo .t2{font-size:37px}.app .titulo .t3{font-size:25px}}
@media(max-width:420px){.app #grade{grid-template-columns:repeat(3,minmax(0,1fr))}.app .provador{padding:8px}.app .provador>img{width:100px;height:145px}.app .item{padding:10px 6px}.app .participar-praca{font-size:12px;max-width:180px}}
@media(prefers-reduced-motion:reduce){.app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}