/* índice de marcas con filtros y logo animado */
.idx .filters{display:grid;gap:14px;padding:0 max(16px,6vw) 26px;max-width:1440px;margin:0 auto}
.idx .fg{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start}
.idx .fl{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding-top:9px;opacity:.75}
.idx .fb{display:flex;flex-wrap:wrap;gap:8px}
.idx .fb button{font:600 14px/1 var(--fb,system-ui);color:#151413;background:transparent;border:1px solid rgba(21,20,19,.3);border-radius:999px;padding:9px 14px;cursor:pointer}
.idx .fb button:hover{border-color:#151413}
.idx .fb button[aria-pressed="true"]{background:#151413;color:#F4F1EB;border-color:#151413}
.idx .cnt{font-size:14px;opacity:.75}
.idx .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);padding:0 max(16px,6vw);max-width:1440px;margin:0 auto}
.idx .card{position:relative;list-style:none}
.idx .card[hidden]{display:none}
.idx .card>a{display:block;height:100%;text-decoration:none;background:var(--bg);color:var(--ink);border:1px solid rgba(21,20,19,.14);transition:transform .2s ease}
.idx .card>a:hover{transform:translateY(-3px)}
.idx .media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg)}
.idx .media img,.idx .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.idx .media video{opacity:0;transition:opacity .15s}
.idx .card.on .media video{opacity:1}
.idx .pb{position:absolute;right:10px;top:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(21,20,19,.78);color:#fff;display:grid;place-items:center;cursor:pointer}
.idx .pb svg{width:16px;height:16px}
.idx .card.on .pb .i1{display:none}.idx .pb .i2{display:none}.idx .card.on .pb .i2{display:block}
.idx .ct{padding:16px 18px 20px;display:grid;gap:6px;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.idx .ct .lang{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink);opacity:.8;font-family:system-ui,sans-serif}
.idx .ct .wm{font-family:var(--fd);font-size:clamp(28px,2.8vw,40px);line-height:1}
.idx .ct .cs{font-size:14.5px;font-family:system-ui,sans-serif;opacity:.85}
.idx .ct .cf{font-size:12.5px;font-family:system-ui,sans-serif;opacity:.65}
.idx .ct .cp{display:flex;gap:4px;margin-top:4px}
.idx .ct .cp li{width:22px;height:12px;border:1px solid rgba(0,0,0,.15)}
.idx .none{text-align:center;padding:30px 16px;font-size:17px}
@media (max-width:1100px){.idx .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.idx .cards{gap:10px}.idx .ct{padding:10px 10px 14px;gap:4px}.idx .ct .wm{font-size:24px}.idx .ct .cf{display:none}.idx .ct .cs{font-size:13px}.idx .ct .lang{font-size:10.5px}.idx .fg{grid-template-columns:1fr;gap:6px}.idx .fl{padding-top:0}.idx .fb button{font-size:13px;padding:8px 11px}}
@media (prefers-reduced-motion:reduce){.idx .card>a:hover{transform:none}}
.idx .ct .lang{color:#151413;opacity:.7}
