/* Retícula centrada y tamaños visuales consistentes en el inicio. */
main .brand-list.tk-brand-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px!important;align-items:stretch}
main .tk-brand-grid>.brand-option{display:grid!important;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:12px;width:calc((100% - 48px)/4);flex:0 0 calc((100% - 48px)/4);min-width:0;min-height:120px;box-sizing:border-box;padding:20px!important;background:#fff!important;border:1px solid #e4e5e8!important;border-radius:12px!important;box-shadow:0 2px 5px rgb(18 24 32 / 2%);text-decoration:none;position:relative;overflow:hidden;isolation:isolate;transition:border-color .38s ease,box-shadow .38s ease}
main .tk-brand-grid .tk-brand-logo{display:grid!important;place-items:center;width:72px;height:46px;overflow:hidden;flex:none;margin:0!important}
main .tk-brand-grid .tk-brand-logo>.brand-mark{display:block;width:72px!important;height:46px!important;max-width:none!important;object-fit:contain!important;margin:0!important;filter:none!important;animation:none!important;transform:scale(var(--tk-logo-scale,1))!important}
main .tk-brand-grid [data-tk-brand="renault"]{--tk-logo-scale:1.1}
main .tk-brand-grid [data-tk-brand="kia"]{--tk-logo-scale:1.5}
main .tk-brand-grid [data-tk-brand="hyundai"]{--tk-logo-scale:1.15}
main .tk-brand-grid [data-tk-brand="byd"]{--tk-logo-scale:1.2}
main .tk-brand-grid [data-tk-brand="zotye"]{--tk-logo-scale:1.1}
main .tk-brand-grid .tk-brand-name{display:block;min-width:0;margin:0!important;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;color:#171717;text-align:left}
main .tk-brand-grid .tk-brand-arrow{display:block;width:18px;margin:0!important;font-size:18px;line-height:1;color:#626873;text-align:right}
main .tk-brand-grid>.brand-option:focus-visible{outline:3px solid #d7192d;outline-offset:3px}
@media(hover:hover) and (pointer:fine){main .tk-brand-grid>.brand-option:hover{border-color:#e5b8be!important;box-shadow:0 7px 22px rgb(58 25 30 / 6%);transform:none!important}main .tk-brand-grid>.brand-option:hover .tk-brand-arrow{color:#d7192d}}
@media(max-width:1100px){main .tk-brand-grid>.brand-option{grid-template-columns:60px minmax(0,1fr) 16px;gap:10px;padding:16px!important}main .tk-brand-grid .tk-brand-logo{width:60px}main .tk-brand-grid .tk-brand-logo>.brand-mark{width:60px!important}}
@media(max-width:900px){main .tk-brand-grid>.brand-option{width:calc((100% - 16px)/2);flex-basis:calc((100% - 16px)/2);grid-template-columns:72px minmax(0,1fr) 18px;padding:20px!important}main .tk-brand-grid .tk-brand-logo{width:72px}main .tk-brand-grid .tk-brand-logo>.brand-mark{width:72px!important}}
@media(max-width:540px){main .brand-list.tk-brand-grid{gap:12px!important}main .tk-brand-grid>.brand-option{width:calc((100% - 12px)/2);flex-basis:calc((100% - 12px)/2);grid-template-columns:42px minmax(0,1fr) 12px;gap:7px;padding:12px!important;min-height:104px;border-radius:10px!important}main .tk-brand-grid .tk-brand-logo{width:42px;height:38px}main .tk-brand-grid .tk-brand-logo>.brand-mark{width:42px!important;height:38px!important}main .tk-brand-grid .tk-brand-name{font-size:12px}main .tk-brand-grid .tk-brand-arrow{font-size:15px;width:12px}}

main .tk-brand-grid .tk-brand-name,main .tk-brand-grid .tk-brand-arrow{font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:380px){main .tk-brand-grid>.brand-option{grid-template-columns:32px minmax(0,1fr) 10px;gap:6px;padding:10px!important}main .tk-brand-grid .tk-brand-logo{width:32px}main .tk-brand-grid .tk-brand-logo>.brand-mark{width:32px!important}main .tk-brand-grid .tk-brand-name{font-size:11px}main .tk-brand-grid .tk-brand-arrow{width:10px;font-size:14px}}

@media(max-width:380px){main .tk-brand-grid>.brand-option{grid-template-columns:28px minmax(0,1fr) 10px;gap:5px;padding:8px!important}main .tk-brand-grid .tk-brand-logo{width:28px}main .tk-brand-grid .tk-brand-logo>.brand-mark{width:28px!important}}
/* Aparición suave de color: sin vehículos, saltos ni destellos que recorren el botón. */
main .tk-brand-grid>.brand-option::before{content:"";display:block!important;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,0) 8%,rgba(215,25,45,.065) 100%);opacity:0;pointer-events:none;z-index:0;transform:none!important;animation:none!important;transition:opacity .42s ease}
main .tk-brand-grid>.brand-option::after{content:none!important;display:none!important;animation:none!important}
main .tk-brand-grid>.brand-option>.tk-brand-logo,main .tk-brand-grid>.brand-option>.tk-brand-name,main .tk-brand-grid>.brand-option>.tk-brand-arrow{position:relative;z-index:1}
main .tk-brand-grid>.brand-option>.tk-brand-arrow{transition:color .35s ease,opacity .35s ease;transform:none!important}
@media(hover:hover) and (pointer:fine){main .tk-brand-grid>.brand-option:hover::before{opacity:1}}
main .tk-brand-grid>.brand-option:focus-visible::before{opacity:1}
main .tk-brand-grid>.brand-option:focus-visible{border-color:#e5b8be!important;box-shadow:0 7px 22px rgb(58 25 30 / 6%)}
main .tk-brand-grid>.brand-option:focus-visible .tk-brand-arrow{color:#d7192d}
@media(prefers-reduced-motion:reduce){main .tk-brand-grid>.brand-option::before{transition:none}}