/* Shared logo sizing across home, catalog details, articles, and project pages. */
.v2 .brand img,
.detail-brand img,
.content-header > a > img {
  width: 232px;
  height: auto;
  object-fit: contain;
}
.v2 .footer-brand img,
.detail-footer > img,
.content-site > footer > img {
  width: 260px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 980px) {
  .v2 .brand img,
  .detail-brand img,
  .content-header > a > img { width: 190px; }
}
@media (max-width: 680px) {
  .v2 .brand img,
  .detail-brand img,
  .content-header > a > img { width: 180px; max-width: 100%; }
  .detail-header { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  .detail-header-wa { font-size: 10px; padding-inline: 12px; }
  .content-header { height: auto; min-height: 84px; padding: 16px 20px; gap: 14px; flex-wrap: wrap; }
  .v2 .footer-brand img,
  .detail-footer > img,
  .content-site > footer > img { width: 220px; max-width: 100%; }
}

.v2 .footer-socials { display: flex; align-items: center; gap: 12px; }
.v2 .footer-socials a, .v2 .footer-socials .social-pending { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border: 1px solid #d9d4ca; border-radius: 50%; color: #353535; transition: color .2s, border-color .2s, background .2s; }
.v2 .footer-socials svg { width: 23px; height: 23px; }
.v2 .footer-socials a:hover, .v2 .footer-socials a:focus-visible { color: #a55a00; border-color: #c57c15; background: #fff5e4; }
.v2 .footer-socials a:focus-visible { outline: 2px solid #a55a00; outline-offset: 3px; }

.v2 .footer-socials-colored a, .v2 .footer-socials-colored .social-pending { border:0; width:48px; height:48px; color:#fff; box-shadow:0 3px 9px #00000014; }
.v2 .footer-socials-colored [aria-label="Instagram"] { background:radial-gradient(circle at 30% 105%,#ffdc80 0%,#fcaf45 18%,#f77737 30%,#e1306c 50%,#c13584 65%,#833ab4 85%,#405de6 100%); }
.v2 .footer-socials-colored [aria-label="WhatsApp"] { background:#25d366; }
.v2 .footer-socials-colored [aria-label^="TikTok"] { background:#101010; }
.v2 .footer-socials-colored [aria-label^="TikTok"] svg { filter:drop-shadow(-1.3px -1px 0 #25f4ee) drop-shadow(1.3px 1px 0 #fe2c55); }
.v2 .footer-socials-colored svg {width:25px;height:25px}
.v2 .footer-socials-colored a:hover, .v2 .footer-socials-colored a:focus-visible {color:#fff;filter:brightness(1.08);}
