/* Apariencia Mostrador Orion sobre el flujo de compra existente. */
body.commerce{--canvas:#f5f8fa;--texto:#181f26;--texto-2:#526773;--borde:#dbe3ec;--vidrio:#fff;--celeste:#007ca9;--radio:12px;--ancho:1420px;color-scheme:light;background:var(--canvas);color:var(--texto)}
.commerce::before{display:none}.commerce .wrap{width:100%;box-sizing:border-box;padding-inline:36px}
.commerce-ribbon{background:#181f26;color:#fff;font-size:11px;letter-spacing:.035em}.commerce-ribbon .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:10px}.commerce-ribbon strong{color:#58c9f2;font-size:10px;letter-spacing:.13em}
.commerce-header{background:#fff;border-bottom:1px solid var(--borde)}.commerce-head{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:100px}.commerce-head>a:first-child{flex-shrink:0}.commerce-head nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.commerce-head nav a:hover{color:#007ca9}.commerce-kinjoya{color:#21642b;border-left:3px solid #62ae31;padding-left:12px}.commerce-kinjoya small{display:block;font-size:9px;font-weight:500;letter-spacing:.03em}.commerce-support{font-size:12px;text-align:right;color:var(--texto-2)}.commerce-support span{display:block;color:#00769f;font-weight:700}
.commerce-progress{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;font-size:12px;color:var(--texto-2)}.commerce-progress>a{color:#006e97;font-weight:600}.commerce-progress ol{display:flex;gap:25px;list-style:none;margin:0;padding:0}.commerce-progress li>a,.commerce-progress li>span{display:flex;align-items:center;gap:8px}.commerce-progress b{display:grid;place-items:center;border:1px solid #c5d4dd;width:25px;height:25px;border-radius:50%;font-size:11px}.commerce-progress [aria-current]{color:#006e97;font-weight:700}.commerce-progress [aria-current] b{background:#0077a8;color:#fff;border-color:#0077a8}
.commerce .seccion{padding:20px 0 64px;border:0}.commerce .encabezado{max-width:none;margin-bottom:28px}.commerce .encabezado h1,.commerce .encabezado h2{background:none;color:#181f26;-webkit-text-fill-color:currentColor;font-family:var(--cuerpo);letter-spacing:-.045em;font-size:clamp(30px,3.2vw,44px);margin:8px 0 12px;line-height:1.13}.commerce .encabezado p{font-size:14px}.commerce-eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#007ca9}
.commerce .carro{grid-template-columns:minmax(0,1fr) minmax(340px,405px);gap:28px}.commerce .bloque-form,.commerce .resumen,.commerce .carro-linea{background:#fff;backdrop-filter:none;box-shadow:0 3px 14px #18394b04}.commerce .bloque-form{padding:24px 28px;margin-bottom:16px}.commerce .bloque-form h3,.commerce .resumen h3{color:#181f26;font-family:var(--cuerpo);font-size:16px;letter-spacing:-.02em}.commerce .bloque-form h3{display:flex;align-items:center;gap:10px}.commerce-number{display:grid;place-items:center;background:#e7f5fb;color:#006e97;border-radius:7px;font-size:12px;width:28px;height:28px}
.commerce .campo label{font-family:var(--cuerpo);font-size:12px;color:#344b58}.commerce .campo input,.commerce .campo select,.commerce .campo textarea,.commerce .carro-linea .cant{background:#fbfcfd;border-color:#cbd9e0;border-radius:7px;font-size:14px;min-height:46px;color:#181f26}.commerce .campo select option{background:#fff;color:#181f26}.commerce .campo input::placeholder,.commerce .campo textarea::placeholder{color:#697f8a}.commerce .opcion{font-family:var(--cuerpo);font-size:12px;border-radius:7px;padding:11px 15px;background:#fff}.commerce .opcion:has(input:checked),.commerce .medio:has(input:checked){background:#eef9fd;color:#181f26;border-color:#0087b9;box-shadow:inset 0 0 0 1px #0087b9}.commerce .opcion input,.commerce .medio input{accent-color:#0077a8}
.commerce .resumen{padding:26px;top:22px;border-top:4px solid #00a1dd}.commerce-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:10px}.commerce-summary-head a{color:#0077a8;font-size:12px;text-decoration:underline}.commerce .fila-res{border-bottom-color:#e7edf1;font-size:13px;padding-block:12px}.commerce .fila-res strong{font-family:var(--cuerpo);color:#181f26}.commerce .fila-res.total{padding-block:17px;margin-top:4px}.commerce .fila-res.total strong{font-size:27px;color:#181f26;letter-spacing:-.04em}.commerce-item{align-items:center}.commerce-item img{width:44px;height:50px;object-fit:contain;background:#fff;border:1px solid #edf2f5;border-radius:6px;padding:4px;flex-shrink:0}.commerce-item>span{flex:1;color:#181f26;line-height:1.4}.commerce-item small{display:block;color:#526773;font-size:10px;margin-top:5px}.commerce-item strong{font-size:13px}
.commerce .medio-pago{border-top-color:#dbe3ec;margin-top:5px}.commerce .medio-pago strong,.commerce .medio b{color:#181f26;font-family:var(--cuerpo)}.commerce .medio{border-radius:8px;background:#fff;padding:13px 12px}.commerce .medio b{font-size:13px}.commerce .medio small{font-size:11px;line-height:1.6}.commerce .btn,.commerce .btn-sm{background:#0077a8;color:#fff;border-radius:7px;box-shadow:none;font-family:var(--cuerpo);font-size:14px;min-height:46px}.commerce .btn:hover,.commerce .btn-sm:hover{background:#005f86;box-shadow:0 3px 12px #0077a820}.commerce .btn-linea{background:#fff;border:1px solid #b7cdd8;color:#006e97}.commerce .nota-legal{color:#526773;font-size:11px;line-height:1.7;margin-top:13px}.commerce .nota-legal a{color:#006e97;text-decoration:underline}
.commerce-pickup{display:flex;flex-direction:column;gap:4px;margin:16px 0 12px;padding:13px 15px;background:#f0f8fc;border-radius:7px;font-size:12px;line-height:1.5}.commerce-pickup strong{color:#244a5e}.commerce-pickup span{color:#526773}.commerce-pickup a{color:#006e97;text-decoration:underline;font-weight:600;margin-top:3px}.commerce .bloque-entrega:has(input[value=despacho]:checked) .commerce-pickup{display:none}
.commerce .carro-linea .det a,.commerce .carro-linea .montos strong,.commerce table.tabla-pedido tr.total td{color:#181f26}.commerce table.tabla-pedido td{border-bottom-color:#dbe3ec}.commerce .rotulo{color:#006e97}.commerce .alerta-stock{color:#946000}.commerce .error-campo{color:#b42318}
.commerce-footer{--texto:#f1f7fa;--texto-2:#c8d7e0;--borde:#ffffff35;background:#181f26;color:#dbe3ec;border-top:0;padding:34px 0 24px}.commerce-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px;font-size:12px;line-height:1.8;color:#dbe3ec}.commerce-footer strong{color:#fff;font-size:13px}.commerce-footer p{margin:12px 0}.commerce-footer a:hover{color:#fff;text-decoration:underline}.commerce-footer-grid>div>a:not(:first-child){color:#7cdbff}.commerce-legal{border-top:1px solid #ffffff35;padding-top:20px;margin-top:25px;color:#c8d7e0;font-size:10px}.commerce :focus-visible{outline:3px solid #0077a8;outline-offset:3px}
@media(min-width:1700px){.commerce{--ancho:1560px}.commerce .carro{grid-template-columns:minmax(0,1fr) 440px;gap:40px}.commerce .bloque-form{padding:28px 32px}}
@media(max-width:1000px){.commerce-head nav{gap:18px}.commerce-support{display:none}.commerce .carro{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.commerce .bloque-form{padding:20px}.commerce .fila{grid-template-columns:1fr;gap:0}.commerce .resumen{padding:20px}}
@media(max-width:760px){.commerce .wrap{padding-inline:20px}.commerce-ribbon span{display:none}.commerce-ribbon .wrap{justify-content:center}.commerce-head{min-height:80px;gap:20px;flex-wrap:wrap;padding-block:18px}.commerce-head>a:first-child img{width:175px;height:auto}.commerce-head nav{width:100%;justify-content:space-between;gap:12px;font-size:12px;padding-top:13px;border-top:1px solid #edf2f5}.commerce-kinjoya small{display:inline;margin-left:4px;font-size:8px}.commerce-progress{align-items:start;flex-direction:column;gap:16px;padding-block:20px}.commerce-progress ol{width:100%;justify-content:space-between;gap:6px;font-size:10px}.commerce-progress b{width:22px;height:22px}.commerce .carro{grid-template-columns:1fr;gap:5px}.commerce .resumen{position:static}.commerce .seccion{padding-top:12px}.commerce .encabezado p{font-size:13px}.commerce-footer-grid{grid-template-columns:1fr;gap:24px}.commerce .carro-linea{grid-template-columns:60px 1fr}.commerce .carro-linea .cant{grid-column:1}.commerce .carro-linea .montos{grid-column:2}.commerce .opciones{gap:8px}.commerce .opcion{padding:10px 12px}.commerce .wsp-flotante{width:44px;height:44px;right:14px;bottom:14px}}

.commerce-footer :focus-visible{outline-color:#7cdbff}