/* === SECCION DE MARCAS (estilo "Collections" de TAG Heuer) === */
  body.vista-catalogo #marcas{display:none;}
  #marcas{position:relative;z-index:1;background:#fff;text-align:center;padding:clamp(20px,2.4vw,40px) clamp(16px,1.6vw,24px) clamp(32px,4vw,64px);scroll-margin-top:calc(var(--header-h,90px) - 4px);}
  .marcas-titulo{font-family:var(--font-titulo);font-weight:800;font-size:var(--fs-titulo);line-height:24px;letter-spacing:.01em;text-transform:uppercase;color:var(--black);}
  .marcas-sub{font-size:var(--fs-texto);line-height:20px;color:var(--gris-texto);margin-top:12px;}
  .marcas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,.7vw,12px);max-width:1560px;margin:clamp(26px,2.8vw,40px) auto 0;}
  .marca-card{display:flex;flex-direction:column;background:var(--black);color:#fff;text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent;}
  .marca-foto{aspect-ratio:1/1;overflow:hidden;background:#e4e4e7;}
  .marca-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;transition:transform .9s var(--ease);}
  /* barra negra con el logo de la marca en blanco */
  .marca-txt{display:flex;align-items:center;justify-content:center;height:clamp(64px,6vw,92px);padding:0 12px;background:var(--black);}
  /* Los tres logos (simbolo + nombre) con la misma altura, centrados en la barra */
  .marca-logo{display:block;width:auto;height:clamp(28px,2.9vw,44px);max-width:80%;object-fit:contain;margin:0 auto;}
  .marca-card:focus-visible{outline:2px solid var(--black);outline-offset:3px;}
  @media (hover:hover){ .marca-card:hover .marca-foto img{transform:scale(1.04);} }
  #marcas .regla-seccion{width:100%;margin-top:clamp(40px,5vw,72px);}
  .marcas-grid .gen-reveal:nth-child(2){transition-delay:.1s;}
  .marcas-grid .gen-reveal:nth-child(3){transition-delay:.2s;}
  @media (min-width:821px){
    .marcas-titulo{font-size:clamp(22px,1.9vw,30px);line-height:1.1;}
  }
  /* celular: las tres tarjetas a la vista, mas pequenas */
  @media (max-width:820px){
    .marcas-grid{gap:6px;}
    .marca-foto{aspect-ratio:3/4;}
    .marca-txt{height:46px;padding:0 6px;}
    .marca-logo{height:24px;}
  }