/* HX40 · ficha, kit, colección y carrito (09-11-2026). Agente FICHA/CONVERSIÓN. Fuente legible: /home/claude/hx40/pdp/hx40-pdp.css y f4.css (build.py). El CSS antiguo usa !important con hasta 4 ids, así que todo va anidado bajo un selector con 5 ids y con !important. Partes: hx40p-a2..a6.css por @import; el CDN ignora ?v=, así que al cambiar una parte hay que darle un nombre nuevo (hx40p-b2.css…) y cambiar aquí el @import. HX43: a7..a9 y b10 = ficha y kit (fuente en /home/claude/hx43f/). */:root{--xp-ink: var(--x-ink,#161B2E);--xp-ink2: var(--x-ink-2,#4A5068);--xp-white: var(--x-white,#FFFFFF);--xp-mist: var(--x-mist,#EEF0F5);--xp-mist2: var(--x-mist-2,#E2E6EF);--xp-sand: var(--x-sand,#F6F2EA);--xp-sun: var(--x-sun,#F5B82E);--xp-sun2: var(--x-sun-2,#E5A41A);--xp-leaf: var(--x-leaf,#138A4B);--xp-red: var(--x-red,#C8322B);--xp-line: var(--x-line,#DCE0E8);--xp-shadow: 0 1px 2px rgba(22,27,46,.06),0 12px 32px -16px rgba(22,27,46,.18);--xp-head: 'Satoshi','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--xp-body: 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--xp-ease: cubic-bezier(.2,.7,.2,1)}html body:not(#hx40a):not(#hx40b):not(#hx40c):not(#hx40d):not(#hx40e){& section.hx40p{background: var(--xp-white) !important;color: var(--xp-ink) !important;font-family: var(--xp-body) !important;padding: clamp(56px,7vw,104px) 0 !important;margin: 0 !important}& section.hx40p *,& section.hx40p *::before,& section.hx40p *::after{box-sizing: border-box !important}& .hx40p-wrap{width: 100% !important;max-width: 1280px !important;margin: 0 auto !important;padding: 0 clamp(20px,4vw,48px) !important}& .hx40p-eyebrow{margin: 0 0 12px !important;font: 600 13px/1.3 var(--xp-body) !important;letter-spacing: .08em !important;text-transform: uppercase !important;color: var(--xp-ink2) !important}& .hx40p-h2{margin: 0 0 16px !important;font: 900 clamp(30px,3.4vw,48px)/1.08 var(--xp-head) !important;letter-spacing: -.02em !important;color: var(--xp-ink) !important;text-wrap: balance !important}& .hx40p-h2 .hx4-hl{background: linear-gradient(transparent 62%,rgba(245,184,46,.45) 62%) !important;color: inherit !important;padding: 0 .04em !important;-webkit-text-fill-color: currentColor !important}& .hx40p-lead{margin: 0 0 24px !important;max-width: 62ch !important;font: 400 17px/1.6 var(--xp-body) !important;color: var(--xp-ink2) !important}& .hx40p-note{margin: 16px 0 0 !important;max-width: 62ch !important;font: 400 14px/1.55 var(--xp-body) !important;color: var(--xp-ink2) !important}& .hx40p-link{font: 600 15px/1.4 var(--xp-body) !important;color: var(--xp-ink) !important;text-decoration: none !important;background: linear-gradient(var(--xp-sun),var(--xp-sun)) 0 100% / 100% 2px no-repeat !important;padding-bottom: 3px !important}& .hx40p-link:hover{background-size: 100% 100% !important}& .hx40p-btn{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;min-height: 52px !important;padding: 0 28px !important;border: 0 !important;border-radius: 999px !important;font: 600 16px/1.2 var(--xp-body) !important;text-decoration: none !important;cursor: pointer !important;text-align: center !important;transition: background-color .2s var(--xp-ease),transform .2s var(--xp-ease),color .2s var(--xp-ease) !important}& .hx40p-btn:hover{transform: translateY(-1px) !important}& .hx40p-btn .hx4-ico{width: 20px !important;height: 20px !important}& .hx40p-btn--sun{background: var(--xp-sun) !important;color: var(--xp-ink) !important}& .hx40p-btn--sun:hover{background: var(--xp-sun2) !important}& .hx40p-btn--ink{background: var(--xp-ink) !important;color: #fff !important}& .hx40p-btn--ink:hover{background: #262C44 !important}& .hx40p-btn--mist{background: var(--xp-mist) !important;color: var(--xp-ink) !important}& .hx40p-btn--leaf{background: var(--xp-leaf) !important;color: #fff !important}& .hx40p-btn--leaf:hover{background: #0F7840 !important}& .hx40p :focus-visible,& #ficha :focus-visible,& #producto :focus-visible{outline: 3px solid var(--xp-sun) !important;outline-offset: 2px !important}& .hx4-ico{fill: none !important;stroke: currentColor !important;stroke-width: 1.6 !important;stroke-linecap: round !important;stroke-linejoin: round !important}& #ficha.hx4-ficha{background: var(--xp-white) !important;padding: clamp(16px,2.4vw,40px) 0 clamp(48px,6vw,88px) !important}& #ficha .hx4-wrap.hx4-pdp{display: grid !important;grid-template-columns: minmax(0,1.12fr) minmax(0,1fr) !important;gap: clamp(32px,4.5vw,72px) !important;align-items: start !important;max-width: 1280px !important;margin: 0 auto !important;padding: 0 clamp(20px,4vw,48px) !important}& #ficha .hx14-galcol{position: sticky !important;top: 96px !important;min-width: 0 !important}& #ficha .hx14-gal{display: grid !important;grid-template-columns: 76px minmax(0,1fr) !important;gap: 16px !important;align-items: start !important}& #ficha .hx14-gal:not(.hx14-gal--thumbs){grid-template-columns: minmax(0,1fr) !important}& #ficha .hx14-gal .hx4-gal{grid-column: 2 !important;grid-row: 1 !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;background: none !important;border: 0 !important;box-shadow: none !important}& #ficha .hx14-gal:not(.hx14-gal--thumbs) .hx4-gal{grid-column: 1 !important}& #ficha .hx4-main{position: relative !important;overflow: hidden !important;aspect-ratio: 1 / 1 !important;border: 0 !important;border-radius: 28px !important;box-shadow: none !important;padding: 0 !important;background: linear-gradient(128deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 42%),linear-gradient(180deg,var(--xp-mist) 0%,var(--xp-mist2) 100%) !important}& #ficha .hx4-main>img.hx4-gal__img{width: 100% !important;height: 100% !important;object-fit: cover !important;border-radius: 0 !important;background: transparent !important}& #ficha .hx4-thumbs{grid-column: 1 !important;grid-row: 1 !important;display: flex !important;flex-direction: column !important;gap: 10px !important;margin: 0 !important;padding: 0 !important;max-height: none !important;overflow: visible !important}& #ficha .hx4-thumb{width: 76px !important;height: 76px !important;padding: 0 !important;overflow: hidden !important;border: 0 !important;border-radius: 14px !important;background: var(--xp-mist) !important;box-shadow: inset 0 0 0 1px transparent !important;opacity: .78 !important;cursor: pointer !important;transition: opacity .2s,box-shadow .2s !important}& #ficha .hx4-thumb img{width: 100% !important;height: 100% !important;object-fit: cover !important;border-radius: 14px !important}& #ficha .hx4-thumb:hover{opacity: 1 !important}& #ficha .hx4-thumb.hx4-on,& #ficha .hx4-thumb[aria-pressed='true']{opacity: 1 !important;box-shadow: 0 0 0 2px var(--xp-white),0 0 0 4px var(--xp-ink) !important}& #ficha .hx4-gal__more{display: none !important}& #ficha .hx14-kitview{background: linear-gradient(180deg,var(--xp-mist) 0%,var(--xp-mist2) 100%) !important;border-radius: 28px !important}& #ficha .hx14-kitview figcaption{background: rgba(255,255,255,.92) !important;color: var(--xp-ink) !important;border-radius: 999px !important;font: 500 13px/1.35 var(--xp-body) !important;padding: 8px 16px !important;left: 16px !important;right: 16px !important;bottom: 16px !important;border: 0 !important;box-shadow: var(--xp-shadow) !important}& #ficha .hx4-main>.hx24-photonote{position: absolute !important;left: 16px !important;bottom: 16px !important;right: auto !important;top: auto !important;z-index: 2 !important;max-width: calc(100% - 32px) !important;margin: 0 !important;padding: 8px 14px 8px 32px !important;border: 0 !important;border-radius: 999px !important;background: rgba(255,255,255,.94) url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23161B2E%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Cpath%20d=%27M12%2011v6M12%207.5v.5%27/%3E%3C/svg%3E) 11px 50% / 15px no-repeat !important;color: var(--xp-ink) !important;font: 500 13px/1.35 var(--xp-body) !important;box-shadow: var(--xp-shadow) !important;text-shadow: none !important}& #ficha .hx4-buy{min-width: 0 !important;padding: 8px 0 0 !important;background: none !important;border: 0 !important;box-shadow: none !important;color: var(--xp-ink) !important;font-family: var(--xp-body) !important}& #ficha .hx4-buy h1{margin: 0 0 12px !important;font: 900 clamp(36px,3.6vw,56px)/1.02 var(--xp-head) !important;letter-spacing: -.025em !important;color: var(--xp-ink) !important;text-wrap: balance !important;max-width: 16ch !important}& .hx40p-brand{position: absolute !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;white-space: nowrap !important}& #ficha .hx4-buy .hx14-chips,& #ficha .hx4-buy .hx4-chips{display: none !important}& #ficha .hx4-buy .hx4-ld{margin: 0 0 18px !important;max-width: 52ch !important;font: 400 17px/1.55 var(--xp-body) !important;color: var(--xp-ink2) !important}& #ficha .hx4-buy .hx4-ld .hx17-term{color: var(--xp-ink) !important;text-decoration-color: var(--xp-sun) !important}& #ficha .hx40p-bens{list-style: none !important;margin: 0 0 22px !important;padding: 0 !important;display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 10px !important}& #ficha .hx40p-bens li{display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 10px !important;padding: 14px !important;background: var(--xp-mist) !important;border-radius: 18px !important;font: 600 14px/1.3 var(--xp-body) !important;color: var(--xp-ink) !important}& #ficha .hx40p-bens__ic{display: grid !important;place-items: center !important;width: 36px !important;height: 36px !important;border-radius: 50% !important;background: var(--xp-white) !important;color: var(--xp-ink) !important}& #ficha .hx40p-bens__ic .hx4-ico{width: 20px !important;height: 20px !important}& #ficha .hx4-price{display: flex !important;align-items: baseline !important;flex-wrap: wrap !important;gap: 6px 12px !important;margin: 0 0 22px !important;padding: 0 !important;border: 0 !important}& #ficha .hx4-price [data-hx4-p-now]{font: 900 clamp(34px,3vw,42px)/1 var(--xp-head) !important;letter-spacing: -.02em !important;color: var(--xp-ink) !important}& #ficha .hx4-price s{font: 500 18px/1 var(--xp-body) !important;color: var(--xp-ink2) !important}& #ficha .hx4-price .hx4-sale{background: var(--xp-red) !important;color: #fff !important;border-radius: 999px !important;padding: 4px 10px !important;font: 600 13px/1 var(--xp-body) !important}& #ficha .hx4-price .hx4-vat{font: 500 14px/1.3 var(--xp-body) !important;color: var(--xp-ink2) !important}& #ficha .hx4-stepl{display: flex !important;align-items: baseline !important;gap: 8px !important;margin: 22px 0 10px !important;padding: 0 !important;font: 600 13px/1.3 var(--xp-body) !important;letter-spacing: .08em !important;text-transform: uppercase !important;color: var(--xp-ink2) !important}& #ficha .hx4-stepl b{display: none !important}& #ficha .hx4-stepl .hx4-mono{text-transform: none !important;letter-spacing: 0 !important;font: 600 14px/1.3 var(--xp-body) !important;color: var(--xp-ink) !important}& #ficha .hx4-offers{display: grid !important;gap: 10px !important;margin: 0 !important}& #ficha .hx4-offer{position: relative !important;display: grid !important;grid-template-columns: 22px auto minmax(0,1fr) auto !important;align-items: center !important;gap: 12px !important;width: 100% !important;min-height: 72px !important;margin: 0 !important;padding: 14px 18px !important;text-align: left !important;cursor: pointer !important;background: var(--xp-mist) !important;border: 0 !important;border-radius: 18px !important;box-shadow: inset 0 0 0 2px transparent !important;color: var(--xp-ink) !important;transition: box-shadow .2s var(--xp-ease),background-color .2s var(--xp-ease) !important}& #ficha .hx4-offer[data-o='solo']{grid-template-columns: 22px minmax(0,1fr) auto !important}& #ficha .hx4-offer:hover{background: var(--xp-mist2) !important}& #ficha .hx4-offer.hx4-on{background: var(--xp-white) !important;box-shadow: inset 0 0 0 2px var(--xp-ink),var(--xp-shadow) !important}& #ficha .hx14-offer__rad{width: 22px !important;height: 22px !important;border-radius: 50% !important;border: 2px solid var(--xp-ink2) !important;background: var(--xp-white) !important;box-shadow: none !important}& #ficha .hx4-offer.hx4-on .hx14-offer__rad{border-color: var(--xp-ink) !important;background: radial-gradient(circle,var(--xp-ink) 0 5px,var(--xp-white) 5.5px) !important}& #ficha .hx14-offer__im{width: 48px !important;height: 48px !important;border-radius: 12px !important;overflow: hidden !important;background: var(--xp-white) !important}& #ficha .hx14-offer__im img{width: 100% !important;height: 100% !important;object-fit: cover !important}& #ficha .hx14-offer__t b{display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 6px 8px !important;font: 700 16px/1.25 var(--xp-body) !important;color: var(--xp-ink) !important}& #ficha .hx14-offer__t small{display: block !important;margin-top: 3px !important;font: 400 13px/1.4 var(--xp-body) !important;color: var(--xp-ink2) !important}& #ficha .hx14-rec{background: var(--xp-sun) !important;color: var(--xp-ink) !important;border: 0 !important;border-radius: 999px !important;padding: 3px 9px !important;font: 600 11px/1.2 var(--xp-body) !important;font-style: normal !important;letter-spacing: .03em !important;text-transform: none !important}& #ficha .hx4-offer .hx4-pr{font: 800 17px/1.15 var(--xp-head) !important;color: var(--xp-ink) !important;text-align: right !important;white-space: nowrap !important}& #ficha .hx4-offer .hx4-pr s{display: block !important;font: 500 13px/1.2 var(--xp-body) !important;color: var(--xp-ink2) !important}& #ficha .hx14-kbd{grid-column: 1 / -1 !important;margin: 6px 0 0 !important;padding: 12px 0 0 !important;border-top: 1px solid var(--xp-line) !important;font: 400 13px/1.5 var(--xp-body) !important;color: var(--xp-ink2) !important}}