/* ========================================================================= BUNKER INDUSTRIAL — WooCommerce (Fase B) Catálogo, tarjeta de producto, filtros Magic, ficha de producto, carrito. Hereda los tokens de bunker.css (mismas variables --bk-*). Prefijo bk-. ========================================================================= */ :root{ --bk-w:#efe7cf; /* blanco MTG */ --bk-u:#3f86d8; /* azul MTG */ --bk-b:#7d7587; /* negro MTG (legible en oscuro) */ --bk-r:#d8513f; /* rojo MTG */ --bk-g:#42a64f; /* verde MTG */ --bk-cless:#a9a9b2; /* incoloro */ } /* Oculta la cáscara WooCommerce/Blocksy que no usamos en archivo/ficha */ body.bk-skin .woocommerce-breadcrumb, body.bk-skin .woocommerce-products-header, body.bk-skin .ct-woocommerce .page-title, body.bk-skin .storefront-sorting, body.bk-skin .ct-pagination{display:none} /* Anchos a cargo de nuestros wraps */ body.bk-skin.woocommerce #main, body.bk-skin.woocommerce-page #main{max-width:none;padding:0;margin:0} /* ------------------------------------------------------------------------- 1. HERO de catálogo ------------------------------------------------------------------------- */ .bk-hero--shop .bk-hero__wrap{padding-bottom:40px} .bk-shop__body{padding-top:54px} /* ------------------------------------------------------------------------- 2. REJILLA DE EDICIONES / TIPOS (subcategorías) ------------------------------------------------------------------------- */ .bk-setgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .bk-typegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .bk-settile{ position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; background:linear-gradient(160deg,var(--bk-superficie2),var(--bk-superficie)); border:1px solid var(--bk-borde);border-radius:14px;padding:26px 18px;text-align:center; transition:transform .28s,border-color .28s,box-shadow .28s; } .bk-settile:hover{transform:translateY(-6px);border-color:var(--bk-acento);box-shadow:var(--bk-cardshadow),0 0 0 1px rgba(255,194,26,.35)} .bk-settile__sym{ width:72px;height:72px;border-radius:50%;border:2px solid var(--bk-acento); display:grid;place-items:center;padding:14px;background:rgba(255,194,26,.05); box-shadow:0 0 18px rgba(255,194,26,.18); } .bk-settile__sym img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,194,26,.4))} .bk-settile__symfallback{font-size:30px;color:var(--bk-acento)} .bk-settile__name{font-family:var(--bk-sub);font-weight:600;font-size:16px;line-height:1.15;text-transform:uppercase;letter-spacing:.01em} .bk-settile__count{font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue);letter-spacing:.08em} /* ------------------------------------------------------------------------- 3. TOOLBAR (resultado + ordenar) ------------------------------------------------------------------------- */ .bk-shop__toolbar{ display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; margin:6px 0 26px;padding-bottom:16px;border-bottom:1px solid var(--bk-borde); } .bk-shop__result{display:flex;align-items:center;gap:10px;font-family:var(--bk-mono);font-size:12px;letter-spacing:.06em;color:var(--bk-texto3)} .bk-shop__sort{display:flex;align-items:center;gap:10px} .bk-shop__sortlabel{font-family:var(--bk-mono);font-size:10px;letter-spacing:.18em;color:var(--bk-tenue)} .bk-shop__sort select{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:8px;color:var(--bk-texto); font-family:var(--bk-mono);font-size:12px;padding:9px 12px;cursor:pointer;transition:border-color .2s; } .bk-shop__sort select:hover{border-color:var(--bk-acento)} /* ------------------------------------------------------------------------- 4. FILTROS MAGIC ------------------------------------------------------------------------- */ .bk-filters{ position:relative;background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:16px; padding:22px 22px 18px;margin-bottom:26px;overflow:hidden; } .bk-filters__bar{ position:absolute;top:0;left:0;right:0;height:4px; background:repeating-linear-gradient(45deg,var(--bk-acento) 0 12px,var(--bk-fondo) 12px 24px);opacity:.7; } .bk-filters__head{display:flex;align-items:center;gap:16px;margin-bottom:16px} .bk-filters__title{font-family:var(--bk-sub);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px} .bk-filters__title .bk-ico{color:var(--bk-acento)} .bk-filters__count{font-family:var(--bk-mono);font-size:12px;color:var(--bk-tenue);margin-left:auto} .bk-filters__count [data-bk-shown]{color:var(--bk-acento);font-weight:700} .bk-filters__clear{ background:transparent;border:1px solid var(--bk-borde2);border-radius:8px;color:var(--bk-texto3); font-family:var(--bk-mono);font-size:11px;letter-spacing:.06em;padding:7px 12px;cursor:pointer;transition:all .18s; } .bk-filters__clear:hover{border-color:var(--bk-acento);color:var(--bk-acento)} .bk-filters__groups{display:flex;flex-wrap:wrap;gap:22px} .bk-fgroup{display:flex;flex-direction:column;gap:9px} .bk-fgroup__label{font-family:var(--bk-mono);font-size:10px;letter-spacing:.18em;color:var(--bk-acento)} .bk-chips{display:flex;flex-wrap:wrap;gap:7px} .bk-chip{ display:inline-flex;align-items:center;gap:7px;background:var(--bk-elevado);border:1px solid var(--bk-borde); border-radius:100px;color:var(--bk-texto3);font-family:var(--bk-mono);font-size:12px;letter-spacing:.02em; padding:7px 13px;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .12s; } .bk-chip:hover{border-color:var(--bk-borde2);color:var(--bk-texto)} .bk-chip:active{transform:scale(.96)} .bk-chip.is-active{background:var(--bk-acento);border-color:var(--bk-acento);color:var(--bk-fondo);font-weight:700} .bk-chip.is-active .bk-mana{box-shadow:0 0 0 2px rgba(11,11,13,.25)} .bk-chip--cmc{min-width:38px;justify-content:center} .bk-filters__empty{margin-top:14px;font-family:var(--bk-mono);font-size:13px;color:var(--bk-texto3);display:none;align-items:center;gap:8px} .bk-filters__empty:not([hidden]){display:flex} .bk-filters__empty .bk-ico{color:var(--bk-acento)} .bk-link{background:none;border:none;color:var(--bk-acento);font-family:var(--bk-mono);font-size:13px;cursor:pointer;text-decoration:underline} /* Pips de maná (puntos de color) */ .bk-mana{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.35);flex:none} .bk-mana--w{background:var(--bk-w)} .bk-mana--u{background:var(--bk-u)} .bk-mana--b{background:var(--bk-b)} .bk-mana--r{background:var(--bk-r)} .bk-mana--g{background:var(--bk-g)} .bk-mana--c{background:var(--bk-cless)} /* Pip de rareza */ .bk-pip{ width:18px;height:18px;border-radius:4px;display:inline-grid;place-items:center;flex:none; font-family:var(--bk-mono);font-size:10px;font-weight:700;color:var(--bk-fondo); } .bk-pip--common{background:#c8c8cf} .bk-pip--uncommon{background:linear-gradient(135deg,#cfd8df,#9fb1c0)} .bk-pip--rare{background:linear-gradient(135deg,#ffd76a,var(--bk-acento))} .bk-pip--mythic{background:linear-gradient(135deg,#ff8a3c,#e0432a);color:#fff} .bk-pip--special,.bk-pip--bonus{background:linear-gradient(135deg,#c89bff,#7d3cff);color:#fff} /* ------------------------------------------------------------------------- 5. REJILLA DE PRODUCTOS + TARJETA BUNKER ------------------------------------------------------------------------- */ .bk-productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .bk-product{ position:relative;display:flex;flex-direction:column;background:var(--bk-superficie); border:1px solid var(--bk-borde);border-radius:14px;overflow:hidden; transition:transform .26s,border-color .26s,box-shadow .26s; } .bk-product:hover{transform:translateY(-6px);border-color:var(--bk-acento);box-shadow:var(--bk-cardshadow),0 0 0 1px rgba(255,194,26,.32)} .bk-product.is-hidden{display:none} .bk-product.is-out{opacity:.72} .bk-product__media{ position:relative;display:block;aspect-ratio:488/680;background:var(--bk-elevado);overflow:hidden; border-bottom:1px solid var(--bk-borde); } .bk-product__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s} .bk-product:hover .bk-product__media img{transform:scale(1.04)} .bk-product__scan{ position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0; background:linear-gradient(180deg,transparent,rgba(255,194,26,.12),transparent); transition:opacity .3s; } .bk-product:hover .bk-product__scan{opacity:1;animation:bk-scan 1.6s linear infinite} .bk-product__pip{position:absolute;top:9px;right:9px;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.5)} .bk-product__foil{ position:absolute;top:9px;left:9px;z-index:3;font-family:var(--bk-mono);font-size:9px;font-weight:700;letter-spacing:.1em; background:linear-gradient(90deg,#9fe7ff,#ffd76a,#ff9ad1);color:#0b0b0d;padding:3px 7px;border-radius:4px; } .bk-product__sold{ position:absolute;bottom:9px;left:9px;z-index:3;font-family:var(--bk-mono);font-size:10px;font-weight:700;letter-spacing:.1em; background:rgba(11,11,13,.85);color:var(--bk-acento);border:1px solid var(--bk-acento);padding:3px 8px;border-radius:4px; } .bk-product__body{display:flex;flex-direction:column;gap:8px;padding:14px} .bk-product__meta{font-family:var(--bk-mono);font-size:10px;letter-spacing:.08em;color:var(--bk-tenue);text-transform:uppercase} .bk-product__title{ font-family:var(--bk-sub);font-weight:600;font-size:15px;line-height:1.2;color:var(--bk-texto); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;transition:color .2s; } .bk-product__title:hover{color:var(--bk-acento)} .bk-product__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:18px} .bk-product__type{font-family:var(--bk-mono);font-size:10px;color:var(--bk-texto3);border:1px solid var(--bk-borde);border-radius:4px;padding:1px 6px} .bk-product__cmc{font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue);margin-left:auto} .bk-product__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px} .bk-product__cond{font-family:var(--bk-mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:5px;border:1px solid var(--bk-borde)} .bk-cond--nm,.bk-cond--m{color:var(--bk-verde);border-color:rgba(95,211,95,.4)} .bk-cond--ex,.bk-cond--sp{color:var(--bk-acento);border-color:rgba(255,194,26,.4)} .bk-cond--gd,.bk-cond--lp{color:#e0a23c;border-color:rgba(224,162,60,.4)} .bk-cond--pl,.bk-cond--po{color:var(--bk-texto2)} .bk-product__price{font-family:var(--bk-display);font-size:20px;color:var(--bk-acento);letter-spacing:.01em} .bk-product__price .woocommerce-Price-amount{font-family:var(--bk-display)} .bk-product__price del{color:var(--bk-tenue);font-size:13px;opacity:.7} .bk-product__price ins{text-decoration:none} .bk-product__add{ margin:2px 14px 14px;display:block;text-align:center;background:var(--bk-acento);color:var(--bk-fondo); font-family:var(--bk-sub);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase; padding:11px;border-radius:9px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s; } .bk-product__add:hover{transform:translateY(-2px);box-shadow:var(--bk-glow)} .bk-product__add.loading{opacity:.7;pointer-events:none} .bk-product__add.added::after{content:" ✓"} .bk-product__add--ghost{background:transparent;color:var(--bk-texto3);border:1px solid var(--bk-borde2)} .bk-product__add--ghost:hover{border-color:var(--bk-acento);color:var(--bk-acento);box-shadow:none} /* Oculta el "ver carrito" que WooCommerce inyecta tras el botón AJAX */ .bk-product .added_to_cart{display:none!important} /* ------------------------------------------------------------------------- 6. PAGINACIÓN + VACÍO ------------------------------------------------------------------------- */ .bk-pagination{margin-top:40px;display:flex;justify-content:center} .bk-pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:0} .bk-pagination a,.bk-pagination span{ display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px; background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:8px; font-family:var(--bk-mono);font-size:13px;color:var(--bk-texto3);transition:all .18s; } .bk-pagination a:hover{border-color:var(--bk-acento);color:var(--bk-acento)} .bk-pagination .current{background:var(--bk-acento);border-color:var(--bk-acento);color:var(--bk-fondo);font-weight:700} .bk-empty{text-align:center;padding:70px 20px;border:1px dashed var(--bk-borde);border-radius:16px} .bk-empty__ico{font-size:46px;color:var(--bk-acento);margin-bottom:14px} .bk-empty h3{font-family:var(--bk-sub);font-weight:600;font-size:24px;text-transform:uppercase;margin-bottom:10px} .bk-empty p{color:var(--bk-texto2);max-width:420px;margin:0 auto 22px} /* ------------------------------------------------------------------------- 7. FICHA DE PRODUCTO ------------------------------------------------------------------------- */ .bk-single__top .bk-hero__wrap{padding-top:40px;padding-bottom:0} .bk-single__main{padding-top:34px} .bk-single__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start} .bk-single__media{position:relative;justify-self:center;width:100%;max-width:420px} .bk-single__halo{position:absolute;inset:-26px;border-radius:24px;background:radial-gradient(circle,rgba(255,194,26,.22),transparent 65%);animation:bk-radpulse 4s ease-in-out infinite;z-index:0} .bk-single__frame{ position:relative;z-index:1;border:3px solid var(--bk-acento);border-radius:18px;overflow:hidden; box-shadow:0 0 44px rgba(255,194,26,.22),inset 0 0 40px rgba(0,0,0,.5);background:var(--bk-elevado); } .bk-single__frame img,.bk-single__img{width:100%;display:block} .bk-single__rec{position:absolute;top:10px;left:12px;z-index:2;font-family:var(--bk-mono);font-size:10px;letter-spacing:.08em;color:var(--bk-acento);background:rgba(0,0,0,.55);padding:3px 8px;border-radius:4px} .bk-single__foil{position:absolute;top:10px;right:12px;z-index:2;font-family:var(--bk-mono);font-size:10px;font-weight:700;letter-spacing:.1em;background:linear-gradient(90deg,#9fe7ff,#ffd76a,#ff9ad1);color:#0b0b0d;padding:3px 8px;border-radius:4px} .bk-single__statuschip{ position:absolute;bottom:-18px;right:-8px;z-index:3;background:var(--bk-superficie);border:1px solid var(--bk-borde); border-left:3px solid var(--bk-acento);padding:10px 16px;border-radius:8px;font-family:var(--bk-mono); } .bk-single__statuschip .lbl{font-size:9px;color:var(--bk-tenue);letter-spacing:.1em} .bk-single__statuschip .on{color:var(--bk-verde);font-weight:700;font-size:15px} .bk-single__title{font-family:var(--bk-display);font-size:clamp(30px,4vw,50px);text-transform:uppercase;line-height:1;margin:8px 0 16px} .bk-single__manaline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px} .bk-single__manaline .bk-mana{width:18px;height:18px} .bk-single__typeline{font-family:var(--bk-sub);font-weight:500;font-size:15px;color:var(--bk-texto3);text-transform:uppercase;letter-spacing:.03em} .bk-single__rarity{font-family:var(--bk-mono);font-size:12px;color:var(--bk-texto3)} .bk-spec{border:1px solid var(--bk-borde);border-radius:12px;overflow:hidden;margin-bottom:24px} .bk-spec__row{display:flex;justify-content:space-between;gap:14px;padding:11px 16px;border-bottom:1px solid var(--bk-borde)} .bk-spec__row:last-child{border-bottom:none} .bk-spec__row:nth-child(odd){background:rgba(255,255,255,.012)} .bk-spec__k{font-family:var(--bk-mono);font-size:11px;letter-spacing:.1em;color:var(--bk-tenue)} .bk-spec__v{font-family:var(--bk-sub);font-weight:500;font-size:15px;color:var(--bk-texto);text-align:right} .bk-buybox{background:linear-gradient(120deg,var(--bk-superficie),var(--bk-superficie2));border:1px solid var(--bk-borde);border-radius:14px;padding:22px;position:relative;overflow:hidden} .bk-buybox__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap} .bk-buybox__price{font-family:var(--bk-display);font-size:38px;color:var(--bk-acento)} .bk-buybox__price .woocommerce-Price-amount{font-family:var(--bk-display)} .bk-buybox__stock{display:flex;align-items:center;gap:9px;font-family:var(--bk-mono);font-size:12px} .bk-buybox__stock.is-in{color:var(--bk-verde)} .bk-buybox__stock.is-out{color:var(--bk-texto2)} .bk-led--off{background:var(--bk-texto2);animation:none;box-shadow:none} /* Formulario de compra de WooCommerce dentro del buybox */ .bk-buybox__cart .quantity{display:inline-flex;margin-right:10px} .bk-buybox__cart .quantity input{ width:74px;background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;color:var(--bk-texto); font-family:var(--bk-mono);font-size:15px;padding:12px;text-align:center; } .bk-buybox__cart form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .bk-buybox__cart .single_add_to_cart_button, .bk-buybox__cart button.button{ flex:1;min-width:200px;background:var(--bk-acento);color:var(--bk-fondo);border:none;border-radius:10px; font-family:var(--bk-sub);font-weight:600;font-size:16px;letter-spacing:.05em;text-transform:uppercase; padding:15px 22px;cursor:pointer;box-shadow:0 0 22px rgba(255,194,26,.28);transition:transform .15s,box-shadow .2s; } .bk-buybox__cart .single_add_to_cart_button:hover, .bk-buybox__cart button.button:hover{transform:translateY(-2px);box-shadow:var(--bk-glow-fuerte)} .bk-buybox__cart .variations{width:100%;margin-bottom:12px} .bk-buybox__cart .variations td,.bk-buybox__cart .variations th{padding:6px 0} .bk-buybox__cart .variations label{font-family:var(--bk-mono);font-size:11px;letter-spacing:.1em;color:var(--bk-tenue)} .bk-buybox__cart .variations select{background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;color:var(--bk-texto);font-family:var(--bk-body);font-size:14px;padding:10px 12px;min-width:160px} .bk-buybox__perks{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--bk-borde)} .bk-perk-inline{display:flex;align-items:center;gap:7px;font-family:var(--bk-mono);font-size:11px;color:var(--bk-texto3)} .bk-perk-inline .bk-perk__ico{width:24px;height:24px;border-radius:6px;background:var(--bk-superficie2);display:grid;place-items:center;color:var(--bk-acento);font-size:12px} .bk-single__desc{margin-top:22px;color:var(--bk-texto2);font-size:15px;line-height:1.65} .bk-single__meta-mono{margin-top:18px;font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue);letter-spacing:.04em} .bk-single__related{margin-top:30px} /* ------------------------------------------------------------------------- 8. CARRITO + CHECKOUT (estilizado sobre el markup estándar de WooCommerce) ------------------------------------------------------------------------- */ body.bk-skin.woocommerce-cart .entry-content, body.bk-skin.woocommerce-checkout .entry-content{max-width:var(--bk-max);margin:0 auto;padding:60px var(--bk-pad)} body.bk-skin.woocommerce-cart .entry-content::before, body.bk-skin.woocommerce-checkout .entry-content::before{ content:"// "attr(data-x);display:block; } .bk-skin .woocommerce h1,.bk-skin .woocommerce h2{font-family:var(--bk-display);text-transform:uppercase;color:var(--bk-texto)} .bk-skin .woocommerce table.shop_table{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;border-collapse:separate;overflow:hidden; } .bk-skin .woocommerce table.shop_table th{ font-family:var(--bk-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-tenue); background:var(--bk-elevado);padding:14px 16px;border:none; } .bk-skin .woocommerce table.shop_table td{border-top:1px solid var(--bk-borde);color:var(--bk-texto3);padding:14px 16px} .bk-skin .woocommerce table.shop_table .product-name a{color:var(--bk-texto)} .bk-skin .woocommerce table.shop_table .product-name a:hover{color:var(--bk-acento)} .bk-skin .woocommerce-cart table.cart img{width:54px;border-radius:6px;border:1px solid var(--bk-borde)} .bk-skin .woocommerce .cart .amount,.bk-skin .woocommerce .order-total .amount{color:var(--bk-acento);font-family:var(--bk-sub);font-weight:600} .bk-skin .woocommerce .quantity input.qty{ background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;color:var(--bk-texto); font-family:var(--bk-mono);padding:10px;width:70px;text-align:center; } .bk-skin .woocommerce a.button, .bk-skin .woocommerce button.button, .bk-skin .woocommerce input.button, .bk-skin .woocommerce #place_order{ background:var(--bk-acento);color:var(--bk-fondo);border:none;border-radius:9px; font-family:var(--bk-sub);font-weight:600;letter-spacing:.04em;text-transform:uppercase; padding:13px 22px;cursor:pointer;transition:transform .15s,box-shadow .2s; } .bk-skin .woocommerce a.button:hover, .bk-skin .woocommerce button.button:hover, .bk-skin .woocommerce #place_order:hover{transform:translateY(-2px);box-shadow:var(--bk-glow)} .bk-skin .woocommerce a.button.alt,.bk-skin .woocommerce button.button.alt{background:var(--bk-acento)} .bk-skin .woocommerce .button.wc-backward{background:transparent;color:var(--bk-texto3);border:1px solid var(--bk-borde2)} .bk-skin .cart_totals,.bk-skin .woocommerce-checkout #order_review, .bk-skin .woocommerce-checkout .woocommerce-billing-fields, .bk-skin .woocommerce form.checkout_coupon, .bk-skin .cart-collaterals .cart_totals{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;padding:24px } .bk-skin .woocommerce form .form-row input.input-text, .bk-skin .woocommerce form .form-row textarea, .bk-skin .woocommerce-checkout select, .bk-skin .select2-container--default .select2-selection--single{ background:var(--bk-elevado)!important;border:1px solid var(--bk-borde)!important;border-radius:8px!important; color:var(--bk-texto)!important;padding:12px 14px;font-family:var(--bk-body);min-height:46px } .bk-skin .woocommerce form .form-row label{font-family:var(--bk-mono);font-size:11px;letter-spacing:.08em;color:var(--bk-tenue)} .bk-skin .woocommerce .woocommerce-message, .bk-skin .woocommerce .woocommerce-info, .bk-skin .woocommerce .cart-empty{ background:var(--bk-superficie);border-top:3px solid var(--bk-acento);border-radius:10px;color:var(--bk-texto3) } .bk-skin .woocommerce .woocommerce-message::before, .bk-skin .woocommerce .woocommerce-info::before{color:var(--bk-acento)} /* ------------------------------------------------------------------------- 9. RESPONSIVE ------------------------------------------------------------------------- */ @media(max-width:1100px){ .bk-productgrid{grid-template-columns:repeat(3,1fr)} .bk-setgrid,.bk-typegrid{grid-template-columns:repeat(3,1fr)} } @media(max-width:880px){ .bk-single__grid{grid-template-columns:1fr;gap:54px} .bk-single__media{max-width:340px} .bk-productgrid{grid-template-columns:repeat(2,1fr)} .bk-setgrid,.bk-typegrid{grid-template-columns:repeat(2,1fr)} .bk-filters__groups{gap:16px} .bk-shop__toolbar{flex-direction:column;align-items:flex-start;gap:12px} } @media(max-width:560px){ .bk-productgrid{grid-template-columns:repeat(2,1fr);gap:12px} .bk-setgrid,.bk-typegrid{grid-template-columns:1fr 1fr;gap:12px} .bk-product__body{padding:11px} .bk-product__title{font-size:14px} .bk-buybox__price{font-size:30px} .bk-filters{padding:18px 16px 14px} } /* ------------------------------------------------------------------------- 10. FIX ZOOM tarjeta single (imagen completa, sin recorte, con aire) ------------------------------------------------------------------------- */ .bk-product__media{padding:8px} .bk-product__media img{width:100%;height:100%;object-fit:contain;object-position:center} /* ------------------------------------------------------------------------- 11. SELECTOR DE EDICIÓN (vista única de Singles) ------------------------------------------------------------------------- */ .bk-fgroup--edition{min-width:240px} .bk-edselect{ width:100%;background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px; color:var(--bk-texto);font-family:var(--bk-mono);font-size:12.5px;padding:9px 12px;cursor:pointer;transition:border-color .2s; } .bk-edselect:hover{border-color:var(--bk-acento)} .bk-edselect:focus{outline:none;border-color:var(--bk-acento)} /* ------------------------------------------------------------------------- 12. TARJETA TIPO CAJA (sellado / accesorios) ------------------------------------------------------------------------- */ .bk-product__media--box{aspect-ratio:1/1;background:#fff;padding:14px} /* media oscura sellado (imágenes Bunker oscuras; data-cat vacío = sellado) */ .bk-product--box[data-cat=""] .bk-product__media--box{background:var(--bk-fondo);padding:0} .bk-product__media--box img{object-fit:contain;mix-blend-mode:normal} .bk-product--box .bk-product__title{min-height:auto} .bk-product__title--box{-webkit-line-clamp:3;font-size:14px;line-height:1.25} .bk-productgrid--box{grid-template-columns:repeat(4,1fr)} @media(max-width:1100px){.bk-productgrid--box{grid-template-columns:repeat(3,1fr)}} @media(max-width:880px){.bk-productgrid--box{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.bk-productgrid--box{grid-template-columns:1fr 1fr}} /* ------------------------------------------------------------------------- 13. OCULTAR PAGO EXPRÉS (Google/Apple/Amazon Pay de WooPayments) en la ficha ------------------------------------------------------------------------- */ .single-product .wcpay-express-checkout-wrapper, .single-product #wcpay-express-checkout-element, .single-product .wcpay-express-checkout-divider, .bk-single .wcpay-express-checkout-wrapper, .bk-buybox .wcpay-express-checkout-wrapper, .bk-buybox #wcpay-express-checkout-element, .bk-buybox .wcpay-express-checkout-divider{display:none!important} /* ------------------------------------------------------------------------- 14. RAREZA VISIBLE (chip en la carta) + tipos de energía Pokémon ------------------------------------------------------------------------- */ .bk-product__rare{ position:absolute;top:9px;left:9px;z-index:3; font-family:var(--bk-mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; padding:3px 8px;border-radius:5px;color:#0b0b0d;box-shadow:0 2px 6px rgba(0,0,0,.45);max-width:80%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .bk-rare--common{background:#c8c8cf} .bk-rare--uncommon{background:linear-gradient(135deg,#cfd8df,#9fb1c0)} .bk-rare--rare{background:linear-gradient(135deg,#ffd76a,var(--bk-acento))} .bk-rare--mythic{background:linear-gradient(135deg,#ff8a3c,#e0432a);color:#fff} .bk-rare--special{background:linear-gradient(135deg,#c89bff,#7d3cff);color:#fff} .bk-rare--promo{background:linear-gradient(135deg,#54d6c0,#1f9c8a);color:#04201c} .bk-rare-dot{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none} /* dots de energía Pokémon (reusa .bk-mana) */ .bk-mana--y{background:#f4c91e} .bk-mana--p{background:#b56fd6} .bk-mana--o{background:#c2622e} .bk-mana--k{background:#46464f} .bk-mana--s{background:#9aa3ad} .bk-mana--d{background:#caa23c} .bk-mana--f{background:#e79ec8} .bk-mana--t{background:#d0b070} .bk-mana--e{background:#9a9aa2} /* ========================================================================= FILTROS POKÉMON — clon de pokemon.com/es (iconos de tipo + avanzado) ========================================================================= */ /* Iconos de tipo de energía (disco de color + glifo SVG blanco, estilo oficial) */ .bk-ptype{ width:22px;height:22px;border-radius:50%;flex:none;display:inline-grid;place-items:center; border:1px solid rgba(0,0,0,.35); box-shadow:inset 0 1px 2px rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.28); } .bk-ptype svg{width:66%;height:66%;fill:#fff;display:block} .bk-ptype--g{background:radial-gradient(circle at 32% 28%,#6fd06f,#3a9b46)} .bk-ptype--r{background:radial-gradient(circle at 32% 28%,#ff7a5c,#d8412c)} .bk-ptype--u{background:radial-gradient(circle at 32% 28%,#5fa8ef,#2e74cf)} .bk-ptype--y{background:radial-gradient(circle at 32% 28%,#ffe06a,#eab308);border-color:rgba(0,0,0,.3)} .bk-ptype--y svg{fill:#3a2d00} .bk-ptype--p{background:radial-gradient(circle at 32% 28%,#cf8fe6,#9d4fc4)} .bk-ptype--o{background:radial-gradient(circle at 32% 28%,#d98a4f,#b15a26)} .bk-ptype--k{background:radial-gradient(circle at 32% 28%,#5b5b66,#2f2f38)} .bk-ptype--s{background:radial-gradient(circle at 32% 28%,#c2cad3,#8a939d)} .bk-ptype--s svg{fill:#3a4048} .bk-ptype--c{background:radial-gradient(circle at 32% 28%,#e9e9ee,#b6b6c0)} .bk-ptype--c svg{fill:#4a4a55} .bk-ptype--d{background:radial-gradient(circle at 32% 28%,#e3c463,#bd9530)} .bk-ptype--d svg{fill:#3a2d00} .bk-ptype--f{background:radial-gradient(circle at 32% 28%,#f5b9da,#e07bb6)} .bk-ptype--f svg{fill:#5a1f43} .bk-ptype__lb{font-family:var(--bk-mono);font-size:12px} .bk-chip--ic{padding-left:7px} .bk-chip--ic .bk-ptype{margin:-2px 0} .bk-chip--ic.is-active .bk-ptype{box-shadow:inset 0 1px 2px rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.28),0 0 0 2px rgba(11,11,13,.3)} .bk-chip--num{min-width:34px;justify-content:center;font-weight:700} /* Panel Pokémon */ .bk-pkmf__basic{display:flex;flex-direction:column;gap:20px} .bk-pkmf__inputs{display:flex;flex-wrap:wrap;gap:14px} .bk-pkmf__field{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1 1 200px} .bk-pkmf__field--wide{max-width:340px} .bk-pkmf__field>span{font-family:var(--bk-mono);font-size:10px;letter-spacing:.12em;color:var(--bk-tenue)} .bk-pkmf__field input, .bk-fgroup--range input{ background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;color:var(--bk-texto); font-family:var(--bk-mono);font-size:13px;padding:9px 12px;width:100%;transition:border-color .18s; } .bk-pkmf__field input:focus, .bk-fgroup--range input:focus{outline:none;border-color:var(--bk-acento)} .bk-pkmf__field input::placeholder{color:var(--bk-tenue)} /* Toggle búsqueda avanzada */ .bk-pkmf__advtoggle{ margin:18px 0 4px;background:transparent;border:1px dashed var(--bk-borde2);border-radius:9px; color:var(--bk-acento);font-family:var(--bk-sub);font-weight:600;font-size:13px;letter-spacing:.04em; text-transform:uppercase;padding:11px 16px;cursor:pointer;width:100%;transition:border-color .18s,background .18s; } .bk-pkmf__advtoggle:hover{border-color:var(--bk-acento);background:rgba(255,194,26,.05)} .bk-pkmf__advtoggle-hide{display:none} .bk-pkmf.is-adv-open .bk-pkmf__advtoggle-show{display:none} .bk-pkmf.is-adv-open .bk-pkmf__advtoggle-hide{display:inline} .bk-pkmf__adv{display:flex;flex-direction:column;gap:20px;margin-top:16px;padding-top:18px;border-top:1px solid var(--bk-borde)} .bk-pkmf__adv[hidden]{display:none} .bk-pkmf__adv .bk-fgroup{gap:11px} .bk-pkmf__sub{font-family:var(--bk-mono);font-size:11px;letter-spacing:.06em;color:var(--bk-texto3);margin:4px 0 -2px} .bk-pkmf__range{display:flex;align-items:flex-end;gap:10px} .bk-pkmf__range label{display:flex;flex-direction:column;gap:4px;font-family:var(--bk-mono);font-size:10px;letter-spacing:.1em;color:var(--bk-tenue);max-width:120px} .bk-pkmf__range input{max-width:110px} .bk-pkmf__dash{color:var(--bk-tenue);padding-bottom:9px} @media (max-width:880px){ .bk-pkmf__field{min-width:100%} .bk-pkmf__inputs{gap:12px} } /* ------------------------------------------------------------------------- 15. AJUSTES jun-2026: precio neón, botón añadir, estado desplegable, recuento de imágenes, galería de ficha, ficha de caja ------------------------------------------------------------------------- */ /* Precio: contorno oscuro (como el botón añadir) + neón sutil para que resalte */ .bk-product__price{text-shadow:-1px 0 rgba(0,0,0,.7),1px 0 rgba(0,0,0,.7),0 -1px rgba(0,0,0,.7),0 1px rgba(0,0,0,.7),0 0 9px rgba(255,194,26,.5)} .bk-buybox__price{text-shadow:-1px 0 rgba(0,0,0,.7),1px 0 rgba(0,0,0,.7),0 -1px rgba(0,0,0,.7),0 1px rgba(0,0,0,.7),0 0 16px rgba(255,194,26,.55)} /* También en el carrito/checkout (importes amarillos) */ .bk-skin .woocommerce .cart .amount,.bk-skin .woocommerce .order-total .amount{text-shadow:-1px 0 rgba(0,0,0,.6),1px 0 rgba(0,0,0,.6),0 -1px rgba(0,0,0,.6),0 1px rgba(0,0,0,.6)} /* Botón añadir: texto blanco un poco mayor con contorno negro sutil */ .bk-product__add{color:#fff;font-size:14px;text-shadow:-1px 0 rgba(0,0,0,.55),1px 0 rgba(0,0,0,.55),0 -1px rgba(0,0,0,.55),0 1px rgba(0,0,0,.55)} .bk-buybox__cart .single_add_to_cart_button,.bk-buybox__cart button.button{color:#fff;text-shadow:-1px 0 rgba(0,0,0,.5),1px 0 rgba(0,0,0,.5),0 -1px rgba(0,0,0,.5),0 1px rgba(0,0,0,.5)} /* Estado de la single: se estira en hover para mostrar la palabra completa */ .bk-product__cond{overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center} .bk-cond__ab,.bk-cond__full{display:inline-block;overflow:hidden;white-space:nowrap;transition:max-width .35s ease,opacity .2s ease;max-width:46px;opacity:1} .bk-cond__full{max-width:0;opacity:0} .bk-product__cond:hover .bk-cond__ab{max-width:0;opacity:0} .bk-product__cond:hover .bk-cond__full{max-width:140px;opacity:1} /* Recuento de imágenes */ .bk-product__imgcount{position:absolute;bottom:8px;right:8px;z-index:3;font-family:var(--bk-mono);font-size:9.5px;font-weight:700;background:rgba(11,11,13,.82);color:var(--bk-acento);border:1px solid rgba(255,194,26,.4);padding:2px 6px;border-radius:5px;letter-spacing:.04em} .bk-single__imgcount{position:absolute;bottom:10px;left:12px;z-index:2;font-family:var(--bk-mono);font-size:11px;font-weight:700;background:rgba(11,11,13,.7);color:var(--bk-acento);border:1px solid rgba(255,194,26,.4);padding:4px 9px;border-radius:6px} /* Galería de ficha (thumbnails) */ .bk-single__gallery{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;justify-content:center} .bk-single__thumb{width:58px;height:58px;border:1px solid var(--bk-borde);border-radius:8px;overflow:hidden;background:#fff;padding:2px;cursor:pointer;transition:border-color .2s,transform .15s} .bk-single__thumb:hover{transform:translateY(-2px)} .bk-single__thumb.is-active{border-color:var(--bk-acento);box-shadow:0 0 10px rgba(255,194,26,.3)} .bk-single__thumb img{width:100%;height:100%;object-fit:contain} .bk-single__desc-h{font-family:var(--bk-mono);font-size:11px;letter-spacing:.16em;color:var(--bk-acento);margin:18px 0 8px} /* Ficha de CAJA (accesorio/sellado): media en blanco, imagen completa */ .bk-single--box .bk-single__frame{background:#fff;padding:12px} .bk-single--box .bk-single__img{object-fit:contain;max-height:520px;margin:0 auto} .bk-single--box .bk-single__rec{color:#0b0b0d;background:rgba(255,194,26,.85)} /* ========================================================================= AJUSTES UI jun-2026 (parte 2): botón de compra, dorso de carta (flip) ========================================================================= */ /* Botón "Añadir al carrito" de la ficha = mismo look que el de la tarjeta. Forzado para ganar a defaults de Blocksy/WooCommerce que lo pintaban oscuro. */ body.bk-skin .bk-buybox__cart .single_add_to_cart_button, body.bk-skin .bk-buybox__cart button.button, body.bk-skin .bk-buybox__cart .button.alt{ background:var(--bk-acento)!important;color:#fff!important;border:none!important; text-shadow:-1px 0 rgba(0,0,0,.55),1px 0 rgba(0,0,0,.55),0 -1px rgba(0,0,0,.55),0 1px rgba(0,0,0,.55); } body.bk-skin .bk-buybox__cart .single_add_to_cart_button:hover, body.bk-skin .bk-buybox__cart button.button:hover{background:var(--bk-acento)!important;filter:brightness(1.05)} /* ---- Dorso de carta (overlay para voltear) ---- */ .bk-product__media,.bk-single__frame{position:relative} .bk-cardflip{ position:absolute;right:9px;bottom:9px;z-index:6;width:32px;height:32px;border-radius:9px; display:grid;place-items:center;font-size:16px;line-height:1;cursor:pointer; background:rgba(11,11,13,.6);border:1px solid var(--bk-borde2);color:var(--bk-acento); -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s,background .2s,color .2s; } .bk-product__media:hover .bk-cardflip, .bk-single__frame:hover .bk-cardflip, .bk-cardflip:focus-visible{opacity:1;transform:none} .bk-cardflip:hover{background:var(--bk-acento);color:var(--bk-fondo);border-color:var(--bk-acento)} .is-flipped .bk-cardflip{background:var(--bk-acento);color:var(--bk-fondo);border-color:var(--bk-acento);transform:rotate(180deg)} .bk-cardback{ position:absolute;inset:0;z-index:4;border-radius:inherit;overflow:hidden;pointer-events:none; opacity:0;visibility:hidden;transition:opacity .35s; background: radial-gradient(circle at 50% 33%,var(--cb-glow,rgba(255,194,26,.18)),transparent 60%), repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px), linear-gradient(160deg,#16161c,#0b0b0d); border:1px solid var(--cb-edge,var(--bk-borde2)); box-shadow:inset 0 0 0 4px rgba(11,11,13,.55),inset 0 0 30px rgba(0,0,0,.6); } .is-flipped .bk-cardback{opacity:1;visibility:visible} /* al voltear, oculta las chapas/scan del frente */ .is-flipped .bk-product__rare,.is-flipped .bk-product__foil,.is-flipped .bk-product__sold, .is-flipped .bk-product__scan,.is-flipped .bk-single__foil,.is-flipped .bk-single__imgcount,.is-flipped .bk-single__rec{opacity:0;transition:opacity .2s} /* esquinas hazard del dorso */ .bk-cardback::before,.bk-cardback::after{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--cb-tag,var(--bk-acento));opacity:.5} .bk-cardback::before{top:9px;left:9px;border-right:none;border-bottom:none} .bk-cardback::after{bottom:9px;right:9px;border-left:none;border-top:none} .bk-cardback__emblem{ position:absolute;top:15%;left:50%;transform:translateX(-50%);width:40%;aspect-ratio:1; background-color:var(--cb-tag,var(--bk-acento));opacity:.92; filter:drop-shadow(0 0 10px var(--cb-glow,rgba(255,194,26,.3))); -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20fill='%23000'%3E%3Ccircle%20cx='50'%20cy='50'%20r='9'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'%20transform='rotate(120%2050%2050)'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'%20transform='rotate(240%2050%2050)'/%3E%3C/g%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20fill='%23000'%3E%3Ccircle%20cx='50'%20cy='50'%20r='9'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'%20transform='rotate(120%2050%2050)'/%3E%3Cpath%20d='M42%2036.14L27%2010.2A46%2046%200%200%201%2073%2010.2L58%2036.14A16%2016%200%200%200%2042%2036.14Z'%20transform='rotate(240%2050%2050)'/%3E%3C/g%3E%3C/svg%3E"); } .bk-cardback__brand{ position:absolute;top:53%;left:0;right:0;text-align:center;font-family:var(--bk-display);font-weight:700; font-size:clamp(12px,3vw,19px);letter-spacing:.14em;line-height:1.06;color:rgba(239,231,207,.94); text-shadow:0 1px 3px rgba(0,0,0,.6); } .bk-cardback__tag{ position:absolute;bottom:8%;left:0;right:0;text-align:center;font-family:var(--bk-mono); font-size:10px;letter-spacing:.18em;color:var(--cb-tag,var(--bk-acento));opacity:.9; } /* variantes por juego/idioma */ .bk-cardback[data-back="mtg"]{--cb-glow:rgba(255,194,26,.22);--cb-tag:#FFC21A;--cb-edge:rgba(255,194,26,.4)} .bk-cardback[data-back="pkm-en"]{--cb-glow:rgba(224,67,42,.30);--cb-tag:#ff7a5c;--cb-edge:rgba(224,67,42,.45)} .bk-cardback[data-back="pkm-jp"]{--cb-glow:rgba(39,196,192,.28);--cb-tag:#4fd6d0;--cb-edge:rgba(39,196,192,.45)} /* ========================================================================= MI CUENTA (WooCommerce my-account): login/registro + área de cliente Scoped a body.bk-skin.woocommerce-account para no tocar carrito/checkout. ========================================================================= */ /* ---- Navegación de pestañas ---- */ body.bk-skin.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0} body.bk-skin.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:10px; color:var(--bk-texto3);font-family:var(--bk-sub);font-weight:600;font-size:14px; letter-spacing:.03em;text-transform:uppercase;transition:background .18s,color .18s,border-color .18s; } body.bk-skin.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--bk-elevado);color:var(--bk-texto)} body.bk-skin.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:var(--bk-acento);color:var(--bk-fondo); text-shadow:-1px 0 rgba(0,0,0,.4),1px 0 rgba(0,0,0,.4),0 -1px rgba(0,0,0,.4),0 1px rgba(0,0,0,.4); } /* Tienda física: sin descargas digitales */ body.bk-skin .woocommerce-MyAccount-navigation-link--downloads{display:none} /* ---- Contenido ---- */ body.bk-skin.woocommerce-account .woocommerce-MyAccount-content{color:var(--bk-texto2);font-size:15px;line-height:1.6} body.bk-skin.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:var(--bk-acento)} body.bk-skin.woocommerce-account .woocommerce-MyAccount-content strong{color:var(--bk-texto)} body.bk-skin.woocommerce-account .woocommerce-MyAccount-content h2, body.bk-skin.woocommerce-account .woocommerce-MyAccount-content h3{ font-family:var(--bk-display);text-transform:uppercase;color:var(--bk-texto);letter-spacing:.02em;margin:0 0 16px; } /* ---- Login + Registro (dos columnas en tarjetas) ---- */ body.bk-skin #customer_login.u-columns, body.bk-skin #customer_login.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start} body.bk-skin #customer_login .col-1, body.bk-skin #customer_login .col-2{width:auto;float:none;margin:0} body.bk-skin .woocommerce-form-login, body.bk-skin .woocommerce-form-register{ position:relative;overflow:hidden;background:var(--bk-superficie);border:1px solid var(--bk-borde); border-radius:16px;padding:30px 28px 26px;margin:0; } body.bk-skin .woocommerce-form-login::before, body.bk-skin .woocommerce-form-register::before{ content:"";position:absolute;top:0;left:0;right:0;height:4px; background:repeating-linear-gradient(45deg,var(--bk-acento) 0 12px,var(--bk-fondo) 12px 24px);opacity:.7; } body.bk-skin #customer_login h2{ font-family:var(--bk-display);text-transform:uppercase;font-size:24px;color:var(--bk-texto);margin:0 0 18px;letter-spacing:.02em; } body.bk-skin .woocommerce-form-login__rememberme, body.bk-skin .woocommerce-form-register .woocommerce-form__label-for-checkbox{ display:flex;align-items:center;gap:8px;font-family:var(--bk-mono);font-size:12px;color:var(--bk-texto3);margin:6px 0 14px; } body.bk-skin .woocommerce-LostPassword a{font-family:var(--bk-mono);font-size:12px} body.bk-skin .woocommerce-form-register__submit, body.bk-skin .woocommerce-form-login .button{margin-top:6px} /* ---- Campos de formulario (login + cuenta + direcciones) ---- */ body.bk-skin.woocommerce-account .woocommerce form .form-row, body.bk-skin .woocommerce-form-row{margin:0 0 16px} body.bk-skin.woocommerce-account label, body.bk-skin .woocommerce-form-row label{ display:block;font-family:var(--bk-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase; color:var(--bk-tenue);margin-bottom:6px; } body.bk-skin.woocommerce-account .input-text, body.bk-skin.woocommerce-account input[type="text"], body.bk-skin.woocommerce-account input[type="email"], body.bk-skin.woocommerce-account input[type="password"], body.bk-skin.woocommerce-account input[type="tel"], body.bk-skin.woocommerce-account select, body.bk-skin.woocommerce-account textarea, body.bk-skin .woocommerce-form-row .input-text{ width:100%;background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:9px; color:var(--bk-texto);font-family:var(--bk-body);font-size:15px;padding:12px 14px;transition:border-color .18s; } body.bk-skin.woocommerce-account .input-text:focus, body.bk-skin.woocommerce-account select:focus, body.bk-skin.woocommerce-account textarea:focus{outline:none;border-color:var(--bk-acento)} body.bk-skin.woocommerce-account .input-text::placeholder{color:var(--bk-tenue)} body.bk-skin.woocommerce-account .woocommerce-password-strength{font-family:var(--bk-mono);font-size:12px;border-radius:8px} body.bk-skin.woocommerce-account .woocommerce-form-row em, body.bk-skin.woocommerce-account .woocommerce form .form-row .required{color:var(--bk-tenue);font-size:12px} /* ---- Tabla de pedidos ---- */ body.bk-skin.woocommerce-account .woocommerce-orders-table{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;border-collapse:separate;overflow:hidden; } body.bk-skin.woocommerce-account .woocommerce-orders-table th{ font-family:var(--bk-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-tenue); background:var(--bk-elevado);padding:14px 16px;border:none; } body.bk-skin.woocommerce-account .woocommerce-orders-table td{border-top:1px solid var(--bk-borde);color:var(--bk-texto3);padding:14px 16px} body.bk-skin.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total .amount{color:var(--bk-acento);font-family:var(--bk-sub);font-weight:600} /* ---- Direcciones (dos tarjetas) ---- */ body.bk-skin.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px} body.bk-skin.woocommerce-account .woocommerce-Address{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;padding:24px; } body.bk-skin.woocommerce-account .woocommerce-Address-title h3{margin-bottom:10px} body.bk-skin.woocommerce-account address{color:var(--bk-texto3);font-style:normal;line-height:1.7;font-size:14px} /* ---- Avisos WooCommerce en estética Búnker ---- */ body.bk-skin.woocommerce-account .woocommerce-message, body.bk-skin.woocommerce-account .woocommerce-info, body.bk-skin.woocommerce-account .woocommerce-error li{ background:var(--bk-superficie);border:1px solid var(--bk-borde);border-left:3px solid var(--bk-acento); border-radius:10px;color:var(--bk-texto2);font-family:var(--bk-mono);font-size:13px; } @media(max-width:880px){ body.bk-skin #customer_login.u-columns, body.bk-skin #customer_login.col2-set, body.bk-skin.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr} } /* dorso por imagen real (override por carta / cara B de doble) */ .bk-cardback--img{background:#0b0b0d;padding:0} .bk-cardback--img img{width:100%;height:100%;object-fit:contain;display:block} /* ========================================================================= 17. SELECTOR DE ENVÍOS (carrito + checkout) Cada método = tarjeta con icono, nombre, precio neón y LED de selección. Markup: