.compra-diseno { background:#fff; --compra-acento:#ff7900; --compra-gris:#696b6d; color:#484848; }
.compra-diseno .checkout-page,.compra-diseno .cart-page,.compra-diseno .message-page { width:calc(100% - 64px); max-width:1680px; margin:0 auto; padding:36px 0 60px; }
.compra-diseno .site-footer { border-top:2px solid var(--compra-acento); }
.compra-progreso { max-width:900px; margin:0 auto 50px; }
.compra-progreso ol { display:grid; grid-template-columns:repeat(6,1fr); padding:0; margin:0; list-style:none; }
.compra-progreso li { position:relative; display:flex; flex-direction:column; align-items:center; padding-top:0; color:#aaa; font-size:11px; font-weight:700; text-transform:uppercase; gap:13px; }
.compra-progreso li:before { content:""; position:absolute; top:27px; left:0; right:0; height:3px; background:#eee; }
.compra-progreso li:first-child:before { left:50%; }.compra-progreso li:last-child:before { right:50%; }
.etapa-punto { width:56px; height:56px; display:grid; place-items:center; position:relative; z-index:1; }
.etapa-punto:before { content:""; width:12px; height:12px; background:#eee; border-radius:50%; }
.etapa-punto svg { display:none; width:25px; height:25px; color:#8b8e91; }
.compra-progreso .actual { color:var(--compra-acento); }.actual .etapa-punto { border:2px solid var(--compra-acento); border-radius:50%; background:#fff; box-shadow:0 1px 10px #0002; }.actual .etapa-punto:before { display:none; }.actual .etapa-punto svg { display:block; }
.compra-diseno .compra-titulo,.compra-diseno .checkout-page>h1 { text-align:center; font-size:25px; line-height:1.3; margin:0 0 26px; font-weight:600; }
.compra-cuenta { text-align:center; color:#888; font-size:12px; margin:-22px 0 30px; }
.compra-diseno .compra-formulario { display:block; margin:0; }.compra-formulario fieldset { min-width:0; border:0; padding:0; margin:0; }
.compra-diseno [hidden] { display:none !important; }
.compra-diseno .checkout-page button,.compra-diseno .message-page button,.compra-diseno .compra-boton,.compra-diseno .cart-checkout-button { border:0; border-radius:2px; background:var(--compra-gris); color:white; font:600 12px/1.3 Arial,sans-serif; text-transform:uppercase; padding:13px 22px; cursor:pointer; box-shadow:none; text-decoration:none; }
.compra-diseno button:hover,.compra-diseno .compra-boton:hover,.compra-diseno .cart-checkout-button:hover { background:#505255; color:#fff; }
.compra-diseno button:focus-visible,.compra-diseno a:focus-visible,.compra-diseno input:focus-visible { outline:2px solid var(--compra-acento); outline-offset:4px; }
.compra-navegacion { display:flex; justify-content:center; align-items:center; gap:12px; margin:25px 0 42px; }
.compra-diseno .compra-atras { color:#777; background:#f2f2f2; }
.compra-opciones { max-width:470px; margin:0 auto; display:grid; gap:10px; }.compra-medios { max-width:470px; }
.compra-opcion { border:1px solid #e9e9e9; padding:20px 28px; display:flex; align-items:center; gap:23px; text-align:left; cursor:pointer; background:#fff; }
.compra-opcion:has(input:checked) { border-color:#ffb36e; }.compra-opcion input,.compra-retiro input { accent-color:var(--compra-acento); flex:0 0 auto; width:14px; height:14px; margin:0; }
.compra-opcion strong { display:block; font-size:14px; font-weight:600; }.compra-opcion small { display:block; color:#888; font-size:12px; line-height:1.6; margin-top:6px; }.compra-opcion.no-disponible { cursor:default; }.no-disponible small { color:#929292; }
.compra-marcas { display:flex; gap:7px; align-items:center; margin-bottom:12px; }.compra-marcas b { font-size:14px; font-style:italic; color:#17467a; border:1px solid #eee; padding:3px 6px; }.compra-marcas .marca-mastercard { color:#ef7521; letter-spacing:-5px; padding-right:10px; }.compra-marcas .marca-handy { color:#6146c5; }.compra-marca-bbva { display:block; color:#004481; font-weight:800; font-size:23px; margin-bottom:10px; }.compra-marca-mp { display:block; color:#009ee3; font-size:19px; font-weight:750; margin-bottom:10px; }
.compra-retiro { display:flex; gap:8px; justify-content:center; align-items:center; font-size:13px; }.compra-ayuda { text-align:center; color:#8b8b8b; font-size:12px; margin:13px 0 24px; line-height:1.7; }
.compra-direcciones { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:1120px; margin:24px 0; }.compra-direccion,.compra-diseno button.compra-agregar { border:1px solid #e9e9e9; background:#fff; padding:30px; min-height:215px; text-align:center; color:#888; font-size:12px; font-weight:400; line-height:1.7; text-transform:none; }.compra-direccion strong { color:#444; font-size:14px; }.compra-direccion p { margin:5px 0; }.compra-direccion button { margin-top:14px; }.compra-diseno button.compra-agregar { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; }.compra-agregar svg { width:66px; height:66px; color:#919598; }
.compra-editor { max-width:850px; margin:24px auto; border:1px solid #e9e9e9; padding:25px; text-align:center; }.compra-editor h2 { font-size:18px; margin:0 0 20px; }.compra-campos { display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; text-align:left; margin-bottom:20px; }.compra-campos label { display:grid; gap:7px; font-size:13px; }.compra-campos input,.compra-campos textarea { width:100%; min-width:0; border:1px solid #ddd; border-radius:2px; padding:10px 12px; font:inherit; background:#fff; }
.compra-confirmar-accion { text-align:center; margin:0 0 32px; }.compra-confirmacion { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:850px; margin:0 auto; text-align:center; }.compra-confirmacion article { border:1px solid #e9e9e9; }.compra-confirmacion h2 { margin:0; padding:16px; background:#f8f8f8; font-size:13px; font-weight:500; }.compra-confirmacion-contenido { padding:24px; font-size:12px; color:#888; line-height:1.7; }.compra-confirmacion-contenido strong { color:#444; }.compra-confirmacion-contenido p { margin:5px 0; }.compra-confirmacion h3 { font-size:13px; color:#444; font-weight:500; margin:26px 0 12px; }
.compra-resumen { margin-top:38px; }.compra-resumen h2 { text-align:center; font-size:20px; font-weight:600; margin:0 0 26px; }.compra-resumen-grid { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr); gap:18px; align-items:start; }.compra-tabla-scroll { overflow-x:auto; border:1px solid #e9e9e9; }.compra-tabla { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }.compra-tabla th { background:#f8f8f8; color:#999; font-size:13px; font-weight:400; padding:18px; }.compra-tabla td { padding:18px; border-top:1px solid #f4f4f4; }.compra-tabla img { width:65px; height:65px; object-fit:contain; }.compra-tabla th:nth-child(n+3),.compra-tabla td:nth-child(n+3) { text-align:right; white-space:nowrap; }.compra-tabla td:nth-child(2) { min-width:160px; }.compra-sin-imagen { display:grid; place-items:center; width:65px; height:65px; color:#bbb; }
.compra-totales { background:#f7f7f7; padding:40px 35px; font-size:13px; }.compra-totales>div { display:flex; justify-content:space-between; gap:24px; margin:0 0 16px; }.compra-totales>div>span:last-child,.compra-totales>div>strong:last-child { text-align:right; }.compra-totales .compra-total { color:var(--compra-acento); font-size:18px; margin-top:22px; }.compra-totales small { display:block; color:#888; font-size:11px; line-height:1.6; }
.compra-diseno .cart-layout { grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr); gap:24px; }.compra-diseno .cart-products-card { border:0; padding:0; }.compra-diseno .cart-products-table { font-size:12px; border:1px solid #eee; }.compra-diseno .cart-products-table thead { background:#f8f8f8; }.compra-diseno .cart-products-table th { background:#f8f8f8; font-weight:400; color:#999; padding:18px; }.compra-diseno .cart-products-table td { padding:18px; }.compra-diseno .cart-products-table tfoot td { border:0; background:white; padding:18px 0; }.compra-diseno .cart-products-table tfoot button,.compra-boton-secundario { display:inline-block; background:#f1f1f1; color:#81858a; padding:13px 20px; border:0; text-transform:uppercase; font-size:11px; text-decoration:none; }.compra-diseno .cart-totals-card { border:0; background:#f7f7f7; padding:32px; }.compra-diseno .cart-totals-box { padding:0; border:0; background:transparent; }.compra-diseno .cart-total-row { font-size:13px; font-weight:400; border:0; }.compra-diseno .cart-grand-total { color:var(--compra-acento); font-size:18px; }.compra-diseno .cart-totals-box p { font-size:11px; color:#888; }.compra-diseno .cart-checkout-button { display:block; text-align:center; margin-top:25px; }.compra-diseno .cart-product-image img { max-height:70px; }.compra-diseno .cart-product-name { font-size:12px; font-weight:400; }
.compra-diseno .compra-acceso { max-width:900px; margin:28px auto; grid-template-columns:1fr 1fr; }.compra-acceso form { min-width:0; }.compra-acceso button { margin-top:18px; }.compra-diseno .checkout-page>p:not(.notice):not(.compra-cuenta) { text-align:center; }.compra-centrado { text-align:center; }.compra-completa { max-width:780px; margin:0 auto; text-align:center; border:1px solid #eee; padding:35px; }.compra-completa h1 { font-size:25px; }.compra-completa p { font-size:14px; line-height:1.8; }.compra-completa .primary-link { background:var(--compra-gris); font-size:12px; border-radius:2px; }.compra-completa small { color:#888; }
.compra-diseno .cart-products-table { table-layout:auto; }.compra-diseno .cart-products-table th:first-child,.compra-diseno .cart-products-table td:first-child { width:78px; }.compra-diseno .cart-products-table th,.compra-diseno .cart-products-table td { border-left:0; border-right:0; }.compra-diseno .cart-products-table td:nth-child(4),.compra-diseno .cart-products-table td:nth-child(6) { font-size:12px; }.compra-diseno .cart-total-row { display:flex; justify-content:space-between; gap:16px; padding:12px 0; }.compra-diseno .cart-total-row>span { font-weight:400; }.compra-diseno .cart-total-row>:last-child { text-align:right; }.compra-diseno .cart-products-table tfoot td { text-align:left; }.compra-diseno .compra-navegacion .compra-atras { background:#f1f1f1; color:#777; } [data-direccion-datos] { white-space:pre-line; }.compra-confirmacion-contenido { overflow-wrap:anywhere; }
@media(max-width:760px) { .compra-diseno .checkout-page,.compra-diseno .cart-page,.compra-diseno .message-page { width:calc(100% - 28px); padding-top:24px; }.compra-progreso { margin-bottom:34px; }.etapa-punto { width:40px; height:40px; }.compra-progreso li:before { top:19px; }.compra-progreso li { font-size:8px; gap:10px; }.etapa-punto svg { width:20px; height:20px; }.compra-diseno .compra-titulo { font-size:22px; }.compra-direcciones,.compra-confirmacion,.compra-campos,.compra-diseno .compra-acceso { grid-template-columns:1fr; }.compra-direcciones { gap:12px; }.compra-diseno button.compra-agregar { min-height:135px; }.compra-resumen-grid,.compra-diseno .cart-layout { grid-template-columns:1fr; }.compra-totales { padding:25px; }.compra-tabla th,.compra-tabla td { padding:12px; }.compra-tabla img { width:45px; height:45px; }.compra-opcion { padding:18px; gap:16px; }.compra-cuenta { margin-top:-12px; overflow-wrap:anywhere; }.compra-editor { padding:20px; }.compra-completa { padding:24px; } }