*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#172033;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.web-bloqueado{overflow:hidden}.web-head{height:76px;padding:0 max(20px,calc((100vw - 1280px)/2));background:#fff;border-bottom:1px solid #e7e9ee;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20}.web-head__marca{display:flex;align-items:center;gap:12px;min-width:220px}.web-head__logo{width:44px;height:44px;border-radius:13px;background:var(--catalogo-acento);color:#fff;display:grid;place-items:center;font-size:25px}.web-head__marca strong,.web-head__marca span{display:block}.web-head__marca strong{font-size:17px}.web-head__marca span{font-size:12px;color:#7b8495;margin-top:2px}.web-buscar{height:44px;flex:1;max-width:640px;margin:auto;border:1px solid #dfe3e9;border-radius:13px;background:#f7f8fa;display:flex;align-items:center;gap:9px;padding:0 14px;color:#7b8495}.web-buscar input{width:100%;border:0;outline:0;background:transparent;font:inherit}.web-lista-btn{height:44px;border:0;border-radius:13px;background:#172033;color:#fff;padding:0 16px;display:flex;align-items:center;gap:8px;font-weight:750;cursor:pointer}.web-lista-btn b,.web-lista-flotante b{min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--catalogo-acento);display:grid;place-items:center;font-size:12px}main{width:min(1280px,calc(100% - 40px));margin:24px auto 70px}.web-hero{min-height:210px;border-radius:24px;padding:38px 46px;color:#fff;background:linear-gradient(120deg,#172033,#2d3b55);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.web-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--catalogo-acento);opacity:.22;right:-80px;top:-100px}.web-hero>i{font-size:140px;color:var(--catalogo-acento);z-index:1}.web-hero span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--catalogo-acento);font-weight:900}.web-hero h1{font-size:40px;line-height:1;margin:10px 0 12px}.web-hero p{margin:0 0 14px;max-width:660px;color:#d9deea;font-size:17px}.web-hero small{color:#adb7ca}.web-categorias{display:flex;gap:10px;overflow:auto;padding:22px 2px 12px;scrollbar-width:none}.web-categorias button{white-space:nowrap;border:1px solid #dfe3e9;background:#fff;border-radius:999px;padding:10px 18px;font-weight:750;color:#4d586c;cursor:pointer}.web-categorias button.activo{border-color:var(--catalogo-acento);background:var(--catalogo-acento);color:#fff}.web-resultados{padding:18px 2px;display:flex;justify-content:space-between;color:#7b8495}.web-resultados strong{color:#172033}.web-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.web-producto{background:#fff;border:1px solid #e4e7ec;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(29,38,55,.05)}.web-producto[hidden]{display:none}.web-producto__imagen{height:210px;background:linear-gradient(145deg,#f2f3f5,#e7e9ed);position:relative;display:grid;place-items:center;overflow:hidden}.web-producto__imagen img{width:100%;height:100%;object-fit:cover}.web-producto__imagen>i{font-size:72px;color:#b5bdc9}.web-producto__agotado{position:absolute;left:12px;top:12px;background:#172033;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.web-producto__cuerpo{padding:16px}.web-producto__categoria{color:var(--catalogo-acento);font-size:11px;font-weight:900;text-transform:uppercase}.web-producto h2{font-size:17px;line-height:1.25;margin:7px 0 5px;min-height:42px}.web-producto small{color:#8a93a3}.web-producto__datos{min-height:50px;margin:15px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.web-producto__datos strong{font-size:20px;color:#172033}.web-producto__datos span{font-size:11px;text-align:right;color:#7b8495}.web-producto__acciones{display:flex;gap:8px}.web-btn{border:0;border-radius:11px;padding:11px 13px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.web-btn--sec{flex:1;background:#eef1f5;color:#303b4f}.web-btn--whatsapp{flex:1;background:#20c76a;color:#fff}.web-btn--grande{width:100%;padding:15px;font-size:15px}.web-vacio,.web-drawer__vacio{padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#7b8495}.web-vacio i,.web-drawer__vacio i{font-size:45px}.web-lista-flotante{position:fixed;right:20px;bottom:20px;z-index:18;background:#172033;color:#fff;border:0;border-radius:16px;padding:14px 18px;box-shadow:0 12px 32px rgba(0,0,0,.25);display:flex;align-items:center;gap:9px;font-weight:850}.web-lista-flotante[hidden]{display:none}.web-drawer,.web-modal{position:fixed;inset:0;z-index:50}.web-drawer[hidden],.web-modal[hidden]{display:none}.web-drawer__overlay,.web-modal__overlay{position:absolute;inset:0;background:rgba(10,15,24,.62);backdrop-filter:blur(3px)}.web-drawer aside{position:absolute;right:0;top:0;height:100%;width:min(460px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.18)}.web-drawer header,.web-modal header{padding:22px;border-bottom:1px solid #e7e9ee;display:flex;justify-content:space-between;align-items:center}.web-drawer header span,.web-modal header span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--catalogo-acento);font-weight:900}.web-drawer h2,.web-modal h2{margin:3px 0 0}.web-drawer header button,.web-modal header button{width:38px;height:38px;border:0;border-radius:10px;background:#f0f2f5;font-size:19px}.web-drawer__items{padding:14px 20px;overflow:auto;flex:1}.web-lista-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f3}.web-lista-item strong,.web-lista-item span{display:block}.web-lista-item span{font-size:12px;color:#7b8495;margin-top:3px}.web-cantidad{display:flex;align-items:center;border:1px solid #dfe3e9;border-radius:10px;overflow:hidden}.web-cantidad button{width:32px;height:32px;border:0;background:#f2f4f7;font-size:18px}.web-cantidad b{min-width:28px;text-align:center}.web-quitar{border:0;background:transparent;color:#d24b4b;font-size:18px}.web-drawer footer{padding:20px;border-top:1px solid #e7e9ee}.web-drawer footer>div{display:flex;justify-content:space-between;margin-bottom:15px}.web-drawer footer>small{display:block;text-align:center;color:#7b8495;margin-top:9px}.web-modal{display:grid;place-items:center;padding:18px}.web-modal__dialog{position:relative;width:min(520px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.web-modal__dialog>p{margin:20px 22px 0;color:#667085;line-height:1.5}.web-modal form{padding:18px 22px 22px}.web-modal label{display:block;font-size:13px;font-weight:800;margin-bottom:13px}.web-modal label em{float:right;color:#929aaa;font-weight:500;font-style:normal}.web-modal input,.web-modal textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce1e8;border-radius:11px;padding:12px;font:inherit;outline:none}.web-modal input:focus,.web-modal textarea:focus{border-color:var(--catalogo-acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--catalogo-acento) 15%,transparent)}.web-honeypot{position:absolute!important;left:-9999px!important}.web-modal__resumen{background:#f4f6f8;border-radius:11px;padding:13px;margin:8px 0 14px;display:flex;justify-content:space-between}.web-modal__resumen span{color:#7b8495}.web-modal form>small{display:block;color:#7b8495;text-align:center;line-height:1.4;margin-top:10px}.web-error{background:#fff0f0;color:#b42318;border-radius:10px;padding:10px;margin-bottom:12px}.catalogo-error{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.catalogo-error div{background:#fff;border-radius:20px;padding:40px;box-shadow:0 12px 40px rgba(0,0,0,.08)}
@media(max-width:1000px){.web-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-hero>i{font-size:100px}}
@media(max-width:760px){.web-head{height:auto;padding:12px 15px;display:grid;grid-template-columns:1fr auto;gap:10px}.web-head__marca{min-width:0}.web-head__marca strong{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-buscar{grid-column:1/-1;grid-row:2;max-width:none}.web-lista-btn span{display:none}.web-lista-btn{padding:0 12px}main{width:min(100% - 24px,1280px);margin-top:12px}.web-hero{min-height:180px;padding:26px 24px}.web-hero h1{font-size:30px}.web-hero p{font-size:14px}.web-hero>i{font-size:75px;opacity:.65}.web-resultados span{display:none}.web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.web-producto__imagen{height:150px}.web-producto__cuerpo{padding:12px}.web-producto h2{font-size:14px;min-height:36px}.web-producto__datos{display:block;min-height:55px}.web-producto__datos strong,.web-producto__datos span{display:block;text-align:left}.web-producto__datos strong{font-size:17px}.web-producto__acciones{display:block}.web-producto__acciones .web-btn{width:100%;margin-top:7px}.web-categorias{margin-right:-12px}.web-modal__resumen{display:block}.web-modal__resumen span{display:block;margin-top:4px}}
@media(max-width:390px){.web-grid{grid-template-columns:1fr}.web-producto{display:grid;grid-template-columns:125px 1fr}.web-producto__imagen{height:100%}.web-producto__acciones{grid-column:1/-1}.web-hero>i{display:none}}

.web-producto__imagen{width:100%;height:auto;aspect-ratio:1/1;padding:0;border:0;cursor:pointer;font:inherit;color:inherit}
.web-producto__imagen img{object-fit:contain}
.web-producto__imagen:focus-visible{outline:3px solid color-mix(in srgb,var(--catalogo-acento) 55%,white);outline-offset:-3px}
.web-producto__ampliar{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:rgba(23,32,51,.88);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s ease}
.web-producto__imagen:hover .web-producto__ampliar,.web-producto__imagen:focus-visible .web-producto__ampliar{opacity:1;transform:none}
.web-producto__galeria{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--catalogo-acento) 88%,#172033);color:#fff;font-size:11px;font-weight:850}
.web-detalle{z-index:70}
.web-detalle__dialog{position:relative;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(340px,.95fr);grid-template-rows:minmax(0,1fr) auto;width:min(980px,100%);height:min(92vh,760px);max-height:min(92vh,760px);overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.35)}
.web-detalle__cerrar{position:absolute;right:16px;top:16px;z-index:3;width:42px;height:42px;border:1px solid #e4e7ec;border-radius:12px;background:rgba(255,255,255,.94);color:#172033;font-size:21px;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.web-detalle__visual{position:relative;grid-column:1;grid-row:1;min-width:0;min-height:0;overflow:hidden;padding:28px;background:linear-gradient(145deg,#f6f7f9,#e8ebef);display:grid;place-items:center}
.web-detalle__visual img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.web-detalle__flecha{position:absolute;top:50%;z-index:2;width:42px;height:52px;border:0;border-radius:12px;background:rgba(23,32,51,.82);color:#fff;font-size:23px;transform:translateY(-50%);cursor:pointer}.web-detalle__flecha[hidden]{display:none}.web-detalle__flecha--anterior{left:14px}.web-detalle__flecha--siguiente{right:14px}.web-detalle__contador{position:absolute;left:50%;bottom:13px;z-index:2;border-radius:999px;background:rgba(23,32,51,.82);color:#fff;padding:5px 9px;font-size:11px;font-weight:850;transform:translateX(-50%)}.web-detalle__contador[hidden]{display:none}
.web-detalle__miniaturas{grid-column:1;grid-row:2;padding:10px 14px;display:flex;gap:8px;overflow-x:auto;background:#f6f7f9;border-top:1px solid #e4e7ec}.web-detalle__miniaturas[hidden]{display:none}.web-detalle__miniaturas button{flex:0 0 58px;width:58px;height:58px;padding:3px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer}.web-detalle__miniaturas button.activo{border-color:var(--catalogo-acento)}.web-detalle__miniaturas img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.web-detalle__sin-imagen{display:flex;flex-direction:column;align-items:center;gap:10px;color:#8a93a3}.web-detalle__sin-imagen[hidden]{display:none}.web-detalle__sin-imagen i{font-size:88px}.web-detalle__sin-imagen span{font-size:13px;font-weight:750}
.web-detalle__contenido{grid-column:2;grid-row:1/3;padding:42px 34px 32px;overflow:auto}
.web-detalle__categoria{color:var(--catalogo-acento);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.web-detalle__contenido h2{margin:9px 46px 10px 0;font-size:28px;line-height:1.15}.web-detalle__intro{margin:0 0 24px;color:#697386;line-height:1.55}
.web-detalle__datos{margin:0;padding:0;border-top:1px solid #e8ebef}.web-detalle__datos>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e8ebef}.web-detalle__datos dt{color:#7b8495;font-size:13px}.web-detalle__datos dd{margin:0;color:#273248;font-size:13px;font-weight:800;text-align:right}
.web-detalle__especificaciones{margin:20px 0 0;padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.web-detalle__especificaciones[hidden]{display:none}.web-detalle__especificaciones h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#273248;font-size:14px}.web-detalle__especificaciones h3 i{color:var(--catalogo-acento);font-size:19px}.web-detalle__especificaciones>div{font-family:Inter,system-ui,-apple-system,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif;color:#475569;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.web-detalle__compra{margin:22px 0;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.web-detalle__compra small,.web-detalle__compra strong{display:block}.web-detalle__compra small{color:#7b8495;font-size:11px}.web-detalle__compra strong{margin-top:3px;font-size:25px}.web-detalle__compra>span{max-width:150px;color:#8a93a3;font-size:11px;text-align:right}
.web-detalle__acciones{display:flex;gap:10px}.web-detalle__acciones .web-btn{flex:1;min-height:46px}
@media(max-width:760px){.web-producto__ampliar{opacity:1;transform:none}.web-detalle{padding:10px;align-items:end}.web-detalle__dialog{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;max-height:95vh;border-radius:21px 21px 14px 14px;overflow:auto}.web-detalle__visual{grid-column:1;grid-row:1;min-height:0;height:auto;aspect-ratio:1/1;padding:18px}.web-detalle__miniaturas{grid-column:1;grid-row:2}.web-detalle__visual img{max-height:100%}.web-detalle__contenido{grid-column:1;grid-row:3;padding:24px 20px 20px;overflow:visible}.web-detalle__contenido h2{font-size:22px}.web-detalle__acciones{flex-direction:column}.web-detalle__acciones .web-btn{width:100%}}
.web-sede{height:44px;border:1px solid #dfe3e9;border-radius:13px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px;color:#657084}.web-sede select{max-width:150px;border:0;background:transparent;outline:0;font:inherit;font-size:13px;font-weight:750;color:#303b4f}.web-sede i{color:var(--catalogo-acento)}
@media(max-width:760px){.web-sede{grid-column:1/-1;grid-row:3}.web-sede select{max-width:none;width:100%}}

/* Cuenta independiente del catalogo */
.web-cuenta-btn{height:44px;max-width:180px;border:1px solid #dfe3e9;border-radius:13px;background:#fff;color:#303b4f;padding:0 13px;display:flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.web-cuenta-btn i{color:var(--catalogo-acento);font-size:20px}.web-cuenta-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-cuenta-modal{z-index:90}.web-cuenta-modal .web-modal__dialog{width:min(540px,100%)}.web-cuenta-intro{margin:0 0 17px;color:#667085;line-height:1.5}.web-btn--cuenta{background:var(--catalogo-acento);color:#fff}.web-link-btn{width:100%;margin-top:12px;border:0;background:transparent;color:#667085;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.web-google-pendiente{margin:0 22px 22px;padding:14px;border:1px dashed #d7dce4;border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;color:#667085}.web-google-pendiente i{grid-row:1/3;font-size:25px}.web-google-pendiente span{font-weight:800}.web-google-pendiente small{font-size:11px}.web-codigo-local{margin:0 0 12px;padding:10px;border-radius:9px;background:#fff7ed;color:#9a3412;font-weight:800;text-align:center}.web-cuenta-panel{padding:22px}.web-cuenta-perfil{display:flex;align-items:center;gap:12px}.web-cuenta-perfil strong,.web-cuenta-perfil span{display:block}.web-cuenta-perfil span{margin-top:3px;color:#7b8495;font-size:13px}.web-cuenta-avatar{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--catalogo-acento) 14%,white);color:var(--catalogo-acento);display:grid;place-items:center;font-size:27px}.web-cuenta-panel>p{color:#667085}.web-cuenta-panel>.web-btn{width:100%;margin-top:15px}.web-cuenta-vinculada{display:flex;align-items:flex-start;gap:8px;margin:-2px 0 13px;padding:10px;border-radius:10px;background:#ecfdf3;color:#067647;font-size:12px}.web-cuenta-vinculada i{font-size:18px}.web-historial{margin:18px 0;border-top:1px solid #e7e9ee}.web-historial h3{margin:17px 0 8px;font-size:15px}.web-historial article{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f3}.web-historial article strong,.web-historial article span,.web-historial article b,.web-historial article small{display:block}.web-historial article span,.web-historial article small{margin-top:3px;color:#7b8495;font-size:11px}.web-historial article>div:last-child{text-align:right}.web-historial article b{color:var(--catalogo-acento);font-size:11px}.web-historial__vacio{padding:18px;border-radius:10px;background:#f5f6f8;color:#7b8495;text-align:center;font-size:13px}


/* Selector de cantidades del pedido */
.web-cantidad-selector{flex:1;min-width:142px;display:grid;grid-template-columns:42px minmax(48px,1fr) 42px;align-items:center;gap:7px}.web-cantidad-selector button{width:42px;height:42px;padding:0;border:2px solid var(--catalogo-acento);border-radius:50%;background:#fff;color:var(--catalogo-acento);display:grid;place-items:center;font-size:20px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.web-cantidad-selector button:last-child{background:var(--catalogo-acento);color:#fff}.web-cantidad-selector button:not(:disabled):active{transform:scale(.92)}.web-cantidad-selector button:disabled{opacity:.3;cursor:not-allowed}.web-cantidad-selector input{width:100%;height:42px;margin:0;padding:0 4px;border:1.5px solid #aeb5c0;border-radius:11px;background:#fff;color:#172033;font:inherit;font-size:18px;font-weight:800;text-align:center;outline:0;-moz-appearance:textfield}.web-cantidad-selector input::-webkit-outer-spin-button,.web-cantidad-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.web-cantidad-selector input:focus{border-color:var(--catalogo-acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--catalogo-acento) 14%,transparent)}.web-cantidad-selector.tiene-cantidad input{border-color:var(--catalogo-acento);background:color-mix(in srgb,var(--catalogo-acento) 6%,white)}.web-cantidad-selector--detalle{min-width:180px}.web-cantidad-selector--detalle button,.web-cantidad-selector--detalle input{height:46px}.web-cantidad-selector--detalle button{width:46px}.web-detalle__acciones .web-cantidad-selector{flex:1}
@media(max-width:760px){.web-producto__acciones .web-cantidad-selector{width:100%;margin-top:7px}.web-detalle__acciones .web-cantidad-selector{width:100%;margin:0}.web-cantidad-selector{grid-template-columns:42px minmax(48px,1fr) 42px}.web-cantidad-selector--detalle{grid-template-columns:46px minmax(60px,1fr) 46px}}

/* Paginacion y filtros del catalogo publico */
.web-buscar button{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:9px;background:var(--catalogo-acento);color:#fff;display:grid;place-items:center;cursor:pointer}.web-categorias a{white-space:nowrap;border:1px solid #dfe3e9;background:#fff;border-radius:999px;padding:10px 18px;font-weight:750;color:#4d586c;text-decoration:none}.web-categorias a.activo{border-color:var(--catalogo-acento);background:var(--catalogo-acento);color:#fff}.web-paginacion{margin:26px 0 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.web-paginacion a,.web-paginacion span{min-width:40px;height:40px;padding:0 12px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:#4d586c;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:13px;font-weight:800}.web-paginacion a:hover{border-color:var(--catalogo-acento);color:var(--catalogo-acento)}.web-paginacion a.activo{border-color:var(--catalogo-acento);background:var(--catalogo-acento);color:#fff}.web-paginacion span{min-width:auto;border:0;background:transparent;padding:0 3px}
@media(max-width:760px){.web-paginacion{gap:5px}.web-paginacion a,.web-paginacion span{min-width:36px;height:36px;padding:0 9px}.web-paginacion__direccion{font-size:0!important}.web-paginacion__direccion i{font-size:15px}}

/* Carrusel horizontal de categorias */
.web-categorias-slider{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px}.web-categorias-slider .web-categorias{min-width:0;scroll-behavior:smooth;overscroll-behavior-inline:contain;touch-action:pan-x;scroll-snap-type:x proximity}.web-categorias-slider .web-categorias a{scroll-snap-align:start}.web-categorias-slider__flecha{width:38px;height:38px;border:1px solid #dfe3e9;border-radius:50%;background:#fff;color:#4d586c;display:grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 4px 14px rgba(29,38,55,.08)}.web-categorias-slider__flecha:hover:not(:disabled){border-color:var(--catalogo-acento);color:var(--catalogo-acento)}.web-categorias-slider__flecha:disabled{opacity:.28;cursor:default}
@media(max-width:760px){.web-categorias-slider{display:block;margin-right:-12px}.web-categorias-slider__flecha{display:none}.web-categorias-slider .web-categorias{margin-right:0;padding-right:12px;-webkit-overflow-scrolling:touch}}
/* Presentaciones del mismo producto en el modal público. */
.web-presentaciones{display:grid;gap:8px;margin:16px 0;color:#172033;font-weight:700;font-size:14px}
.web-presentaciones[hidden]{display:none}
.web-presentaciones__lista{display:grid;gap:7px;max-height:260px;overflow-y:auto;padding:2px}
.web-presentaciones .web-presentacion-opcion{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:10px 12px;border:1px solid #dce2eb;border-radius:10px;background:#fff;color:#172033;font-size:13px;cursor:pointer}
.web-presentaciones .web-presentacion-opcion.is-selected{border-color:var(--catalogo-acento);background:color-mix(in srgb,var(--catalogo-acento) 7%,white)}
.web-presentaciones .web-presentacion-opcion input{flex:0 0 auto;width:16px;height:16px;margin:0;padding:0;accent-color:var(--catalogo-acento)}
.web-presentacion-opcion__nombre{flex:1;min-width:0;overflow-wrap:anywhere}
.web-presentacion-opcion__factor{display:inline-block;margin-left:7px;font-size:13px;font-weight:850;color:#475569}
.web-presentacion-opcion strong{flex:0 0 auto;font-size:14px;white-space:nowrap}
.web-presentaciones .web-presentacion-opcion:focus-within{outline:2px solid var(--catalogo-acento);outline-offset:2px}
.web-producto__presentacion{display:block;margin-top:3px;color:#7b8495;font-size:11px;font-weight:600}

/* Cabecera publica: marca y accesos juntos; busqueda a todo el ancho en movil. */
.web-head__acciones{display:flex;align-items:center;gap:10px;flex:0 0 auto}
@media(max-width:760px){
  .web-head{grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:12px 14px}
  .web-head__marca{grid-column:1;grid-row:1;min-width:0;gap:8px}
  .web-head__logo{flex:0 0 38px;width:38px;height:38px;border-radius:10px}
  .web-head__marca>div:last-child{min-width:0}
  .web-head__marca strong{max-width:none;font-size:14px;line-height:1.3}
  .web-head__marca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
  .web-head__acciones{grid-column:2;grid-row:1;gap:8px}
  .web-head__acciones .web-cuenta-btn{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;justify-content:center}
  .web-cuenta-btn span,.web-lista-btn>span{display:none}
  .web-lista-btn{position:relative;justify-content:center;min-width:44px;width:44px;height:44px;padding:0;border-radius:12px;font-size:21px}
  .web-head__acciones .web-lista-btn b{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;border:2px solid #fff;font-size:10px}
  .web-head .web-buscar{grid-column:1/-1;grid-row:2;width:100%;min-width:0;max-width:none;margin:0;padding:0 7px 0 12px;height:46px}
  .web-buscar input{min-width:0;font-size:16px}
  .web-buscar>i{flex:0 0 auto}
  .web-buscar button{width:36px;height:36px}
  .web-head .web-sede{grid-column:1/-1;grid-row:3;width:100%;min-width:0;max-width:none}
  .web-sede select{min-width:0;width:100%;max-width:100%}
}