@charset "UTF-8";

.marcas-page {
  --marcas-navy: #011c3d;
  --marcas-orange: #f47321;
  --marcas-gray: #f4f6f9;
  color: var(--marcas-navy);
}

.marcas-intro { padding: 24px; background: var(--marcas-gray); text-align: center; }
.marcas-intro__inner { max-width: 820px; margin: 0 auto; }
.marcas-intro h2 { margin: 0 0 2px; color: #111; font: 700 clamp(20px, 2vw, 26px)/1.2 "Poppins", sans-serif; }
.marcas-intro__text { margin: 0; color: #111; font: 400 clamp(16px, 1.6vw, 21px)/1.3 "Poppins", sans-serif; }

.marcas-catalogo { padding: 80px 0; background: #fff; }
.marcas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.brand-card-PTM { aspect-ratio: 2.05 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 18px; background: #061326; color: #fff; text-align: center; text-decoration: none; box-shadow: 0 8px 24px rgba(1,28,61,.08); transition: transform .3s ease, box-shadow .3s ease; }
.brand-card-PTM:hover { transform: translateY(-5px); box-shadow: 0 18px 34px rgba(1,28,61,.18); }
.brand-card-PTM img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .45s ease; }
.brand-card-PTM:hover img { transform: scale(1.025); }
.brand-logo-fallback { padding: 24px; color: #fff; font: 700 28px/1.2 "Inter", sans-serif; }
.marcas-empty { grid-column: 1/-1; text-align: center; }

@media (max-width: 812px) {
  .marcas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}

@media (max-width: 560px) {
  .marcas-intro { padding: 22px 18px; }
  .marcas-catalogo { padding: 55px 0; }
  .marcas-grid { grid-template-columns: 1fr; }
  .brand-card-PTM { border-radius: 14px; }
}