/* BAW 212 · Borragán Automoción · 3.1.0 · CSS blindado para convivir con el tema (generado por herramientas/empaquetar.mjs; no editar aquí) */
.b212:not(#b212-x) { --b-noche: #0B0D0C; --b-grafito: #161918; --b-ceniza: #2A2E2C; --b-hueso: #EDEAE3; --b-piedra: #9A9F9A; --b-lime: #DAF900; --b-arcilla: #E2A36B; --b-line: rgba(237, 234, 227, .14); --b-line-2: rgba(237, 234, 227, .30); --b-ease: cubic-bezier(.16, 1, .3, 1); --b-display: "Geist", "Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif; --b-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace; --b-top: calc(56px + env(safe-area-inset-top, 0px)); --b-dock: 84px; font-family: var(--b-display); font-feature-settings: "tnum" 1, "cv11" 1; font-variant-numeric: tabular-nums; color: var(--b-hueso) !important; background: var(--b-noche) !important; line-height: 1.5; -webkit-font-smoothing: antialiased; min-height: 100% }
.b212 *:not(#b212-x), .b212 *:not(#b212-x)::before, .b212 *:not(#b212-x)::after { box-sizing: border-box }
.b212 button:not(#b212-x), .b212 input:not(#b212-x), .b212 select:not(#b212-x), .b212 textarea:not(#b212-x) { font: inherit; color: inherit !important }
.b212 button:not(#b212-x) { cursor: pointer }
.b212 h2:not(#b212-x), .b212 h3:not(#b212-x), .b212 p:not(#b212-x) { margin: 0 }
.b212 ul:not(#b212-x), .b212 ol:not(#b212-x) { margin: 0; padding: 0; list-style: none }
.b212 a:not(#b212-x) { color: inherit !important }
.b212 :focus-visible:not(#b212-x) { outline: 2px solid var(--b-lime); outline-offset: 3px }
.b212:not(#b212-x) { font-size: 16px }
.b212 :where(button, [type=button], [type=submit]):not(#b212-x) { background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0; box-shadow: none !important; color: inherit !important; font: inherit; letter-spacing: inherit; text-transform: inherit !important; text-align: inherit; text-decoration: none; padding: 0; margin: 0; width: auto; min-width: 0; white-space: normal; user-select: auto; transition: none }
.b212 :where(a):not(#b212-x) { color: inherit !important; text-decoration: none; background-color: transparent !important; box-shadow: none !important }
.b212 :where(h1, h2, h3, h4, h5, h6):not(#b212-x) { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit !important; color: inherit !important; margin: 0 }
.b212 :where(p, ul, ol, li, figure, blockquote, label, small, span):not(#b212-x) { color: inherit !important; font-family: inherit; text-transform: inherit !important }
.b212 :where(label):not(#b212-x) { display: inline; line-height: inherit; vertical-align: baseline }
.b212 :where(input, select, textarea):not(#b212-x) { font: inherit; color: inherit !important; letter-spacing: inherit; text-transform: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; padding: 0; margin: 0; width: auto; transition: none }
.b212 :where(img, svg):not(#b212-x) { border: 0 !important; border-radius: 0; box-shadow: none !important; max-width: 100% }
.b212 :where(table, th, td):not(#b212-x) { border: 0 !important; background: transparent !important; padding: 0; font: inherit }
.b212-hp:not(#b212-x) { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden }
html.b212-lock .joinchat:not(#b212-x) { display: none !important }
.b212 small:not(#b212-x) { font-size: .85em }
.b212-top:not(#b212-x) { position: sticky; top: 0; z-index: 20; min-height: var(--b-top); padding: env(safe-area-inset-top, 0px) max(24px, env(safe-area-inset-right, 0px)) 0 max(24px, env(safe-area-inset-left, 0px)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; background: rgba(11, 13, 12, .78) !important; -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px); border-bottom: 1px solid var(--b-line) !important }
.b212-back:not(#b212-x) { justify-self: start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 4px; border: 0 !important; background: transparent !important; font-size: 14px; font-weight: 500; letter-spacing: .04em; color: var(--b-hueso) !important }
.b212-back span:not(#b212-x) { font-size: 20px; line-height: 1; transition: transform .5s var(--b-ease); display: inline-block }
.b212-logo212:not(#b212-x) { width: 39px; height: 17px; display: block; flex: none }
.b212-back:hover span:not(#b212-x) { transform: translateX(-3px) }
.b212-solo .b212-back:not(#b212-x) { visibility: hidden }
.b212-steps:not(#b212-x) { display: flex; gap: 6px }
.b212-steps button:not(#b212-x) { display: flex; flex-direction: column; gap: 9px; min-width: 104px; min-height: 44px; padding: 12px 6px 0; border: 0 !important; background: transparent !important; color: var(--b-piedra) !important; text-align: left; transition: color .5s var(--b-ease) }
.b212-steps i:not(#b212-x) { display: block; height: 2px; width: 100%; background: var(--b-line) !important; transition: background .6s var(--b-ease) }
.b212-steps .n:not(#b212-x) { display: none }
.b212-steps .t:not(#b212-x) { font-size: 12px; font-weight: 500; letter-spacing: .02em }
.b212-steps li.done i:not(#b212-x) { background: var(--b-hueso) !important }
.b212-steps li.on button:not(#b212-x) { color: var(--b-hueso) !important }
.b212-steps li.on i:not(#b212-x) { background: var(--b-lime) !important }
.b212-steps button:disabled:not(#b212-x) { cursor: not-allowed; opacity: .5 }
.b212-steps button:not(:disabled):hover:not(#b212-x) { color: var(--b-hueso) !important }
.b212-right:not(#b212-x) { justify-self: end; display: flex; align-items: center; gap: 14px }
.b212-com:not(#b212-x) { display: flex; align-items: center; gap: 10px }
.b212-cli:not(#b212-x) { display: inline-flex; gap: 2px; border: 1px solid var(--b-line) !important; border-radius: 999px; padding: 3px }
.b212-cli button:not(#b212-x) { min-height: 32px; padding: 0 14px; border: 0 !important; border-radius: 999px; background: transparent !important; color: var(--b-piedra) !important; font-size: 12.5px; font-weight: 500; transition: background .4s var(--b-ease), color .4s var(--b-ease) }
.b212-cli button:hover:not(#b212-x) { color: var(--b-hueso) !important }
.b212-cli button.on:not(#b212-x) { background: var(--b-hueso) !important; color: var(--b-noche) !important }
.b212-cli-sec:not(#b212-x) { margin-bottom: 6px }
.b212-cli-sec button:not(#b212-x) { min-height: 38px; padding: 0 18px; font-size: 14px }
.b212-cli-sec + .b212-mini:not(#b212-x) { margin: 0 0 18px }
.b212-com > span:not(#b212-x) { font-family: var(--b-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212 select:not(#b212-x) { -webkit-appearance: none; appearance: none; background: rgba(255, 255, 255, .05) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23EDEAE3' stroke-width='1.6'/></svg>") no-repeat right 12px center !important; border: 1px solid var(--b-line-2) !important; color: var(--b-hueso) !important; cursor: pointer }
.b212 select option:not(#b212-x) { color: #111 !important; background: #fff !important }
.b212-com select:not(#b212-x) { min-height: 38px; max-width: 260px; border-radius: 999px; padding: 6px 34px 6px 14px; font-size: 13px; font-weight: 500 }
.b212-com select:hover:not(#b212-x) { border-color: var(--b-hueso) !important }
.b212-aviso:not(#b212-x) { margin: 16px auto 0; max-width: 1720px; padding: 12px max(40px, env(safe-area-inset-right, 0px)) 0; font-size: 13px; color: var(--b-arcilla) !important }
.b212-aviso b:not(#b212-x) { font-weight: 500 }
.b212-main:not(#b212-x) { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(400px, 560px); gap: 0 clamp(24px, 4vw, 64px); max-width: 1720px; margin: 0 auto; padding: 0 max(40px, env(safe-area-inset-right, 0px)) calc(var(--b-dock) + 56px) max(40px, env(safe-area-inset-left, 0px)) }
.b212-stage:not(#b212-x) { position: sticky; top: var(--b-top); height: calc(100vh - var(--b-top) - var(--b-dock)); height: calc(100svh - var(--b-top) - var(--b-dock)); display: flex; flex-direction: column; justify-content: center; padding: 12px 0 8px }
.b212-canvas:not(#b212-x) { position: relative; flex: none; margin: 0 auto; width: 100%; aspect-ratio: 16 / 9; max-height: 100% }
.b212-canvas img:not(#b212-x), .b212-canvas .b212-svg:not(#b212-x) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transform: scale(1.012); transition: opacity .75s var(--b-ease), transform 1.4s var(--b-ease); user-select: none; -webkit-user-drag: none; -webkit-mask-image: radial-gradient(ellipse 72% 82% at 50% 52%, #000 44%, transparent 100%), linear-gradient(to right, transparent 0, #000 13%, #000 87%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 82%, transparent 100%); mask-image: radial-gradient(ellipse 72% 82% at 50% 52%, #000 44%, transparent 100%), linear-gradient(to right, transparent 0, #000 13%, #000 87%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 82%, transparent 100%); -webkit-mask-composite: source-in, source-in; mask-composite: intersect }
.b212-canvas img:not([src]):not(#b212-x) { display: none }
.b212-canvas img.on:not(#b212-x), .b212-canvas .b212-svg.on:not(#b212-x) { opacity: 1; transform: none }
.b212-canvas .b212-svg svg:not(#b212-x) { width: 100%; height: 100%; display: block }
.b212-stage-ui:not(#b212-x) { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; padding-top: 8px }
.b212-seg:not(#b212-x), .b212-frames:not(#b212-x) { display: inline-flex; gap: 2px; border: 1px solid var(--b-line) !important; border-radius: 999px; padding: 3px }
.b212-frames[hidden]:not(#b212-x) { display: none }
.b212-seg button:not(#b212-x), .b212-frames button:not(#b212-x) { min-height: 36px; padding: 0 16px; border: 0 !important; border-radius: 999px; background: transparent !important; color: var(--b-piedra) !important; font-size: 13px; font-weight: 500; transition: background .4s var(--b-ease), color .4s var(--b-ease) }
.b212-seg button:hover:not(#b212-x), .b212-frames button:hover:not(#b212-x) { color: var(--b-hueso) !important }
.b212-seg button.on:not(#b212-x), .b212-frames button.on:not(#b212-x) { background: var(--b-hueso) !important; color: var(--b-noche) !important }
.b212-cap:not(#b212-x) { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding-top: 14px; font-family: var(--b-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212-cap b:not(#b212-x) { color: var(--b-hueso) !important; font-weight: 500; letter-spacing: .16em; margin-right: 4px }
.b212-cap .chip:not(#b212-x) { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--b-line) !important; border-radius: 999px; padding: 4px 11px }
.b212-cap .chip i:not(#b212-x) { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25) !important }
.b212-cap .nota:not(#b212-x) { flex-basis: 100%; text-align: center; font-family: var(--b-display); font-size: 12px; letter-spacing: 0; text-transform: none !important; color: var(--b-piedra) !important; opacity: .75 }
.b212-flow:not(#b212-x) { padding-top: 22px }
.b212-sec:not(#b212-x) { border-top: 1px solid var(--b-line) !important; scroll-margin-top: calc(var(--b-top) + 10px) }
.b212-sec:last-of-type:not(#b212-x) { border-bottom: 1px solid var(--b-line) !important }
.b212-sec-h:not(#b212-x) { width: 100%; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: baseline; column-gap: 8px; padding: 22px 0 20px; border: 0 !important; background: transparent !important; color: var(--b-hueso) !important; text-align: left; transition: padding .6s var(--b-ease) }
.b212-sec-h .n:not(#b212-x) { grid-column: 1; grid-row: 1; font-family: var(--b-mono); font-size: 11px; letter-spacing: .16em; color: var(--b-piedra) !important }
.b212-sec-h .t:not(#b212-x) { grid-column: 2; grid-row: 1; font-size: 22px; font-weight: 400; letter-spacing: -.02em; line-height: 1.1; transition: font-size .6s var(--b-ease) }
.b212-sec-h .s:not(#b212-x) { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; font-size: 14px; color: var(--b-piedra) !important }
.b212-sec-h .s:empty:not(#b212-x) { display: none }
.b212-sec-h .s b:not(#b212-x) { color: var(--b-hueso) !important; font-weight: 500 }
.b212-sec-h .s i:not(#b212-x) { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25) !important }
.b212-sec-h .c:not(#b212-x) { grid-column: 3; grid-row: 1; font-size: 13px; color: var(--b-piedra) !important; border-bottom: 1px solid transparent !important; opacity: 0; transition: opacity .4s, color .4s, border-color .4s }
.b212-sec.is-done .b212-sec-h .c:not(#b212-x) { opacity: 1 }
.b212-sec.is-done .b212-sec-h:hover .c:not(#b212-x) { color: var(--b-hueso) !important; border-bottom-color: var(--b-lime) !important }
.b212-sec.is-open .b212-sec-h:not(#b212-x) { padding-top: 30px; padding-bottom: 14px; cursor: default }
.b212-sec.is-open .b212-sec-h .t:not(#b212-x) { font-size: clamp(28px, 2.4vw, 34px); font-weight: 300; letter-spacing: -.03em }
.b212-sec.is-open .b212-sec-h .s:not(#b212-x), .b212-sec.is-open .b212-sec-h .c:not(#b212-x) { display: none }
.b212-sec.is-locked:not(#b212-x) { opacity: .38 }
.b212-sec.is-locked .b212-sec-h:not(#b212-x) { cursor: not-allowed }
.b212-sec-b:not(#b212-x) { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .75s var(--b-ease) }
.b212-sec-in:not(#b212-x) { overflow: hidden; min-height: 0 }
.b212-sec-in > *:not(#b212-x) { opacity: 0; transform: translateY(12px); transition: opacity .55s var(--b-ease), transform .8s var(--b-ease) }
.b212-sec.is-open .b212-sec-b:not(#b212-x) { grid-template-rows: 1fr }
.b212-sec.is-open .b212-sec-in > *:not(#b212-x) { opacity: 1; transform: none }
.b212-sec.is-open .b212-sec-in > :nth-child(2):not(#b212-x) { transition-delay: .06s }
.b212-sec.is-open .b212-sec-in > :nth-child(3):not(#b212-x) { transition-delay: .12s }
.b212-sec.is-open .b212-sec-in > :nth-child(n+4):not(#b212-x) { transition-delay: .18s }
.b212-sec-in > :last-child:not(#b212-x) { margin-bottom: 36px }
.b212-sec-in .lead:not(#b212-x) { font-size: 15px; color: var(--b-piedra) !important; max-width: 58ch; margin-bottom: 22px; text-wrap: pretty }
.b212-sec-in .lead b:not(#b212-x) { color: var(--b-hueso) !important; font-weight: 500 }
.b212-group:not(#b212-x) { margin-top: 22px }
.b212-group h3:not(#b212-x) { font-family: var(--b-mono); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase !important; color: var(--b-piedra) !important; margin-bottom: 12px }
.b212-list li:not(#b212-x) { padding: 8px 0; border-top: 1px solid var(--b-line) !important; font-size: 14px }
.b212-src:not(#b212-x) { font-size: 12px; color: var(--b-piedra) !important; margin-top: 26px; text-wrap: pretty }
.b212-cards:not(#b212-x) { display: grid; gap: 10px }
.b212-card:not(#b212-x) { position: relative; display: block; width: 100%; text-align: left; padding: 20px 60px 20px 22px; background: rgba(255, 255, 255, .025) !important; border: 1px solid var(--b-line) !important; border-radius: 4px; color: var(--b-hueso) !important; transition: border-color .45s var(--b-ease), background .45s var(--b-ease), transform .6s var(--b-ease) }
.b212-card:hover:not(#b212-x) { border-color: var(--b-line-2) !important; background: rgba(255, 255, 255, .045) !important }
.b212-card.on:not(#b212-x) { border-color: var(--b-hueso) !important; background: rgba(255, 255, 255, .05) !important }
.b212-card .tag:not(#b212-x) { display: block; font-family: var(--b-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase !important; color: var(--b-piedra) !important; margin-bottom: 10px }
.b212-card .row:not(#b212-x) { display: flex; justify-content: space-between; align-items: baseline; gap: 14px }
.b212-card .name:not(#b212-x) { font-size: 30px; font-weight: 300; letter-spacing: -.03em; line-height: 1 }
.b212-card .name.sm:not(#b212-x) { font-size: 17px; font-weight: 500; letter-spacing: -.01em }
.b212-card .price:not(#b212-x) { text-align: right }
.b212-card .price b:not(#b212-x) { display: block; font-size: 20px; font-weight: 400; letter-spacing: -.02em; white-space: nowrap }
.b212-card .price s:not(#b212-x) { display: block; font-size: 11px; color: var(--b-piedra) !important; margin-top: 2px }
.b212-card .price small:not(#b212-x) { font-size: 11px; color: var(--b-piedra) !important }
.b212-card .price em:not(#b212-x) { display: block; font-style: normal; font-size: 11px; color: var(--b-arcilla) !important }
.b212-card .specs:not(#b212-x) { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 14px; font-size: 13px; color: var(--b-piedra) !important }
.b212-card .specs b:not(#b212-x) { color: var(--b-hueso) !important; font-weight: 500 }
.b212-card .desc:not(#b212-x) { display: block; margin-top: 12px; font-size: 13.5px; color: var(--b-piedra) !important; line-height: 1.5; text-wrap: pretty }
.b212-card .entrega:not(#b212-x) { display: block; margin-top: 12px; font-family: var(--b-mono); font-size: 11px; letter-spacing: .04em; color: var(--b-piedra) !important }
.b212-card .check:not(#b212-x) { position: absolute; top: 18px; right: 18px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--b-line-2) !important; display: grid; place-items: center; color: var(--b-noche) !important; transition: background .4s var(--b-ease), border-color .4s var(--b-ease) }
.b212-card .check svg:not(#b212-x) { width: 15px; height: 15px; opacity: 0; transition: opacity .3s }
.b212-card.on .check:not(#b212-x) { background: var(--b-lime) !important; border-color: var(--b-lime) !important }
.b212-card.on .check svg:not(#b212-x) { opacity: 1 }
.b212-card.sm:not(#b212-x) { padding: 16px 60px 16px 18px }
.b212-equip:not(#b212-x) { margin-top: 18px; border-top: 1px solid var(--b-line) !important }
.b212-equip summary:not(#b212-x) { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; padding: 15px 0; font-size: 14px; font-weight: 500 }
.b212-equip summary:not(#b212-x)::-webkit-details-marker { display: none }
.b212-equip summary span:not(#b212-x) { margin-left: auto; font-family: var(--b-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212-equip summary:not(#b212-x)::after { content: "+"; width: 26px; height: 26px; border: 1px solid var(--b-line-2) !important; border-radius: 50%; display: grid; place-items: center; font-weight: 300; font-size: 17px; color: var(--b-hueso) !important }
.b212-equip[open] summary:not(#b212-x)::after { content: "–" }
.b212-equip ul:not(#b212-x) { columns: 2; column-gap: 20px; padding: 0 0 14px; font-size: 13px; color: var(--b-piedra) !important }
.b212-equip li:not(#b212-x) { break-inside: avoid; padding: 4px 0 4px 14px; position: relative }
.b212-equip li:not(#b212-x)::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--b-lime) !important }
.b212-swatches:not(#b212-x) { display: flex; flex-wrap: wrap; gap: 12px }
.b212-swatch:not(#b212-x) { position: relative; width: 58px; height: 58px; padding: 0; border: 0 !important; border-radius: 50%; background: transparent !important; display: grid; place-items: center }
.b212-swatch:not(#b212-x)::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid transparent !important; transition: border-color .4s var(--b-ease) }
.b212-swatch .sw:not(#b212-x) { position: relative; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, .58), rgba(255, 255, 255, 0) 44%), radial-gradient(circle at 72% 84%, rgba(0, 0, 0, .42), rgba(0, 0, 0, 0) 52%), var(--c) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 8px 18px rgba(0, 0, 0, .5) !important; transition: transform .55s var(--b-ease) }
.b212-swatch .sw i:not(#b212-x) { position: absolute; left: 0; right: 0; top: 0; height: 50%; background: linear-gradient(180deg, var(--t), var(--t) 88%, rgba(0, 0, 0, .25)) !important }
.b212-swatch.mate .sw:not(#b212-x) { background: radial-gradient(circle at 40% 35%, rgba(255, 255, 255, .10), rgba(255, 255, 255, 0) 55%), var(--c) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 -8px 12px rgba(0, 0, 0, .22), 0 8px 18px rgba(0, 0, 0, .5) !important }
.b212-swatch:hover .sw:not(#b212-x) { transform: scale(1.1) }
.b212-swatch.on:not(#b212-x)::after { border-color: var(--b-hueso) !important }
.b212-swatch.on .sw:not(#b212-x) { transform: scale(.84) }
.b212-swatch-name:not(#b212-x) { margin-top: 14px; display: flex; align-items: baseline; gap: 12px; font-size: 15px; min-height: 22px }
.b212-swatch-name b:not(#b212-x) { font-weight: 500 }
.b212-swatch-name span:not(#b212-x) { font-size: 13px; color: var(--b-piedra) !important }
.b212-pay:not(#b212-x) { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px }
.b212-pay button:not(#b212-x) { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border: 1px solid var(--b-line) !important; border-radius: 4px; background: rgba(255, 255, 255, .025) !important; color: var(--b-hueso) !important; text-align: left; transition: border-color .45s var(--b-ease), background .45s var(--b-ease) }
.b212-pay button span:not(#b212-x) { font-size: 17px; font-weight: 500 }
.b212-pay button small:not(#b212-x) { font-size: 13px; color: var(--b-piedra) !important }
.b212-pay button:hover:not(#b212-x) { border-color: var(--b-line-2) !important }
.b212-pay button.on:not(#b212-x) { border-color: var(--b-hueso) !important; background: rgba(255, 255, 255, .05) !important }
.b212-field:not(#b212-x) { margin-top: 16px }
.b212-field label:not(#b212-x) { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 13px; font-weight: 500; margin-bottom: 8px }
.b212-field label span:not(#b212-x) { color: var(--b-piedra) !important; font-weight: 400; font-size: 12px; text-align: right; white-space: nowrap }
.b212-field select:not(#b212-x), .b212-field input:not(#b212-x), .b212-field textarea:not(#b212-x) { width: 100%; min-height: 46px; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--b-line-2) !important; border-radius: 4px; color: var(--b-hueso) !important; padding: 10px 14px; font-size: 16px; transition: border-color .3s }
.b212-field select:not(#b212-x) { padding-right: 36px }
.b212-field input:focus:not(#b212-x), .b212-field select:focus:not(#b212-x), .b212-field textarea:focus:not(#b212-x) { outline: none; border-color: var(--b-hueso) !important }
.b212-field textarea:not(#b212-x) { resize: vertical; min-height: 88px; line-height: 1.45 }
.b212-field input.tocado:invalid:not(#b212-x), .b212-field textarea.tocado:invalid:not(#b212-x) { border-color: var(--b-arcilla) !important }
.b212-money:not(#b212-x) { position: relative }
.b212-money input:not(#b212-x) { padding-right: 36px; -moz-appearance: textfield; appearance: textfield }
.b212-money input:not(#b212-x)::-webkit-outer-spin-button, .b212-money input:not(#b212-x)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
.b212-money span:not(#b212-x) { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--b-piedra) !important }
.b212-two:not(#b212-x) { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px }
.b212-plazos:not(#b212-x) { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px }
.b212-plazos button:not(#b212-x) { min-height: 44px; border: 1px solid var(--b-line) !important; border-radius: 4px; background: transparent !important; color: var(--b-hueso) !important; font-size: 14px; font-weight: 500; transition: background .35s var(--b-ease), border-color .35s var(--b-ease), color .35s }
.b212-plazos button:hover:not(#b212-x) { border-color: var(--b-line-2) !important }
.b212-plazos button.on:not(#b212-x) { background: var(--b-hueso) !important; border-color: var(--b-hueso) !important; color: var(--b-noche) !important }
.b212-cuota:not(#b212-x) { margin-top: 16px; padding: 20px 22px; border: 1px solid var(--b-line) !important; border-radius: 4px; background: linear-gradient(160deg, rgba(218, 249, 0, .09), rgba(218, 249, 0, 0) 58%), rgba(255, 255, 255, .03) !important }
.b212-cuota .lbl:not(#b212-x) { font-family: var(--b-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212-cuota .big:not(#b212-x) { font-size: 46px; font-weight: 200; letter-spacing: -.04em; line-height: 1.05; margin-top: 8px }
.b212-cuota .big small:not(#b212-x) { font-size: 15px; font-weight: 400; letter-spacing: 0; color: var(--b-piedra) !important; margin-left: 4px }
.b212-cuota .meta:not(#b212-x) { font-size: 12.5px; color: var(--b-piedra) !important; margin-top: 10px; line-height: 1.55; text-wrap: pretty }
.b212-cuota .meta br:not(#b212-x) { content: ""; display: block; margin-top: 5px }
.b212-totales:not(#b212-x) { margin-top: 22px; border-top: 1px solid var(--b-line) !important }
.b212-totales > div:not(#b212-x) { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--b-line) !important; font-size: 14px }
.b212-totales span:not(#b212-x) { color: var(--b-piedra) !important }
.b212-totales small:not(#b212-x) { display: block; font-size: 11.5px; opacity: .85 }
.b212-totales b:not(#b212-x) { font-weight: 500; white-space: nowrap }
.b212-totales .tot span:not(#b212-x) { color: var(--b-hueso) !important; font-size: 16px }
.b212-totales .tot b:not(#b212-x) { font-size: 26px; font-weight: 300; letter-spacing: -.03em }
.b212-totales .sub b:not(#b212-x) { color: var(--b-lime) !important }
.b212-totales .dto span:not(#b212-x), .b212-totales .dto b:not(#b212-x) { color: var(--b-lime) !important }
.b212-totales .pend span:not(#b212-x) { color: var(--b-piedra) !important; font-size: 13.5px; line-height: 1.5 }
.b212-entrada:not(#b212-x) { margin-top: 4px; padding: 16px 18px 18px; border: 1px solid var(--b-line) !important; border-radius: 4px; background: rgba(255, 255, 255, .025) !important }
.b212-entrada .b212-field:not(#b212-x) { margin-top: 0 }
.b212-entrada .b212-btn:not(#b212-x) { margin-top: 14px }
.b212-entrada .b212-btn[hidden]:not(#b212-x) { display: none }
.b212-entrada .b212-estado:not(#b212-x) { margin-top: 8px; min-height: 0 }
.b212-entrada .b212-estado:empty:not(#b212-x) { display: none }
.b212-mini:not(#b212-x) { font-size: 12.5px; color: var(--b-piedra) !important; margin-top: 8px; line-height: 1.5 }
.b212-propuesta[hidden]:not(#b212-x) { display: none }
.b212-propuesta:not(#b212-x) { margin-top: 4px }
.b212-cuota .meta .bono:not(#b212-x) { color: var(--b-lime) !important; font-weight: 500 }
.b212-link[hidden]:not(#b212-x) { display: none }
.b212-link:not(#b212-x) { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 8px 0; border: 0 !important; border-bottom: 1px solid var(--b-line-2) !important; background: transparent !important; color: var(--b-hueso) !important; font-size: 14px; font-weight: 500; transition: border-color .4s }
.b212-link:hover:not(#b212-x) { border-bottom-color: var(--b-lime) !important }
.b212-link span:not(#b212-x) { transition: transform .5s var(--b-ease) }
.b212-link:hover span:not(#b212-x) { transform: translateX(4px) }
.b212-resumen:not(#b212-x) { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; border-top: 1px solid var(--b-line) !important; margin-bottom: 8px }
.b212-resumen div:not(#b212-x) { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-bottom: 1px solid var(--b-line) !important; min-width: 0 }
.b212-resumen span:not(#b212-x) { font-family: var(--b-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212-resumen b:not(#b212-x) { font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px }
.b212-resumen b i:not(#b212-x) { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25) !important; flex: none }
.b212-check:not(#b212-x) { display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; font-size: 13px; color: var(--b-piedra) !important; line-height: 1.5; cursor: pointer }
.b212-check input:not(#b212-x) { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--b-lime) }
.b212-check a:not(#b212-x) { color: var(--b-hueso) !important; text-decoration: underline; text-underline-offset: 3px }
.b212-cta:not(#b212-x) { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px }
.b212-btn:not(#b212-x) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent !important; font-size: 15px; font-weight: 500; letter-spacing: .01em; text-decoration: none; transition: background .4s var(--b-ease), color .4s var(--b-ease), border-color .4s var(--b-ease), transform .4s var(--b-ease) }
.b212-btn.primary:not(#b212-x) { background: var(--b-hueso) !important; color: var(--b-noche) !important; border-color: var(--b-hueso) !important }
.b212-btn.primary:hover:not(#b212-x) { background: var(--b-lime) !important; border-color: var(--b-lime) !important }
.b212-btn.ghost:not(#b212-x) { background: transparent !important; color: var(--b-hueso) !important; border-color: var(--b-line-2) !important }
.b212-btn.ghost:hover:not(#b212-x) { border-color: var(--b-hueso) !important }
.b212-btn:disabled:not(#b212-x) { opacity: .4; cursor: not-allowed }
.b212-btn[data-generar]:disabled:not(#b212-x) { cursor: progress }
.b212-btn svg:not(#b212-x) { width: 18px; height: 18px }
.b212-estado:not(#b212-x) { margin-top: 14px; font-size: 14px; line-height: 1.5; min-height: 1.4em }
.b212-estado.ok:not(#b212-x) { color: var(--b-lime) !important }
.b212-estado.error:not(#b212-x) { color: var(--b-arcilla) !important }
.b212-dock:not(#b212-x) { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding-bottom: env(safe-area-inset-bottom, 0px); background: rgba(11, 13, 12, .8) !important; -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px); border-top: 1px solid var(--b-line) !important }
.b212-dock[hidden]:not(#b212-x) { display: none }
.b212-dock-in:not(#b212-x) { max-width: 1720px; margin: 0 auto; min-height: var(--b-dock); padding: 12px max(40px, env(safe-area-inset-right, 0px)) 12px max(40px, env(safe-area-inset-left, 0px)); display: flex; align-items: center; gap: 24px }
.b212-dock .sum:not(#b212-x) { flex: 1; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; align-items: baseline }
.b212-dock .sum .l:not(#b212-x) { grid-column: 1 / 3; grid-row: 1; font-family: var(--b-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase !important; color: var(--b-piedra) !important }
.b212-dock .sum .v:not(#b212-x) { grid-column: 1; grid-row: 2; font-size: 34px; font-weight: 200; letter-spacing: -.04em; line-height: 1.1; white-space: nowrap }
.b212-dock .sum .d:not(#b212-x) { grid-column: 2; grid-row: 2; font-size: 12.5px; color: var(--b-piedra) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.b212-dock .nav:not(#b212-x) { display: flex; gap: 10px }
.b212-sheet:not(#b212-x) { position: fixed; top: 0; right: 0; bottom: 0; z-index: 40; width: min(480px, 100%); display: flex; flex-direction: column; background: rgba(22, 25, 24, .96) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-left: 1px solid var(--b-line) !important; box-shadow: -30px 0 70px rgba(0, 0, 0, .55) !important; animation: b212Slide .55s var(--b-ease) }
.b212-sheet[hidden]:not(#b212-x) { display: none }
@keyframes b212Slide { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.b212-sheet-h:not(#b212-x) { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: max(16px, env(safe-area-inset-top, 0px)) 22px 16px; border-bottom: 1px solid var(--b-line) !important }
.b212-sheet-h b:not(#b212-x) { font-size: 19px; font-weight: 400; letter-spacing: -.02em }
.b212-x:not(#b212-x) { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--b-line-2) !important; background: transparent !important; color: var(--b-hueso) !important; font-size: 22px; line-height: 1; display: grid; place-items: center; padding: 0; transition: border-color .3s }
.b212-x:hover:not(#b212-x) { border-color: var(--b-hueso) !important }
.b212-sheet-b:not(#b212-x) { overflow-y: auto; padding: 8px 22px calc(28px + env(safe-area-inset-bottom, 0px)) }
.b212-lines:not(#b212-x) { display: grid }
.b212-line:not(#b212-x) { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--b-line) !important; font-size: 13.5px }
.b212-line span:first-child:not(#b212-x) { color: var(--b-piedra) !important }
.b212-line span:last-child:not(#b212-x) { white-space: nowrap }
.b212-line small:not(#b212-x) { color: var(--b-piedra) !important; opacity: .85 }
.b212-line.sub:not(#b212-x) { font-weight: 500 }
.b212-line.sub span:first-child:not(#b212-x) { color: var(--b-hueso) !important }
.b212-line.dto span:not(#b212-x) { color: var(--b-lime) !important }
.b212-line.tot:not(#b212-x) { border-bottom: 0 !important; border-top: 1px solid var(--b-line-2) !important; margin-top: 4px; padding-top: 12px; font-size: 17px; font-weight: 500 }
.b212-line.tot span:first-child:not(#b212-x) { color: var(--b-hueso) !important }
.b212-legal:not(#b212-x) { margin-top: 18px; font-size: 11.5px; color: var(--b-piedra) !important; line-height: 1.55 }
.b212-legal p:not(#b212-x) { margin: 0 0 8px }
.b212-legal .warn:not(#b212-x) { color: var(--b-arcilla) !important }
.b212-legal .ok:not(#b212-x) { color: var(--b-lime) !important }
.b212-screen:not(#b212-x) { position: fixed; inset: 0; z-index: 100000; overflow-y: auto; overflow-x: hidden; background: #0B0D0C !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain }
.b212-screen[hidden]:not(#b212-x) { display: none }
html.b212-lock:not(#b212-x), html.b212-lock body:not(#b212-x) { overflow: hidden }
.b212-screen.b212-solo:not(#b212-x) { position: static; inset: auto; z-index: auto; overflow: visible }
@media (prefers-reduced-motion: reduce) {
.b212 *:not(#b212-x), .b212 *:not(#b212-x)::before, .b212 *:not(#b212-x)::after { transition: none !important; animation: none !important }
}
@media (max-width: 1023px) {
.b212-main:not(#b212-x) { display: block; padding: 0 max(18px, env(safe-area-inset-right, 0px)) calc(var(--b-dock) + 40px) max(18px, env(safe-area-inset-left, 0px)) }
.b212-stage:not(#b212-x) { position: sticky; top: var(--b-top); z-index: 5; height: auto; padding: 6px 0 10px; background: var(--b-noche) !important }
.b212-canvas:not(#b212-x) { height: 38vh; height: 38svh; min-height: 210px }
.b212-canvas img:not(#b212-x), .b212-canvas .b212-svg:not(#b212-x) { -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 52%, #000 50%, transparent 100%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 10%, #000 84%, transparent 100%); mask-image: radial-gradient(ellipse 80% 90% at 50% 52%, #000 50%, transparent 100%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 10%, #000 84%, transparent 100%) }
.b212-stage-ui:not(#b212-x) { padding-top: 4px }
.b212-seg button:not(#b212-x), .b212-frames button:not(#b212-x) { min-height: 32px; padding: 0 12px; font-size: 12px }
.b212-cap:not(#b212-x) { padding-top: 10px; font-size: 10px }
.b212-cap .nota:not(#b212-x) { display: none }
.b212-cap .chip ~ .chip:not(#b212-x) { display: none }
.b212-sec:not(#b212-x) { scroll-margin-top: calc(var(--b-top) + 38svh + 78px) }
.b212-flow:not(#b212-x) { padding-top: 6px }
.b212-top:not(#b212-x) { grid-template-columns: auto 1fr auto; gap: 10px; padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)) }
.b212-back:not(#b212-x) { font-size: 13px }
.b212-steps:not(#b212-x) { justify-self: center; gap: 5px }
.b212-steps button:not(#b212-x) { min-width: 30px; padding-top: 12px }
.b212-steps .t:not(#b212-x) { display: none }
.b212-steps li.on .t:not(#b212-x) { display: block; white-space: nowrap }
.b212-com > span:not(#b212-x) { display: none }
.b212-top .b212-cli:not(#b212-x) { display: none }
.b212-right:not(#b212-x) { gap: 8px }
.b212-com select:not(#b212-x) { max-width: 140px; padding: 6px 28px 6px 10px; font-size: 12px; min-height: 34px }
.b212-sec-h .t:not(#b212-x) { font-size: 20px }
.b212-sec.is-open .b212-sec-h .t:not(#b212-x) { font-size: 26px }
.b212-card:not(#b212-x) { padding: 18px 54px 18px 18px }
.b212-card .name:not(#b212-x) { font-size: 26px }
.b212-two:not(#b212-x) { grid-template-columns: 1fr }
.b212-plazos:not(#b212-x) { grid-template-columns: repeat(3, 1fr) }
.b212-equip ul:not(#b212-x) { columns: 1 }
.b212-resumen:not(#b212-x) { grid-template-columns: 1fr }
.b212-dock-in:not(#b212-x) { padding: 10px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px)); gap: 12px }
.b212-dock .sum .v:not(#b212-x) { font-size: 26px }
.b212-dock .sum .d:not(#b212-x) { display: none }
.b212-dock .nav .b212-btn:not(#b212-x) { padding: 0 18px; min-height: 44px; font-size: 14px }
.b212-dock .nav .b212-btn[data-desglose]:not(#b212-x) { display: none }
}
@media (max-width: 480px) {
.b212-back:not(#b212-x) { gap: 4px }
.b212-back span + *:not(#b212-x) { display: none }
.b212-cuota .big:not(#b212-x) { font-size: 38px }
.b212-cta .b212-btn:not(#b212-x) { width: 100% }
}