/* P_0A V12 — implementação isolada da matriz de cards aprovada */
.p0a-content{padding:2px 17px 0;box-sizing:border-box;overflow:hidden!important}.p0a-groups{display:grid;grid-template-columns:minmax(0,2fr) 7px minmax(0,1fr);gap:18px;height:100%}.p0a-group{min-width:0}.p0a-group h2{font:700 24px/1.1 'Open Sans Condensed',sans-serif;color:#111dff;margin:0 0 3px 5px;white-space:nowrap}.p0a-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:9px;height:calc(100% - 31px)}.p0a-free .p0a-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p0a-divider{background:#90999d;border-radius:8px;width:7px;height:87%;align-self:center}.p0a-card{border:0;background:none;min-width:0;padding:0;color:#0a0a0a;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;font-family:Arial,sans-serif}.p0a-card img{width:min(100%,142px);aspect-ratio:1;object-fit:contain;display:block;filter:drop-shadow(0 2px 1px #8099a7);transition:transform .17s ease,filter .17s ease}.p0a-card:hover img,.p0a-card:focus-visible img{transform:translate(-2px,-5px);filter:drop-shadow(4px 8px 4px #8296a7)}.p0a-card:active img{transform:translate(2px,2px) scale(.975);filter:drop-shadow(1px 1px 1px #8296a7)}.p0a-card strong{font:700 18px/1.15 Arial,sans-serif;margin-top:3px;white-space:nowrap}.p0a-card span{font:12px/1.38 Arial,sans-serif;margin-top:3px}.p0a-viewer{border:1px solid #a9c6d8;border-radius:15px;padding:22px 24px 13px;background:#eaf7ff;box-shadow:0 14px 60px #152a49a8;max-width:min(690px,90vw);max-height:92vh;text-align:center}.p0a-viewer::backdrop{background:#11263caa}.p0a-viewer img{width:min(600px,75vw,70vh);max-height:70vh;object-fit:contain}.p0a-viewer p{font:700 20px Arial,sans-serif;margin:5px}.p0a-close{position:absolute;right:7px;top:5px;border:0;background:transparent;font:32px Arial;cursor:pointer;color:#245c8b}@media(max-width:1100px){.p0a-groups{gap:12px}.p0a-grid{column-gap:10px}.p0a-card strong{font-size:clamp(11px,1.5vw,18px)}.p0a-card span{font-size:clamp(9px,1vw,12px)}.p0a-group h2{font-size:clamp(16px,2vw,24px)}}@media(max-width:760px){.page-catalog--matrix .catalog-content.p0a-content{overflow:auto!important}.p0a-groups{display:block}.p0a-divider{display:none}.p0a-grid,.p0a-free .p0a-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}.p0a-card{margin-bottom:14px}.p0a-card strong{font-size:16px}.p0a-card span{font-size:11px}.p0a-group h2{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.p0a-card img{transition:none}}

/* V16: allow translated titles to wrap without altering card dimensions or grid geometry. */
.p0a-card{text-decoration:none}.p0a-card strong{white-space:normal;overflow-wrap:anywhere}.p0a-card img{cursor:zoom-in}

/* V25: espaçamento e responsividade herdados da v23, sem suas alterações no viewer. */
@media (min-width:1051px){
 .p0a-page .p0a-group h2{margin-bottom:13px}
 .p0a-page .p0a-grid{height:calc(100% - 41px);row-gap:6px}
}
.p0a-page .p0a-card strong{max-width:100%;text-wrap:balance;line-height:1.2}
.p0a-page .p0a-card span{max-width:100%;text-wrap:pretty;overflow-wrap:break-word;line-height:1.3}

@media (max-width:1050px){
 .p0a-page{overflow:auto;align-items:flex-start;padding:14px}
 .p0a-page .catalog-stage{height:auto;min-height:calc(100dvh - 28px);max-width:820px;flex:1 1 auto}
 .p0a-page .catalog-main{height:auto;min-height:calc(100dvh - 28px);grid-template-rows:auto minmax(0,1fr) auto;overflow:visible}
 .p0a-page .catalog-header{min-height:56px;height:auto}
 .p0a-page .catalog-content.p0a-content{height:auto;min-height:0;padding:16px 20px 22px;overflow:visible!important}
 .p0a-page .p0a-groups{display:block;height:auto}
 .p0a-page .p0a-divider{display:none}
 .p0a-page .p0a-group h2{font-size:clamp(19px,3vw,24px);white-space:normal;margin:0 0 17px 0}
 .p0a-page .p0a-grid,.p0a-page .p0a-free .p0a-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;gap:24px 20px}
 .p0a-page .p0a-card{margin:0;min-width:0}
 .p0a-page .p0a-card img{width:min(100%,142px)}
 .p0a-page .p0a-card strong{font-size:clamp(15px,2.3vw,18px);max-width:180px}
 .p0a-page .p0a-card span{font-size:clamp(12px,1.65vw,14px);max-width:190px}
 .p0a-page .p0a-free{margin-top:32px}
 .p0a-page .catalog-footer{height:auto;min-height:30px;white-space:normal;flex-wrap:wrap;line-height:1.3;padding:6px}
}
@media (max-width:600px){
 .p0a-page{padding:10px;overflow:auto}
 .p0a-page .catalog-stage{min-height:calc(100dvh - 20px);height:auto}
 .p0a-page .catalog-main{min-height:calc(100dvh - 20px)}
 .p0a-page .catalog-header{gap:8px;min-height:54px;padding:8px;flex-wrap:nowrap}
 .p0a-page .catalog-brand{width:48%;max-width:48%}
 .p0a-page .catalog-title{font-size:clamp(15px,4.4vw,20px);flex-basis:auto;order:initial;text-align:right;overflow-wrap:anywhere}
 .p0a-page .catalog-content.p0a-content{padding:18px 14px 28px}
 .p0a-page .p0a-grid,.p0a-page .p0a-free .p0a-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .p0a-page .p0a-card img{width:min(100%,180px)}
 .p0a-page .p0a-card strong{font-size:18px;max-width:210px}
 .p0a-page .p0a-card span{font-size:13px;max-width:220px}
 .p0a-page .p0a-group h2{font-size:21px;margin-bottom:20px}
 .p0a-page .p0a-free{margin-top:38px}
}


