@charset "UTF-8";
/* Inpasa - Certificaciones, Premios y Reconocimientos (marcador inpasa-cert-).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
.page-id-4249 .inpasa-revela{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out;}
.page-id-4249 .inpasa-revela.inpasa-in-view{opacity:1;transform:none;}
/* hover dos quadros: sobe, ganha sombra e borda laranja; o logo cresce levemente */
.page-id-4249 .inpasa-cert-card{transition:opacity .7s ease-out,transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.page-id-4249 .inpasa-cert-card.inpasa-in-view:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(31,58,95,.14);border-color:#eaa239;}
.page-id-4249 .inpasa-cert-logo img{transition:transform .35s ease;}
.page-id-4249 .inpasa-cert-card:hover .inpasa-cert-logo img{transform:scale(1.07);}
.page-id-4249 .inpasa-cert-texto h3{transition:color .35s ease;}
.page-id-4249 .inpasa-cert-card:hover .inpasa-cert-texto h3{color:#c98607;}
/* premios: leve zoom na foto */
.page-id-4249 .inpasa-premio-foto{overflow:hidden;border-radius:18px;}
.page-id-4249 .inpasa-premio-foto img{transition:transform .5s ease;}
.page-id-4249 .inpasa-premio-card:hover .inpasa-premio-foto img{transform:scale(1.05);}
@media(prefers-reduced-motion:reduce){
	.page-id-4249 .inpasa-revela{opacity:1;transform:none;transition:none;}
	.page-id-4249 .inpasa-cert-card:hover,.page-id-4249 .inpasa-cert-card:hover .inpasa-cert-logo img,.page-id-4249 .inpasa-premio-card:hover .inpasa-premio-foto img{transform:none;}
}
/* Certificaciones, Premios y Reconocimientos (pagina 13 do LAYOUT
   INPASA WEB.pdf): certificacoes em 2 colunas com o logo a esquerda,
   premios em cards com foto no topo. */
.inpasa-secao-titulo{max-width:1320px;margin:56px auto 28px;text-align:center;color:#1f3a5f;font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;box-sizing:border-box;}
@media(max-width:767px){.inpasa-secao-titulo{font-size:24px;margin-top:40px;}}
.inpasa-cert-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:26px;box-sizing:border-box;}
@media(max-width:900px){.inpasa-cert-grid{grid-template-columns:1fr;}}
.inpasa-cert-card{display:flex;align-items:center;gap:26px;border:1px solid #dcdcdc;border-radius:26px;padding:26px 30px;background:#fff;box-sizing:border-box;}
.inpasa-cert-logo{flex:0 0 140px;display:flex;align-items:center;justify-content:center;}
.inpasa-cert-logo img{max-width:140px;max-height:130px;width:auto;height:auto;display:block;}
.inpasa-cert-texto h3{margin:0 0 8px;font-size:16px;line-height:1.3;color:#1f3a5f;font-weight:700;}
.inpasa-cert-texto p{margin:0;font-size:13.5px;line-height:1.55;color:#444;}
.inpasa-cert-texto p+p,.inpasa-cert-texto ul+p{margin-top:8px;}
.inpasa-cert-texto ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5;color:#444;}
.inpasa-cert-texto li{margin:0;}
@media(max-width:520px){
	.inpasa-cert-card{flex-direction:column;align-items:flex-start;gap:16px;padding:22px;}
	.inpasa-cert-logo{flex:none;}
}
.inpasa-premios-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start;box-sizing:border-box;}
@media(max-width:1000px){.inpasa-premios-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.inpasa-premios-grid{grid-template-columns:1fr;}}
.inpasa-premio-foto img{width:100%;height:230px;object-fit:cover;border-radius:18px;display:block;}
.inpasa-premio-texto h3{margin:18px 0 12px;font-size:19px;line-height:1.3;color:#1f3a5f;font-weight:700;}
.inpasa-premio-texto p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#444;}
/* mesmo botao aprovado em Quienes somos (.inpasa-btn-outline); !important porque o
   tema pinta links e botoes com especificidade maior */
.inpasa-premio-btn{display:inline-block;margin-top:6px;background:transparent!important;border:2px solid #1f3a5f!important;color:#1f3a5f!important;text-decoration:none!important;padding:10px 28px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.inpasa-premio-btn:hover,.inpasa-premio-btn:focus-visible{background:#eaa239!important;border-color:#eaa239!important;color:#1f3a5f!important;}
/* Layout novo (LAYOUT INPASA WEB certificaciones-novo.pdf, John 2026-09-30):
   ACREDITACION + CERTIFICACIONES em grupos. Cada .inpasa-cert-grupo e full-bleed
   (padrao 4.1 do MAPA-TECNICO) para a aba azul vertical encostar na borda
   esquerda da tela; a aba e filha do grid, posicionada em absoluto na area da
   1a linha (grid-row/column), entao tem sempre a altura da primeira linha de
   cards. Texto de baixo para cima: vertical-rl + rotate(180deg) - por isso o
   raio fica "invertido" no CSS e aparece do lado direito na tela. */
.inpasa-cert-grupo{--cert-max:1600px;--cert-pad:110px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 var(--cert-pad);box-sizing:border-box;}
.inpasa-cert-grupo+.inpasa-cert-grupo{margin-top:56px;}
.inpasa-cert-grupo .inpasa-cert-card{min-height:240px;}
.inpasa-cert-grupo .inpasa-cert-grid{position:relative;max-width:var(--cert-max);}
.inpasa-cert-grid--solo .inpasa-cert-card{grid-column:1/-1;justify-self:center;width:calc(50% - 13px);}
.inpasa-cert-aba{position:absolute;grid-row:1/2;grid-column:1/2;top:0;bottom:0;left:calc((100vw - min(var(--cert-max),100vw - 2 * var(--cert-pad))) / -2);width:86px;display:flex;align-items:center;justify-content:center;background:#0f4b7e;color:#fff;border-radius:44px 0 0 44px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:28px;font-weight:300;letter-spacing:.01em;white-space:nowrap;}
@media(max-width:900px){
	.inpasa-cert-grupo{--cert-pad:20px;}
	.inpasa-cert-grupo+.inpasa-cert-grupo{margin-top:40px;}
	.inpasa-cert-grid--solo .inpasa-cert-card{width:100%;}
	.inpasa-cert-grupo .inpasa-cert-card{min-height:0;}
	.inpasa-cert-aba{position:static;grid-row:auto;grid-column:1/-1;justify-self:start;width:auto;margin-left:calc(-1 * var(--cert-pad));padding:8px 28px 8px var(--cert-pad);writing-mode:horizontal-tb;transform:none;border-radius:0 24px 24px 0;font-size:20px;}
}
/* Telas acima de 1920px (largura do PDF): em vez de encostar na borda da tela,
   longe dos cards, a aba vira um bloco "boxed" colado a esquerda do grid
   (86px + 24px de respiro = --cert-pad), com os 4 cantos arredondados. */
@media(min-width:1921px){.inpasa-cert-aba{left:calc(-1 * var(--cert-pad));border-radius:44px;}}