body .cat-heroe{padding:72px 8px 0}@media (width>=640px){body .cat-heroe{padding-inline:12px}}@media (width>=1024px){body .cat-heroe{padding-top:88px}}body .cat-heroe .heroe-caja{min-height:0;padding:40px 0}@media (width>=640px){body .cat-heroe .heroe-caja{padding:56px 0 48px}}body .cat-heroe .interior{z-index:3;max-width:1280px;margin-inline:auto;padding-inline:16px;position:relative}@media (width>=640px){body .cat-heroe .interior{padding-inline:24px}}body .cat-fila{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-top:16px;display:flex}body .cat-fila h1{font-family:var(--font-titulo);letter-spacing:-.04em;text-wrap:balance;color:var(--tinta-home);margin:0;font-size:41.6px;font-weight:300;line-height:1.04}@media (width>=640px){body .cat-fila h1{font-size:64px}}body .sellos{color:var(--t-68);flex-wrap:wrap;gap:8px 20px;padding-bottom:8px;font-size:13px;line-height:19.5px;display:flex}body .sellos span{align-items:center;gap:8px;display:flex}body .sellos svg{color:var(--petroleo)}body .cat-texto{max-width:576px;color:rgb(var(--tinta-rgb) / .82);margin:12px 0 0;font-weight:300;line-height:1.55}body .cat-barra{z-index:30;border-bottom:1px solid var(--vidrio-borde);background:rgb(var(--fondo-rgb) / .86);-webkit-backdrop-filter:blur(24px);margin-top:12px;position:sticky;top:76px}@media (width>=1024px){body .cat-barra{top:86px}}body .cat-barra .interior{flex-wrap:wrap;align-items:center;gap:8px;max-width:1280px;margin-inline:auto;padding:12px 16px;display:flex}@media (width>=640px){body .cat-barra .interior{gap:12px;padding-inline:24px}}body catalogo-tienda{display:contents}body .cat-buscar{flex:1 1 0;min-width:0;position:relative}body .cat-buscar svg{color:var(--t-46);pointer-events:none;position:absolute;top:14px;left:12px}body .campo{background:var(--blanco);color:#101828;width:100%;min-height:44px;font:inherit;border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:0 14px;font-size:14px;line-height:20px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}body .campo::placeholder{color:#99a1af}body .campo:focus{border-color:var(--petroleo);box-shadow:0 0 0 3px #0e425626}body .cat-buscar .campo{padding-left:36px}body .cat-cuenta{white-space:nowrap;color:var(--t-68);font-size:14px;line-height:20px;display:none}body .cat-cuenta strong{color:var(--tinta-home)}@media (width>=640px){body .cat-cuenta{display:inline}}body .orden{width:150px;position:relative}@media (width>=640px){body .orden{width:190px}}body .orden-boton{background:var(--blanco);color:#101828;text-align:left;cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:100%;height:36px;padding:0 12px;font-size:12px;line-height:16px;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}body .orden-boton[aria-expanded=true]{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}body .orden-boton span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}body .orden-boton svg{color:#99a1af;flex-shrink:0;margin-left:8px;transition:transform .2s}body .orden-boton[aria-expanded=true] svg{transform:rotate(180deg)}body .orden ul{z-index:40;background:var(--blanco);border:1px solid #e5e7eb;border-radius:10px;width:190px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #00000026}body .orden li{color:#364153;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}body .orden li:hover,body .orden li[data-activo]{background:#eff6ff}body .orden li[aria-selected=true]{color:#2563eb}body .fila-acciones{flex-basis:100%;align-items:center;gap:8px;display:flex}@media (width>=1024px){body .fila-acciones{display:contents}}body .boton-filtros{border:1px solid var(--t-16);color:var(--tinta-home);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}@media (width>=1024px){body .boton-filtros{display:none}}body .boton-mi-carrito{background:var(--petroleo);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:filter .2s;display:flex;position:relative}body .boton-mi-carrito:hover{filter:brightness(1.15)}body .boton-mi-carrito .texto{display:none}@media (width>=1024px){body .boton-mi-carrito .texto{display:inline}}body .boton-mi-carrito .contador{top:-8px;right:-8px}body .filtros-activos{flex-wrap:wrap;gap:8px;width:100%;display:flex}body .filtros-activos:empty{display:none}body .filtros-activos button{border:1px solid var(--petroleo);background:var(--blanco);color:var(--petroleo);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;display:flex}body .cat-cuerpo{gap:32px;max-width:1280px;margin-inline:auto;padding:40px 16px 112px;display:flex}@media (width>=640px){body .cat-cuerpo{padding-inline:24px}}body .cat-lateral{flex-shrink:0;width:240px;display:none}@media (width>=1024px){body .cat-lateral{display:block}}body .cat-lateral .pegado{position:sticky;top:176px}body .panel-filtros{border:1px solid var(--vidrio-borde);background:var(--vidrio-2);scrollbar-width:thin;border-radius:22px;max-height:calc(100vh - 192px);padding:20px;position:relative;overflow:auto}body .filtros-cabeza{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}body .filtros-cabeza h2{font-family:var(--font-titulo);letter-spacing:-.025em;margin:0;font-size:16px;font-weight:700;line-height:24px}body .limpiar{color:var(--rojo);cursor:pointer;font-size:13px;font-weight:600}body .faceta+.faceta{margin-top:24px}body .faceta-titulo{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--petroleo);margin-bottom:8px;font-size:12px;line-height:18px}body .opcion{text-align:left;width:100%;color:var(--tinta-home);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 4px;transition:background-color .15s;display:flex}body .opcion+.opcion{margin-top:2px}body .opcion:hover{background:rgb(var(--tinta-rgb) / .05)}body .opcion .caja{border:1px solid var(--t-16);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}body .opcion .caja svg{opacity:0}body .opcion[aria-pressed=true] .caja{border-color:var(--petroleo);background:var(--petroleo)}body .opcion[aria-pressed=true] .caja svg{opacity:1}body .opcion .nombre{flex:1;font-size:14px;line-height:20px}body .opcion .n{color:var(--t-46);font-size:12px;line-height:16px}body .cat-principal{flex:1;min-width:0}body .grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=1024px){body .grilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1280px){body .grilla{grid-template-columns:repeat(4,minmax(0,1fr))}}body .grilla>.tarjeta:hover{transform:translateY(-4px)}body .sin-resultados{text-align:center;color:var(--t-68);grid-column:1/-1;padding:56px 16px}body .mas{flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}body .mas p{color:var(--t-46);margin:0;font-size:13px;line-height:19.5px}body .mas .barra{background:var(--panel-2);border-radius:9999px;width:224px;height:4px;overflow:hidden}body .mas .barra i{background:var(--petroleo);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.23,1,.32,1);display:block}body .mas button{border:1px solid var(--petroleo);min-height:48px;color:var(--petroleo);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;margin-top:8px;padding:0 24px;font-size:14px;font-weight:700;line-height:21px;transition:all .2s;display:flex}body .mas button:hover{background:var(--petroleo);color:#fff}body .mas button[hidden]{display:none}body .velo{z-index:40;backdrop-filter:blur(2px);opacity:0;background:#00000073;transition:opacity .3s;position:fixed;inset:0}body .velo.abierto{opacity:1}body .cajon{z-index:50;background:var(--blanco);width:100%;max-width:448px;color:var(--tinta);flex-direction:column;transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;box-shadow:0 25px 50px -12px #00000040}body .cajon.derecha{right:0;transform:translate(100%)}body .cajon.izquierda{max-width:332px;left:0;transform:translate(-100%)}body .cajon.abierto{transform:none}body .cajon[hidden],body .velo[hidden]{display:none}body .cajon-cabeza{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;padding:20px;display:flex}body .cajon-cabeza h2{font-family:var(--font-titulo);letter-spacing:-.025em;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;line-height:28px;display:flex}body .cajon-cabeza h2 svg{color:var(--petroleo)}body .cajon-cabeza h2 small{font-family:var(--font-sans);letter-spacing:0;color:var(--petroleo);font-size:14px;font-weight:600;line-height:20px}body .cajon-cabeza button{cursor:pointer}body .cajon-lista{flex:1;padding:20px;overflow:auto}body .item-carrito{gap:12px;display:flex}body .item-carrito+.item-carrito{margin-top:16px}body .item-carrito .mini{background:var(--panel);border-radius:8px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}body .item-carrito .mini img{object-fit:cover;width:100%;height:100%}body .item-carrito .datos{flex:1;min-width:0}body .item-carrito .nombre{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.375;display:-webkit-box;overflow:hidden}body .item-carrito .precio{color:var(--petroleo);margin:2px 0 0;font-size:14px;font-weight:700;line-height:20px}body .item-carrito .cantidad{align-items:center;gap:8px;margin-top:8px;display:flex}body .item-carrito .cantidad button:not(.quitar){background:var(--panel-2);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s;display:flex}body .item-carrito .cantidad button:not(.quitar):hover{background:#c9dfe8}body .item-carrito .cantidad span{text-align:center;width:20px;font-size:14px;font-weight:600;line-height:20px}body .item-carrito .quitar{color:#fb2c36;cursor:pointer;margin-left:auto}body .carrito-vacio{text-align:center;padding:56px 0}body .carrito-vacio svg{color:#b9d7e2}body .carrito-vacio p{color:var(--tinta-2);margin:12px 0 0}body .carrito-vacio button{border:2px solid var(--petroleo);color:var(--petroleo);cursor:pointer;border-radius:9999px;margin-top:20px;padding:8px 20px;font-size:14px;font-weight:700;line-height:20px}body .cajon-pie{border-top:1px solid var(--linea);max-height:60vh;padding:20px;overflow:auto}body .total{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}body .total span:first-child{color:var(--tinta-2);font-size:14px;line-height:20px}body .total strong{font-family:var(--font-titulo);letter-spacing:-.025em;color:var(--petroleo);font-size:24px;font-weight:700;line-height:32px}body .nota-chica{color:var(--gris);margin:0;font-size:11px;line-height:16.5px}body .checkout .doble{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;padding-top:4px;display:grid}body .checkout .campo+.campo,body .checkout .bloque{margin-bottom:12px}body .checkout textarea.campo{resize:vertical;min-height:80px;padding:12px 14px}body .checkout .campo[aria-invalid=true]{border-color:var(--rojo)}body .boton-confirmar{background:var(--petroleo);color:#fff;white-space:nowrap;cursor:pointer;border-radius:14.4px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:12px;padding:0 20px;font-size:14px;font-weight:600;line-height:20px;transition:opacity .2s,filter .2s;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}body .boton-confirmar:hover:not(:disabled){filter:brightness(1.15)}body .boton-confirmar:disabled{opacity:.5;cursor:not-allowed}body .estado-pedido{border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.5}body .estado-pedido.ok{color:#14532d;background:#e8f6ee}body .estado-pedido.error{color:#7f1d1d;background:#fdecec}body .pedido-listo{text-align:center;padding:8px 0}body .pedido-listo .codigo{background:var(--panel);font-family:var(--font-mono);letter-spacing:.05em;color:var(--petroleo);border-radius:10px;margin:8px 0 4px;padding:6px 14px;font-size:18px;font-weight:700;display:inline-block}body .pedido-listo a{color:var(--petroleo);font-weight:600;text-decoration:underline}