/* Categorias laterales del catalogo */
.vmt-catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;margin:28px 0}
.vmt-catalog-layout #categories{background:#fff;border-radius:18px;padding:18px;position:sticky;top:20px;min-width:0}
.vmt-catalog-layout #categories h2{font-size:1.25rem;margin:0 0 16px;color:#173d58}
.vmt-catalog-layout #categoryButtons{display:flex;flex-direction:column;gap:7px}
.vmt-catalog-layout #categoryButtons button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;color:#173d58;font-size:.95rem;line-height:1.35;transition:background .2s,box-shadow .2s}
.vmt-catalog-layout #categoryButtons button .art-icon{width:30px;height:30px;flex:0 0 30px}
.vmt-catalog-layout #categoryButtons button:hover,.vmt-catalog-layout #categoryButtons button:focus-visible{background:linear-gradient(110deg,#b9e0f4,#ddf2fb,#f1fbff);box-shadow:0 3px 9px #173d581c}
.vmt-catalog-layout #categoryButtons button[aria-pressed="true"]{background:linear-gradient(110deg,#acd8ef,#e1f3fc);box-shadow:inset 3px 0 #2385af}
.vmt-catalog-layout #categoryButtons button:focus-visible{outline:2px solid #2385af;outline-offset:2px}
.vmt-catalog-layout #catalog{min-width:0}
@media(min-width:1001px){.vmt-catalog-layout #products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.vmt-catalog-layout{grid-template-columns:minmax(0,1fr);gap:18px}.vmt-catalog-layout #categories{position:static}.vmt-catalog-layout #categoryButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.vmt-catalog-layout #categoryButtons button{transition:none}}

/* Menu alineado con el banner y catalogo a la derecha. */
.vmt-catalog-layout{margin:18px 0;row-gap:20px}
.vmt-catalog-layout #categories{grid-column:1;grid-row:1 / span 2}
.vmt-catalog-layout .vmt-carousel{grid-column:2;grid-row:1;margin:0;min-width:0;border-radius:16px}
.vmt-catalog-layout #catalog{grid-column:2;grid-row:2}
.vmt-catalog-layout .vmt-slide{grid-template-columns:minmax(0,1fr) 125px;padding:18px 22px;gap:18px;min-height:190px}
.vmt-catalog-layout .vmt-slide h1,.vmt-catalog-layout .vmt-slide h2{font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:6px auto 10px}
.vmt-catalog-layout .vmt-slide p{font-size:15px;line-height:1.45;margin:8px auto}
.vmt-catalog-layout .vmt-mascot{max-height:125px}
.vmt-catalog-layout .vmt-slide .button{font-size:15px;min-width:150px;padding:9px 18px;margin-top:12px}
.vmt-catalog-layout .vmt-controls{padding:6px 16px 10px;gap:10px}
.vmt-catalog-layout .vmt-eyebrow{font-size:12px}
@media(max-width:1000px) and (min-width:801px){.vmt-catalog-layout .vmt-slide{grid-template-columns:minmax(0,1fr) 85px;padding:16px;gap:10px}.vmt-catalog-layout .vmt-mascot{max-height:100px}}
@media(max-width:800px){.vmt-catalog-layout .vmt-carousel{grid-column:1;grid-row:1}.vmt-catalog-layout #categories{grid-column:1;grid-row:2}.vmt-catalog-layout #catalog{grid-column:1;grid-row:3}.vmt-catalog-layout .vmt-slide{grid-template-columns:minmax(0,1fr) 80px;padding:18px 14px;gap:10px;min-height:190px}.vmt-catalog-layout .vmt-mascot{max-height:95px}}
@media(max-width:420px){.vmt-catalog-layout .vmt-slide{grid-template-columns:minmax(0,1fr)}.vmt-catalog-layout .vmt-mascot{display:none}}

.vmt-catalog-layout #categoryButtons .art-icon{background-size:contain;background-repeat:no-repeat;background-position:center}