.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:start}.catalog-results{min-width:0}.category-panel{border:1px solid #ddd8ea;border-radius:14px;background:#faf9fd;overflow:hidden}.category-panel summary{padding:17px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.category-panel nav{padding:0 9px 12px;max-height:650px;overflow:auto}.category-panel button{display:block;width:100%;text-align:left;padding:11px 12px 11px calc(12px + var(--depth,0)*13px);border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}.category-panel button:hover{background:#eee9fa}.category-panel button[aria-pressed=true]{background:#5019ea;color:white;font-weight:700}.catalog-results .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-results .filters .search{grid-column:1/-1;min-width:0}.catalog-results #category[hidden]{display:none!important}.catalog-results .filters select{width:100%;min-width:0}.catalog-sort-label{font-size:11px;display:flex;flex-direction:column;gap:5px}.catalog-sort-label select{flex:1}.catalog-active{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.catalog-active button{border:1px solid #ded8ec;border-radius:30px;background:#f4f0ff;color:#4016b0;padding:7px 11px;font:inherit;font-size:11px;cursor:pointer}.catalog-active .clear-all{background:white;color:#555}.catalog-results .catalog-toolbar{flex-wrap:wrap;gap:10px}.catalog-results .catalog-row{min-width:0}.catalog-access{max-width:1200px;margin:25px auto;padding:22px 28px;background:#f5f2fc;border:1px solid #e6e0f3;border-radius:14px}.catalog-access label{display:block;font-weight:700;margin-bottom:10px}.catalog-access>div{display:flex;gap:10px}.catalog-access input{min-width:0;flex:1;background:white;border:1px solid #d5cfdf;border-radius:8px;padding:13px;font:inherit}.catalog-access button{border:0;background:#5019ea;color:white;border-radius:8px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}.category-panel button:focus-visible,.catalog-access button:focus-visible,.catalog-active button:focus-visible{outline:3px solid #5019ea;outline-offset:3px}#catalogo{scroll-margin-top:95px}@media(max-width:1100px){.catalog-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.catalog-results .catalog-row{grid-template-columns:auto minmax(0,1fr)}.catalog-results .row-price,.catalog-results .row-actions{grid-column:2}.catalog-results .catalog-row:not(.with-photo) .row-info,.catalog-results .catalog-row:not(.with-photo) .row-price,.catalog-results .catalog-row:not(.with-photo) .row-actions{grid-column:1/-1}}@media(max-width:900px){.catalog-layout{grid-template-columns:minmax(0,1fr)}.category-panel nav{max-height:330px}.catalog-access{margin:20px 16px;padding:18px}.catalog-results .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-sort-label{grid-column:1/-1}.catalog-access>div{flex-wrap:wrap}.catalog-access button{width:100%}.catalog-access input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){#catalogo{scroll-behavior:auto}}
.category-panel #category-tree{display:block;position:static;flex-direction:column;width:auto;min-width:0;gap:0}.category-panel #category-tree button{white-space:normal;letter-spacing:normal;min-width:0;max-width:100%;height:auto;flex:none}.catalog-results .filters>select{align-self:end}.catalog-results .filters>select,.catalog-sort-label select{height:44px}

/* Vista de catálogo: tres tarjetas en computadora. */
@media(min-width:901px){#catalogo #catalog-grid.grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
/* La búsqueda superior comparte los márgenes del banner. */
.catalog-access{max-width:none;margin:25px 5%;}
@media(max-width:900px){.catalog-access{margin:20px 5%;}}

/* Barra contenida en el mismo ancho de las secciones. */
.content > .catalog-access{width:100%;max-width:none;margin:25px 0;box-sizing:border-box;border-radius:3px;}
.catalog-access input,.catalog-access button{border-radius:3px;}
.catalog-access .catalog-access-all{background:transparent;border:1px solid #5019ea;color:#5019ea;white-space:nowrap;}
@media(max-width:900px){.catalog-access>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}.catalog-access input{width:100%;}.catalog-access button[type=submit]{width:auto;}.catalog-access .catalog-access-all{grid-column:1/-1;width:100%;}}