/* Banda de marcas auditadas por ADDAW (portada y certificaciones) */
.marcas { padding: 36px 0 28px; background: #fff; border-top: 1px solid #E6E9EE; border-bottom: 1px solid #E6E9EE; overflow: hidden; }
.marcas-gris { background: #F4F6F8; }
.marcas-cabecera { margin: 0 auto 20px !important; text-align: center; }
.marcas-cabecera h2 { font-size: 1.3rem; margin: 0 0 6px; color: #0B2239; }
.marcas-cabecera p { margin: 0; color: #5F6368; font-size: .95rem; }
.marcas-banda { position: relative; width: 100%; }
.marcas-pista-contenedor { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.marcas-pista { display: flex; width: max-content; animation: marcas-desplazar 60s linear infinite; }
.marcas-banda:hover .marcas-pista, .marcas-banda:focus-within .marcas-pista, .marcas-pausada .marcas-pista { animation-play-state: paused; }
.marcas-lista { list-style: none; margin: 0; padding: 0 24px; display: flex; align-items: center; gap: 48px; flex: 0 0 auto; }
.marcas-lista li { display: flex; align-items: center; justify-content: center; }
.marcas-lista img { height: 44px; width: auto; max-width: 190px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .25s, opacity .25s; }
.marcas-lista li:hover img, .marcas-lista li:focus-within img { filter: none; opacity: 1; }
.marcas-pausa { display: block; margin: 18px auto 0; background: none; border: 1px solid #C9D0DA; border-radius: 16px; padding: 4px 14px; font-size: .8rem; color: #5F6368; cursor: pointer; }
.marcas-pausa:hover { background: #F4F6F8; color: #0B2239; }
.marcas-pausa:focus-visible { outline: 3px solid #0B2239; outline-offset: 2px; }
@keyframes marcas-desplazar { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    .marcas-pista { animation: none; width: auto; }
    .marcas-lista { flex-wrap: wrap; justify-content: center; gap: 22px 40px; max-width: 1100px; margin: 0 auto; }
    .marcas-lista-copia, .marcas-pausa { display: none; }
}
@media (max-width: 767px) {
    .marcas { padding: 28px 0 22px; }
    .marcas-lista { gap: 28px; padding: 0 14px; }
    .marcas-lista img { height: 32px; max-width: 140px; }
    .marcas-pista { animation-duration: 45s; }
}
@media (forced-colors: active) {
    .marcas-lista img { filter: none; opacity: 1; }
}