/* Light metallic cards; complete institutional data and direct contact links. */
.organization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px;align-items:stretch}
.organization-card{min-width:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 0%,#f5f6f7 30%,#e8ebee 65%,#fafbfc 100%);border:1px solid #c9cfd4;border-top-color:#fff;border-radius:10px;padding:18px;color:#243d42;box-shadow:inset 0 1px 0 #fff,0 3px 12px #233b4010;scroll-margin-top:24px}
.organization-logo{width:88px;height:88px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #c6cdd2;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 7px #2039400c}
.organization-logo img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;border-radius:50%}
.organization-info{min-width:0;padding-bottom:14px}
.organization-info h3{color:#173b40;font-size:18px;font-weight:650;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere;margin:12px 0 9px}
.organization-details-body{display:grid;gap:5px}
.organization-info p{font-size:13px;line-height:1.45;overflow-wrap:anywhere;margin:0;color:#4a5962}
.organization-trade-name span{font-size:11px;font-weight:650;letter-spacing:.02em;color:#36555b;margin-right:5px}
.organization-trade-name span::after{content:':'}
.organization-cnpj span{font-weight:650;font-size:11px;margin-right:4px;color:#36555b;letter-spacing:.025em}
.organization-status{padding-left:9px;border-left:2px solid #a4afb5}
.organization-card-footer{display:flex;align-items:flex-end;gap:8px;margin-top:auto}
.organization-contacts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.organization-contact{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:8px;border:1px solid #b9c4cb;border-radius:6px;min-width:0;color:#24464d;font-size:12px;font-weight:600;line-height:1.25;text-decoration:none;background:#ffffffa8}
.organization-contact svg{flex-shrink:0;width:16px;height:16px}
a.organization-contact:hover{background:#fff;border-color:#6c8d96}
.organization-contact.channel-whatsapp{background:#e5f0e8;border-color:#b3cabb;color:#285d3d}
.organization-contact.channel-whatsapp:hover{background:#d9ebdf;border-color:#759d83}
.organization-contact:focus-visible{outline:3px solid #1e7482;outline-offset:3px}
.type-portfolio{padding-top:32px;padding-bottom:40px}
.type-portfolio .section-heading{align-items:flex-start;gap:28px;margin-bottom:18px}
.type-portfolio .section-heading h2{font-size:32px}
.type-portfolio .section-heading>p{max-width:720px;font-size:14px;line-height:1.55}
.portfolio-intro{padding-top:18px;padding-bottom:40px}
.portfolio-intro>.eyebrow{display:none}
.portfolio-intro>h1{font-size:30px;line-height:1.15;margin:0 0 8px}
.portfolio-intro>.lead{max-width:none;font-size:14px;line-height:1.5;margin:0}
@media(max-width:1100px){.organization-card{padding:16px}.organization-contact{min-height:44px;padding:8px 7px}}
@media(max-width:950px){.organization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.type-portfolio .section-heading{flex-direction:column;gap:12px}.type-portfolio .section-heading>p{max-width:100%}}
@media(max-width:620px){.organization-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.organization-card{padding:20px}.organization-logo{width:96px;height:96px;padding:0}.organization-info h3{font-size:19px;line-height:1.3;margin-top:16px}.organization-info p{font-size:14px;line-height:1.5}.organization-info{padding-bottom:18px}.portfolio-intro{padding:24px 18px 36px}}
@media(max-width:380px){.organization-card{padding:16px}.organization-contacts{gap:5px}.organization-contact{padding:8px;font-size:12px}}

#organizacao-gp-paepai .organization-logo{padding:4px}
#organizacao-gp-paepai .organization-logo img{object-fit:contain;border-radius:0}

.portfolio-cover .framed-project{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;overflow:hidden;background:#fff}.portfolio-cover .framed-project img{width:100%;height:100%;display:block}
