#modal-ventas-ia{--vss-ink:#102a37;--vss-muted:#6a7e88;--vss-teal:#087f72;--vss-teal-dark:#075e57;--vss-lime:#d9ef9f;--vss-paper:#f4f7f5;--vss-line:#dce6e3}
#modal-ventas-ia .visual-sales-header{min-height:70px!important;padding:11px 24px!important;border-color:#dfe8e5!important;box-shadow:0 2px 14px #153f3410;z-index:10}
#modal-ventas-ia .visual-sales-header h2{font-size:16px!important;letter-spacing:-.25px!important;color:#163441!important}
#modal-ventas-ia .ai-sales-steps{gap:6px!important;padding:4px;background:#f1f5f3;border-radius:99px}
#modal-ventas-ia .step-badge{display:flex!important;align-items:center;gap:6px!important;min-height:34px;padding:5px 11px!important;border:0!important;background:transparent!important;color:#73848a!important;font-size:10px!important;box-shadow:none!important}
#modal-ventas-ia .step-badge b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dfe8e5;color:#678078;font-size:9px}
#modal-ventas-ia .step-badge.active{background:#fff!important;color:#075f59!important;box-shadow:0 3px 12px #163d3214!important}
#modal-ventas-ia .step-badge.active b{background:#087f72;color:#fff}
#modal-ventas-ia .step-badge.complete b{background:#bcd99a;color:#315c20}
#modal-ventas-ia .vision-discovery{width:310px!important;flex:0 0 310px;padding:24px!important;background:#fbfcfb!important}
#modal-ventas-ia .vision-discovery .ai-sales-section-title{font-size:14px!important;letter-spacing:-.2px;color:#153542!important;margin:0 0 22px!important}
#modal-ventas-ia .visual-profile-heading{display:flex;gap:11px;align-items:center;margin-bottom:20px}
#modal-ventas-ia .visual-profile-heading>span,.vss-results-heading>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#0a8277;color:#fff;font-size:13px;font-weight:900;box-shadow:0 7px 16px #087f7228}
#modal-ventas-ia .visual-profile-heading small,.vss-results-heading small{display:block;color:#548078;font-size:8px;letter-spacing:1.7px;font-weight:900;margin-bottom:3px}
#modal-ventas-ia .visual-profile-heading .ai-sales-section-title{margin:0!important}
#modal-ventas-ia .vision-discovery label{font-size:11px!important;letter-spacing:.2px;color:#5e747d!important}
#modal-ventas-ia .vision-discovery .premium-input{background:#f3f7f5!important;border:1px solid #d8e4e0!important;border-radius:11px!important;box-shadow:none!important;color:#193743!important}
#modal-ventas-ia .vision-discovery .premium-input:focus{background:#fff!important;border-color:#2d9488!important;box-shadow:0 0 0 3px #2d948818!important}
#modal-ventas-ia .vision-discovery .ai-sales-quickbtn{border-radius:11px!important;font-size:10px!important;min-height:38px!important;box-shadow:none!important}
#modal-ventas-ia .vision-discovery .lifestyle-grid-mini{gap:7px!important}
#modal-ventas-ia .vision-discovery .ls-option{border:1px solid #dbe6e3!important;border-radius:12px!important;background:#fff!important;min-height:76px!important;font-size:10px!important;color:#5d717a!important}
#modal-ventas-ia .vision-discovery .ls-option:hover,#modal-ventas-ia .vision-discovery .ls-option.active{border-color:#31978b!important;background:#edf8f4!important;color:#08766c!important}
#modal-ventas-ia .vision-discovery .ai-sales-generate-btn{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#078478,#075f59)!important;box-shadow:0 10px 24px #087f7230!important;font-size:12px!important;font-weight:800!important;min-height:50px!important}
#modal-ventas-ia .vision-workspace{padding:24px 28px 46px!important;align-items:stretch!important;background:#f2f6f4!important;min-width:0}
#vision-studio{width:100%;max-width:1440px;margin:0 auto;color:var(--vss-ink);font-family:inherit}
#vision-studio *{box-sizing:border-box}
#vision-studio button{font:inherit;cursor:pointer}
#vision-studio button,#vision-studio input{min-height:44px}
#vision-studio .material-symbols-outlined{overflow:hidden;white-space:nowrap}
#vision-studio :focus-visible{outline:3px solid #9aca61;outline-offset:3px}
.vss-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:3px 2px 22px}
.vss-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2.2px;font-weight:900;color:#498077}
.vss-kicker:before{content:'';width:22px;height:2px;background:#63a396}
.vss-hero h2{font-size:clamp(27px,3vw,44px);line-height:.98;letter-spacing:-2px;margin:12px 0 0;font-weight:850}
.vss-hero h2 em{font-style:normal;color:var(--vss-teal)}
.vss-hero-actions{display:flex;align-items:center;gap:12px}
.vss-live{display:flex;gap:8px;align-items:center;background:#e5f0eb;color:#316b5e;padding:9px 13px;border-radius:99px;font-size:11px;font-weight:800}
.vss-live i{width:7px;height:7px;background:#32a36d;border-radius:50%;box-shadow:0 0 0 5px #bfe0c9;animation:vss-pulse 1.8s infinite}
.vss-present{border:1px solid #c9d8d4;background:#fff;color:#225f5a;border-radius:99px;padding:0 18px;display:flex;align-items:center;gap:8px;font-weight:750}
.vss-present .material-symbols-outlined{font-size:19px}
.vss-experiences{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.vss-experiences button{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;align-items:center;border:1px solid var(--vss-line);background:#fff;border-radius:15px;padding:11px 15px;color:#5e747d;transition:.2s ease;overflow:hidden}
.vss-experiences button>.material-symbols-outlined{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf2f1;color:#5e7776;font-size:22px}
.vss-experiences b{font-size:13px;color:#2d4a55}.vss-experiences small{font-size:10px;color:#819097;margin-top:1px}
.vss-experiences [aria-selected=true]{border-color:#62a899;background:#eef8f4;box-shadow:0 7px 22px #255c4c12}
.vss-experiences [aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:18px;right:18px;height:3px;background:var(--vss-teal);border-radius:4px}
.vss-experiences [aria-selected=true]>.material-symbols-outlined{color:#fff;background:var(--vss-teal)}
.vss-vision-layout,.vss-photo-layout,.vss-night-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:stretch}
.vss-visual-card,.vss-model-card,.vss-night-card{position:relative;overflow:hidden;border-radius:22px;background:#19323c;min-height:510px;box-shadow:0 18px 50px #173e3321}
.vss-visual-card>img,.vss-model-card>img,.vss-night-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vss-vision-blur,.vss-vision-clear,.vss-before-image{position:absolute;inset:0;background-size:cover;background-position:center}
.vss-vision-blur{filter:blur(var(--vision-blur));transform:scale(1.025);opacity:.94}
.vss-vision-clear{transition:clip-path .35s ease}
.vss-before{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.vss-before-image{width:100%;filter:blur(13px);transform:scale(1.025);opacity:.88}
.vss-before>span{position:absolute;left:16px;top:16px;background:#102d36bb;color:#fff;padding:7px 11px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}
.vss-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.vss-divider i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;box-shadow:0 5px 22px #06171f4d}.vss-divider i:after{content:'↔';display:grid;place-items:center;height:100%;color:var(--vss-teal);font-weight:900}
.vss-compare-range{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:ew-resize!important;z-index:6!important}
.vss-zones{position:absolute;inset:0;pointer-events:none;z-index:4}.vss-zones button{pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%);min-height:0;border:1px solid #ffffff7d;background:#092f39b8;color:#fff;border-radius:10px;padding:7px 12px;backdrop-filter:blur(8px);display:grid;text-align:center;box-shadow:0 6px 18px #08212d33}.vss-zones button:nth-child(1){top:12%}.vss-zones button:nth-child(2){top:45%}.vss-zones button:nth-child(3){bottom:10%}.vss-zones button b{font-size:9px;letter-spacing:1.4px}.vss-zones button span{font-size:9px;opacity:.8}.vss-zones.is-mono button{top:50%;transform:translate(-50%,-50%)}
.vss-photo-badge{position:absolute;right:14px;bottom:13px;display:flex;align-items:center;gap:5px;color:#fff;background:#0d2f38a6;border:1px solid #ffffff3d;padding:6px 10px;border-radius:99px;font-size:9px;font-weight:750;z-index:5}.vss-photo-badge .material-symbols-outlined{font-size:13px}
.vss-control-card{background:#fff;border:1px solid var(--vss-line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:13px;box-shadow:0 12px 40px #173e330d;min-width:0}
.vss-step{font-size:9px;letter-spacing:1.6px;color:#72878d;font-weight:900;margin-top:2px}
.vss-segmented,.vss-ar-switch{display:grid;grid-template-columns:1fr 1fr;background:#eef2f1;padding:4px;border-radius:12px}.vss-segmented button,.vss-ar-switch button{border:0;background:transparent;border-radius:9px;color:#667b82;font-size:11px;font-weight:750}.vss-segmented [aria-pressed=true],.vss-ar-switch [aria-pressed=true]{background:#fff;color:var(--vss-teal-dark);box-shadow:0 3px 12px #19392e18}
.vss-designs{display:grid;gap:7px}.vss-designs button{display:flex;align-items:center;gap:10px;min-height:55px;text-align:left;border:1px solid #dfe8e5;background:#fff;border-radius:12px;padding:8px 10px;color:#6e7e83}.vss-designs button>i{font-style:normal;font-size:10px;font-weight:900}.vss-designs button>span{display:grid;flex:1}.vss-designs button b{font-size:12px;color:#2d4650}.vss-designs button small{font-size:9px}.vss-designs button em{font-style:normal;font-size:8px;background:#e4f1c4;color:#477120;padding:3px 6px;border-radius:9px;font-weight:850}.vss-designs [aria-pressed=true]{border-color:#168a7c;background:#edf8f4}.vss-designs [aria-pressed=true]>i,.vss-designs [aria-pressed=true] b{color:#08776b}
.vss-insight{display:flex;gap:10px;padding:12px;background:#f1f6f3;border-radius:12px;margin-top:auto}.vss-insight>.material-symbols-outlined{font-size:18px;color:#37877c}.vss-insight div{min-width:0}.vss-insight b{font-size:11px}.vss-insight p{font-size:9px;line-height:1.55;color:#64787f;margin:4px 0 0}.vss-cta{border:0;border-radius:12px;background:var(--vss-teal);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:11px;box-shadow:0 8px 20px #087f7230}.vss-cta:hover{background:var(--vss-teal-dark);transform:translateY(-1px)}.vss-cta .material-symbols-outlined{font-size:18px}
.vss-model-card,.vss-night-card{min-height:510px}.vss-model-card>img{object-position:center}.vss-daylight{position:absolute;inset:0;background:linear-gradient(125deg,#fff8d849,#ffd87332 52%,#fb9b4035);mix-blend-mode:screen;pointer-events:none}.vss-lens{position:absolute;background:var(--tint);opacity:var(--tint-opacity);mix-blend-mode:multiply;backdrop-filter:saturate(.82) brightness(.86);border:1px solid #ffffff38;box-shadow:inset 0 0 18px #fff2;transition:.15s}.vss-lens-left{left:20.4%;top:23.8%;width:8.4%;height:10.4%;border-radius:48% 45% 49% 51%}.vss-lens-right{left:31.0%;top:23.9%;width:8.2%;height:10.1%;border-radius:45% 48% 52% 48%}.vss-weather,.vss-night-label{position:absolute;left:16px;top:16px;display:grid;grid-template-columns:36px auto;column-gap:9px;align-items:center;background:#102c34bd;color:#fff;padding:9px 12px;border:1px solid #ffffff3d;border-radius:13px;backdrop-filter:blur(12px)}.vss-weather>.material-symbols-outlined,.vss-night-label>.material-symbols-outlined{grid-row:1/3;font-size:25px}.vss-weather b,.vss-night-label b{font-size:11px}.vss-weather small,.vss-night-label small{font-size:8px;opacity:.72}.vss-light-scale{display:flex;justify-content:space-between;font-size:9px;color:#73878d;margin-bottom:-8px}.vss-slider{width:100%;accent-color:var(--vss-teal);cursor:pointer}.vss-level{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;background:#f1f6f3;border-radius:11px}.vss-level b{font-size:23px;color:var(--vss-teal)}.vss-level span{font-size:9px;color:#6e7f85}.vss-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.vss-colors button{min-width:0;min-height:55px;border:1px solid transparent;background:transparent;border-radius:10px;padding:4px;display:grid;place-items:center;color:#728088}.vss-colors i{width:25px;height:25px;background:var(--swatch);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d4dfdc}.vss-colors span{font-size:7px}.vss-colors [aria-pressed=true]{border-color:#59a295;background:#edf7f4;color:#155e57;font-weight:800}
.vss-night-card>img{object-position:center}.vss-glare{position:absolute;inset:0;background:radial-gradient(circle at 29% 52%,rgba(255,255,240,var(--glare-opacity)) 0 1%,transparent 9%),radial-gradient(circle at 36% 54%,rgba(255,255,240,var(--glare-opacity)) 0 1%,transparent 8%),radial-gradient(circle at 49% 52%,rgba(255,244,200,calc(var(--glare-opacity)*.8)) 0 1%,transparent 7%),radial-gradient(circle at 64% 54%,rgba(255,240,190,calc(var(--glare-opacity)*.65)) 0 1%,transparent 8%);filter:blur(var(--glare));mix-blend-mode:screen;transform:scale(1.08);pointer-events:none}.vss-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vss-proof-grid>div{padding:11px;background:#f1f6f3;border-radius:11px;display:grid;gap:2px}.vss-proof-grid .material-symbols-outlined{font-size:18px;color:#3c8a7f}.vss-proof-grid b{font-size:9px}.vss-proof-grid small{font-size:8px;color:#73838a}
#modal-ventas-ia #ai-sales-welcome{display:none!important}
#modal-ventas-ia #ai-sales-results{max-width:1440px!important;margin:0 auto}
#modal-ventas-ia #ai-sales-results{margin-top:34px!important;padding:24px!important;background:#fff;border:1px solid var(--vss-line);border-radius:22px;box-shadow:0 18px 55px #153e3312}
#modal-ventas-ia .vss-results-heading{display:flex;gap:12px;align-items:center;margin-bottom:21px}
#modal-ventas-ia .vss-results-heading h3{font-size:20px;color:#163441;letter-spacing:-.5px;margin:0}
#modal-ventas-ia .vss-results-heading p{font-size:10px;color:#718289;margin:3px 0 0}
#modal-ventas-ia #ai-sales-results .rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 18px}
#modal-ventas-ia #ai-sales-results .package-card{padding:17px!important;border:1px solid #dbe6e3!important;border-radius:16px!important;background:#fbfdfc!important;box-shadow:none!important;transform:none!important;overflow:visible;transition:.2s ease}
#modal-ventas-ia #ai-sales-results .package-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px #163d3212!important}
#modal-ventas-ia #ai-sales-results .package-card.highlighted{border:2px solid #168a7c!important;background:#f0faf6!important}
#modal-ventas-ia #ai-sales-results .package-card.highlighted:after{content:'Recomendado';top:12px;left:auto;right:12px;transform:none;background:#dcefa9;color:#3c681e;box-shadow:none;font-size:8px;padding:5px 8px}
#modal-ventas-ia #ai-sales-results .package-card.selected{border:2px solid #087f72!important;background:#edf8f4!important}
#modal-ventas-ia #ai-sales-results .package-card.selected:after{content:'✓ Seleccionado';background:#087f72;color:#fff}
#modal-ventas-ia #ai-sales-results .package-card:before{display:none}
#modal-ventas-ia #ai-sales-results .package-badge{font-size:7px;padding:4px 7px;margin-bottom:10px;box-shadow:none}
#modal-ventas-ia #ai-sales-results .package-name{font-size:15px;margin-bottom:4px;color:#203e49}
#modal-ventas-ia #ai-sales-results .package-price{font-size:24px;margin-bottom:10px;background:none;-webkit-text-fill-color:#087f72;color:#087f72;animation:none}
#modal-ventas-ia #ai-sales-results .package-divider{margin:10px 0;height:1px;background:#dfe8e5}
#modal-ventas-ia #ai-sales-results .package-items{gap:7px;margin-bottom:12px}
#modal-ventas-ia #ai-sales-results .package-item{gap:7px}
#modal-ventas-ia #ai-sales-results .package-item .material-symbols-outlined{font-size:16px;color:#47857c}
#modal-ventas-ia #ai-sales-results .item-name{font-size:10px}.ai-sales-content #ai-sales-results .item-desc{font-size:8px;line-height:1.35}
#modal-ventas-ia #ai-sales-results .btn-select-package{min-height:38px;margin-top:13px;border-radius:10px!important;background:#087f72!important;font-size:10px}
#modal-ventas-ia .vss-checkout-bar{margin-top:18px!important;padding:15px 17px!important;border:1px solid #dbe6e3!important;border-radius:15px!important;background:#f4f8f6!important}
#modal-ventas-ia .vss-checkout-bar>div{gap:12px;flex-wrap:wrap}
#modal-ventas-ia .vss-checkout-bar #ai-sales-price{font-size:25px!important;color:#087f72!important}
#modal-ventas-ia .vss-checkout-bar button{display:flex;align-items:center;gap:6px;border-radius:10px!important;font-size:10px!important;min-height:42px}
#modal-ventas-ia .vss-checkout-bar .material-symbols-outlined{font-size:17px}
#modal-ventas-ia #ai-sales-breakdown{border:1px solid #dbe6e3!important;border-radius:15px!important;background:#fff!important;padding:18px!important}
#modal-ventas-ia .ai-sales-pitch{border:0!important;background:#eaf5f1!important;box-shadow:none!important;color:#315b55!important}
#modal-ventas-ia .vss-image-fallback{background:linear-gradient(135deg,#17494a,#88a98b)!important}
#modal-ventas-ia .vss-image-fallback:after{content:'No fue posible cargar esta fotografía';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px}
#modal-ventas-ia.vss-presentation .vision-discovery,#modal-ventas-ia.vss-presentation .ai-sales-steps,#modal-ventas-ia.vss-presentation #ai-sales-results,#modal-ventas-ia.vss-presentation #ai-sales-welcome{display:none!important}
#modal-ventas-ia.vss-presentation .vision-workspace{padding:24px 4vw!important}
#modal-ventas-ia.vss-presentation #vision-studio{max-width:1500px}
#modal-ventas-ia.vss-presentation .vss-visual-card,#modal-ventas-ia.vss-presentation .vss-model-card,#modal-ventas-ia.vss-presentation .vss-night-card{min-height:min(66vh,720px)}
.vss-glare{transform:none}
@keyframes vss-pulse{50%{box-shadow:0 0 0 8px #bfe0c94a}}
@media(max-width:1120px){#modal-ventas-ia .vision-discovery{width:270px!important;flex-basis:270px;padding:18px!important}.vss-vision-layout,.vss-photo-layout,.vss-night-layout{grid-template-columns:minmax(0,1fr) 265px}.vss-control-card{padding:15px}.vss-visual-card,.vss-model-card,.vss-night-card{min-height:450px}.vss-experiences button{padding:9px}.vss-experiences small{display:none}.vss-hero h2{font-size:31px}}
@media(max-width:800px){#modal-ventas-ia .vision-sales-body{display:block!important;overflow-y:auto!important}#modal-ventas-ia .vision-discovery{width:100%!important;padding:18px 20px!important;border-right:0!important;border-bottom:1px solid var(--vss-line)}#modal-ventas-ia .vision-workspace{padding:20px!important;overflow:visible!important}.vss-vision-layout,.vss-photo-layout,.vss-night-layout{grid-template-columns:1fr}.vss-control-card{min-height:auto}.vss-hero{align-items:flex-start}.vss-live{display:none}.vss-experiences{position:sticky;top:0;z-index:8;background:#f2f6f4;padding:7px 0}.vss-experiences button{grid-template-columns:1fr;justify-items:center;text-align:center;padding:7px 3px}.vss-experiences button>.material-symbols-outlined{grid-row:auto;width:34px;height:34px}.vss-experiences b{font-size:9px}.vss-visual-card,.vss-model-card,.vss-night-card{min-height:56vw}.vss-zones button span{display:none}}
@media(max-width:800px){#modal-ventas-ia #ai-sales-results .rec-grid{grid-template-columns:1fr}#modal-ventas-ia .visual-sales-header{padding:10px 14px!important}#modal-ventas-ia .visual-sales-header .ai-sales-steps{display:none!important}}
@media(max-width:520px){.vss-hero h2{font-size:27px}.vss-present{padding:0 12px;font-size:10px}.vss-kicker{font-size:8px}.vss-visual-card,.vss-model-card,.vss-night-card{min-height:62vw;border-radius:15px}.vss-colors{gap:2px}}
@media(prefers-reduced-motion:reduce){#vision-studio *{animation:none!important;transition:none!important}}