/* ===== /marcas — encabezado con foto (.tc-size-hero, en
   page/search/showBySize.css, igual que /medida), navbar flotante encima,
   y debajo la cuadrícula de logos de las marcas. ===== */
/* Título bajo la foto del hero (la foto ya no lleva texto): el hero se acorta
   y el título sube un poco para quedar pegado a la zona difuminada, sin
   encimarse con las llantas. */
.tc-size-hero.tc-p-hero-band { min-height: 300px; }
.tc-brands-head { margin-top: -10px; position: relative; }
.tc-brands-head h1 { color: var(--tc-p-text, #fff); }
.tc-brands-head p { color: var(--tc-p-text, #fff); opacity: .65; }
.tc-brands-grid {
    display: grid;
    /* minmax(0, 1fr), no 1fr a secas: el mínimo implícito de una columna
       1fr es "auto" (se ajusta al contenido más ancho que tenga esa
       columna en TODO el grid, como el texto sin partir de "ANTARES" o
       "AMBERSTONE") y las 6/4/2 columnas terminaban con anchos distintos
       entre sí. Con minmax(0, 1fr) todas quedan exactamente iguales. */
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    padding: 40px 0 60px;
}
/* 2 por fila (no 4): con 4 columnas en tablet nombres largos como
   "Grandstone(Premium)" no cabían y se salían de la tarjeta. */
@media (max-width: 991.98px) { .tc-brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .tc-brands-grid { gap: 12px; } }

/* Solo el logo de cada marca (sin nombre). Placa blanca fija detrás + multiply
   en el logo: el fondo blanco propio de cada logo se funde con la placa (sin
   recuadro visible) y los PNG transparentes también quedan sobre blanco, en
   claro y en oscuro (multiply solo, sin placa, los dejaba casi negros en
   oscuro). */
.tc-brand-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 10px 16px;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
}
.tc-brand-tile img {
    width: 100%;
    height: 52px;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform .15s ease;
}
.tc-brand-tile:hover img { transform: scale(1.06); }