/* V25: visualização não modal, sem moldura ou fundo adicional; hover restrito à imagem. */
.p0a-page .p0a-viewer{position:fixed;inset:0;margin:auto;width:max-content;height:max-content;max-width:95vw;max-height:90dvh;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;pointer-events:none;z-index:30;text-align:center}
.p0a-page .p0a-viewer img{display:block;width:min(420px,82vw,70dvh);height:auto;max-height:70dvh;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
.p0a-page .p0a-viewer p{font:700 20px Arial,sans-serif;margin:5px 0 0;text-shadow:0 1px 3px #fff}
.p0a-page .p0a-viewer .p0a-close{display:none}
.p0a-page .p0a-card img{cursor:pointer}

/* v26: only the approved transparent PNG is shown; no caption or framing. */
.p0a-page .p0a-viewer p,.p0a-page .p0a-viewer .p0a-close{display:none!important}
.p0a-page .p0a-viewer{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;pointer-events:none!important}
.p0a-page .p0a-viewer img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* v27: viewer sem dialog, fundo, moldura, botão ou backdrop. */
body.page-catalog--matrix .p0a-viewer{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:82vw;height:auto;max-height:78dvh;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;z-index:1000;overflow:visible}
body.page-catalog--matrix .p0a-viewer.is-visible{display:block}
body.page-catalog--matrix .p0a-viewer img{display:block;width:100%;height:auto;max-height:78dvh;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none}

/* V28 — P_0A: correção exclusivamente responsiva; desktop preservado. */
@media (max-width: 1050px) {
 body.page-catalog--matrix {display:block;min-height:100dvh;height:auto;overflow-x:hidden;overflow-y:auto;align-items:initial;justify-content:initial;padding:14px;}
 body.page-catalog--matrix .catalog-stage {display:block;box-sizing:border-box;width:100%;max-width:820px;height:auto;min-height:calc(100dvh - 28px);margin:0 auto;flex:none;}
 body.page-catalog--matrix .catalog-main {height:auto;min-height:calc(100dvh - 28px);display:flex;flex-direction:column;overflow:visible;padding:0;}
 body.page-catalog--matrix .catalog-header {flex:0 0 auto;min-height:56px;height:auto;gap:12px;}
 body.page-catalog--matrix .catalog-content.p0a-content {flex:1 0 auto;height:auto;min-height:0;padding:18px 20px 28px;overflow:visible!important;}
 body.page-catalog--matrix .p0a-groups {display:block;height:auto;}
 body.page-catalog--matrix .p0a-divider {display:none;}
 body.page-catalog--matrix .p0a-group h2 {font-size:24px;white-space:normal;margin:0 0 20px;line-height:1.15;}
 body.page-catalog--matrix .p0a-grid,body.page-catalog--matrix .p0a-free .p0a-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;gap:30px 24px;}
 body.page-catalog--matrix .p0a-card {margin:0;min-width:0;max-width:100%;}
 body.page-catalog--matrix .p0a-card img {width:min(100%,180px);height:auto;}
 body.page-catalog--matrix .p0a-card strong {font-size:19px;line-height:1.25;max-width:100%;white-space:normal;overflow-wrap:break-word;}
 body.page-catalog--matrix .p0a-card span {font-size:15px;line-height:1.45;max-width:260px;white-space:normal;overflow-wrap:break-word;}
 body.page-catalog--matrix .p0a-free {margin-top:40px;}
 body.page-catalog--matrix .catalog-footer {flex:0 0 auto;height:auto;min-height:34px;white-space:normal;flex-wrap:wrap;line-height:1.4;padding:8px;}
}
@media (max-width: 600px) {
 body.page-catalog--matrix {padding:10px;}
 body.page-catalog--matrix .catalog-stage {max-width:100%;min-height:calc(100dvh - 20px);}
 body.page-catalog--matrix .catalog-main {min-height:calc(100dvh - 20px);}
 body.page-catalog--matrix .catalog-header {min-height:58px;padding:8px 10px;gap:8px;}
 body.page-catalog--matrix .catalog-brand {width:48%;max-width:48%;}
 body.page-catalog--matrix .catalog-title {font-size:clamp(17px,4.7vw,21px);overflow-wrap:break-word;}
 body.page-catalog--matrix .catalog-content.p0a-content {padding:20px 18px 34px;}
 body.page-catalog--matrix .p0a-grid,body.page-catalog--matrix .p0a-free .p0a-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
 body.page-catalog--matrix .p0a-card img {width:min(100%,240px);}
 body.page-catalog--matrix .p0a-card strong {font-size:21px;line-height:1.25;max-width:100%;margin-top:7px;}
 body.page-catalog--matrix .p0a-card span {font-size:16px;line-height:1.45;max-width:290px;margin-top:6px;}
 body.page-catalog--matrix .p0a-group h2 {font-size:23px;margin:0 0 24px;}
 body.page-catalog--matrix .p0a-free {margin-top:46px;}
 body.page-catalog--matrix .p0a-viewer {display:none!important;}
}

/* V30 — correções pontuais solicitadas; preserva imagens, viewers e sons. */
@media (min-width:1051px){
 .p0a-page .p0a-group h2{margin-bottom:20px}
 .p0a-page .p0a-grid{height:calc(100% - 48px)}
}
/* O foco por mouse não deve deixar um retângulo preto após abrir nova aba.
   O foco visível de teclado permanece disponível. */
.p0a-page .p0a-card:focus:not(:focus-visible){outline:none}
.p0a-page .p0a-card:focus-visible{outline:2px solid #1264ce;outline-offset:3px;border-radius:4px}
@media(max-width:600px){
 body.p0a-page .catalog-header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}
 body.p0a-page .catalog-brand{flex:0 1 auto;width:46%;max-width:46%;min-width:0}
 body.p0a-page .catalog-title{flex:1 1 auto;min-width:0;max-width:none;order:initial;text-align:right;overflow-wrap:normal;word-break:normal;font-size:clamp(14px,3.8vw,18px);line-height:1.1}
}
