:root{
  --bg:#f5f4ef;--paper:#fff;--ink:#11131b;--muted:#6b6f7b;--line:#dfdfd9;
  --accent:#ff6647;--accent-soft:#fff0eb;--night:#10131f;--yellow:#ffd759;--green:#4fbf74;
  --shadow:0 24px 70px rgba(17,19,27,.11);--radius:26px;--max:1380px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.builder-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(245,244,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,19,27,.07)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:900;letter-spacing:-.03em;font-size:20px}.brand-word{font-size:1em;letter-spacing:-.04em}.brand-tld{font-size:.62em;font-weight:850;letter-spacing:-.02em;color:var(--accent);margin-left:2px;vertical-align:.12em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--night);color:#fff;font-size:16px}.top-actions{display:flex;align-items:center;gap:18px}.save-state{font-size:11px;color:#858995;font-weight:700}.reset-link{border:0;background:transparent;color:#545966;font-size:11px;font-weight:850;padding:8px}.reset-link:hover{color:var(--accent)}
.builder-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:start}.builder-main{padding:64px 0 120px;min-width:0}.intro-block{max-width:820px;position:relative}.intro-block:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#ffe2d9;filter:blur(35px);opacity:.48;left:-150px;top:-100px;z-index:-1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:2px;background:var(--accent)}.intro-block h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-.07em;margin:18px 0 18px}.intro-block p{font-size:18px;color:var(--muted);max-width:650px;margin:0}.progress-wrap{margin:46px 0 44px;max-width:870px}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px}.progress-meta b{font-size:11px}.progress-meta span{color:#858995}.progress-track{height:5px;background:#e4e3dd;border-radius:999px;overflow:hidden}.progress-track i{display:block;width:20%;height:100%;background:var(--accent);border-radius:999px;transition:width .35s ease}.step-panel{display:none;animation:panelin .38s ease}.step-panel.active{display:block}.step-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:24px;max-width:880px}.step-heading>span{width:36px;height:36px;border-radius:12px;background:var(--night);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:950}.step-heading h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.05em;line-height:1;margin:0 0 8px}.step-heading p{margin:0;color:var(--muted);font-size:14px;max-width:680px}.choice-grid{display:grid;gap:13px}.primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.choice-card{border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:22px;padding:20px;text-align:left;color:var(--ink);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden;min-height:116px}.choice-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--accent-soft);right:-50px;bottom:-55px;transition:.25s}.choice-card:hover{transform:translateY(-3px);border-color:#cbc9c1;box-shadow:0 16px 36px rgba(17,19,27,.07)}.choice-card.selected{border-color:var(--accent);background:#fff9f6;box-shadow:0 0 0 3px rgba(255,102,71,.09)}.choice-card.selected:after{transform:scale(1.5)}.choice-icon{width:46px;height:46px;border-radius:15px;background:#f0efe9;display:grid;place-items:center;font-size:22px;position:relative;z-index:1}.choice-card.selected .choice-icon{background:var(--accent);color:white}.choice-copy{position:relative;z-index:1}.choice-copy b{display:block;font-size:16px;letter-spacing:-.025em;margin:2px 0 5px}.choice-copy p{font-size:11px;color:var(--muted);margin:0;max-width:290px}.choice-price{font-size:11px;font-weight:900;white-space:nowrap;position:relative;z-index:1;color:#4e5360}.choice-check{position:absolute;right:14px;bottom:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfd0cb;background:white;font-size:10px;font-weight:950;z-index:2}.choice-card.selected .choice-check{background:var(--accent);border-color:var(--accent);color:#fff}.recommendation{display:none;max-width:900px;margin:-4px 0 18px;padding:14px 16px;border-radius:16px;background:#fff5d8;border:1px solid #f2dea0;font-size:12px;color:#5a4b1d}.recommendation.show{display:block}.recommendation b{color:#241e0d}.step-controls{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.back-btn,.next-btn{border:0;border-radius:14px;padding:14px 18px;font-weight:900}.back-btn{background:transparent;color:#656a77}.back-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{background:var(--accent);color:white;min-width:150px;box-shadow:0 10px 24px rgba(255,102,71,.22)}.next-btn:hover{transform:translateY(-1px)}.next-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.quote-sidebar{padding-top:36px}.quote-sticky{position:sticky;top:108px;background:var(--night);color:white;border-radius:28px;padding:27px;box-shadow:var(--shadow);overflow:hidden}.quote-sticky:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,102,71,.13);right:-120px;top:-120px}.quote-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#9ca2b2;font-weight:900;position:relative}.quote-sticky h2{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:13px 0 22px;position:relative}.quote-total{padding:18px 0;border-top:1px solid #2c3142;border-bottom:1px solid #2c3142;position:relative}.quote-total small{display:block;color:#9298a8;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.quote-total strong{font-size:46px;letter-spacing:-.065em;line-height:1.15}.quote-total span{font-size:10px;color:#9da3b2;font-weight:800}.quote-total.bump strong{animation:pricebump .32s ease}.renewal-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding:11px 0;border-bottom:1px solid #2c3142;color:#aeb4c2}.renewal-line b{color:#fff}.summary-list{padding:14px 0;max-height:250px;overflow:auto}.summary-list p{margin:0;color:#858c9e;font-size:11px}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:10px;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row span:first-child{color:#dfe2ea}.summary-row b{white-space:nowrap}.summary-row.base span:first-child{font-weight:900;color:var(--yellow)}.included-box{background:#1a1f2f;border:1px solid #2d3344;border-radius:16px;padding:14px;display:grid;gap:5px}.included-box b{font-size:10px;margin-bottom:3px}.included-box span{font-size:9px;color:#aeb4c2}.included-box span:before{content:'✓';color:#73d28f;margin-right:7px;font-weight:900}.estimate-note{font-size:8px!important;color:#747b8d!important;margin:11px 2px 0!important}.mobile-pricebar{display:none}
.final-layout{max-width:900px}.final-card{background:white;border:1px solid var(--line);border-radius:28px;padding:28px}.final-profile{display:flex;align-items:center;gap:13px;margin-bottom:24px}.final-profile img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:center 18%;border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}.final-profile strong{display:block;font-size:16px}.final-profile span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.final-card h3{font-size:27px;letter-spacing:-.04em;margin:0 0 8px}.final-card>p{font-size:13px;color:var(--muted);max-width:650px}.final-card label{display:grid;gap:7px;font-size:10px;font-weight:900;margin-top:13px}.final-card input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #dcddd8;background:#fafaf8;outline:none}.final-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,102,71,.09)}.wa-final{width:100%;border:0;background:#1fbc65;color:#071e10;border-radius:14px;padding:15px 17px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-weight:950}.final-card>small{display:block;text-align:center;color:#8a8e98;font-size:9px;margin-top:9px}.mobile-summary-clone{display:none}
@keyframes panelin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pricebump{50%{transform:scale(1.045)}}
@media(max-width:1040px){.builder-shell{grid-template-columns:1fr}.quote-sidebar{display:none}.builder-main{padding-top:48px}.mobile-pricebar{position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(16,19,31,.96);backdrop-filter:blur(15px);color:white;display:flex;align-items:center;justify-content:space-between;padding:11px 16px max(11px,env(safe-area-inset-bottom));box-shadow:0 -12px 34px rgba(0,0,0,.13)}.mobile-pricebar small{display:block;font-size:8px;color:#9fa5b3;text-transform:uppercase;font-weight:900}.mobile-pricebar strong{font-size:22px;letter-spacing:-.04em}.mobile-pricebar button{border:0;border-radius:11px;background:var(--accent);color:white;padding:11px 14px;font-size:11px;font-weight:900}.mobile-summary-clone{display:block;margin-top:14px;background:var(--night);color:white;border-radius:20px;padding:18px}}
@media(max-width:660px){.builder-topbar{height:64px;padding:0 13px}.brand-word{display:inline-block;font-size:16px}.save-state{display:none}.reset-link{font-size:10px}.builder-shell{width:calc(100% - 26px)}.builder-main{padding:38px 0 110px}.intro-block h1{font-size:49px}.intro-block p{font-size:15px}.progress-wrap{margin:32px 0 32px}.primary-grid,.addon-grid{grid-template-columns:1fr}.choice-card{min-height:105px;padding:17px}.choice-copy b{font-size:15px}.choice-icon{width:42px;height:42px}.step-heading{grid-template-columns:36px 1fr}.step-heading>span{width:31px;height:31px}.step-heading h2{font-size:31px}.step-controls{margin-top:22px}.next-btn{min-width:135px}.final-card{padding:20px}.final-card h3{font-size:24px}.top-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.step-panel,.quote-total.bump strong{animation:none}.choice-card,.next-btn{transition:none}}

/* v2.6 · paquetes de secciones */
.subcategory-wrap{max-width:900px;margin-top:22px;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:22px}.subcategory-head{display:grid;gap:3px;margin-bottom:13px}.subcategory-head b{font-size:14px}.subcategory-head span{font-size:11px;color:var(--muted)}.subcategory-chips{display:flex;flex-wrap:wrap;gap:8px}.subcategory-chip{border:1px solid #d8d8d2;background:#fff;color:var(--ink);border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s}.subcategory-chip:hover{transform:translateY(-1px);border-color:#bbbdb6}.subcategory-chip.selected{background:var(--night);border-color:var(--night);color:#fff}
.bundle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:900px;margin-bottom:14px}.bundle-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:20px;padding:19px 14px 16px;text-align:left;display:flex;flex-direction:column;min-height:190px;color:var(--ink);cursor:pointer;transition:.2s;overflow:hidden}.bundle-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(17,19,27,.07)}.bundle-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,102,71,.1);background:#fff9f6}.bundle-card.popular{border-color:#ffbeaF}.bundle-badge{position:absolute;right:9px;top:9px;background:var(--accent);color:#fff;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.bundle-count{font-size:36px;font-weight:950;line-height:1;letter-spacing:-.06em}.bundle-card>b{font-size:12px;margin:1px 0 15px}.bundle-card>strong{font-size:18px;letter-spacing:-.04em}.bundle-card>small{font-size:8px;color:#7b7f8a;margin-top:2px}.bundle-card>p{font-size:9px;color:var(--muted);line-height:1.35;margin:12px 0 10px}.bundle-card>em{margin-top:auto;font-style:normal;font-size:8px;font-weight:900;color:#515663}.custom-sections{max-width:900px;width:100%;border:1px dashed #c9cac4;background:rgba(255,255,255,.45);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;color:var(--ink);cursor:pointer}.custom-sections>span{width:32px;height:32px;border-radius:10px;background:#eae9e3;display:grid;place-items:center}.custom-sections b{display:block;font-size:11px}.custom-sections small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.custom-sections i{font-style:normal}.custom-sections.active{border-style:solid;border-color:var(--accent);background:#fff9f6}.section-picker-head{max-width:900px;margin:28px 0 12px;display:flex;justify-content:space-between}.section-picker-head b{display:block;font-size:17px}.section-picker-head span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.section-card .choice-copy p{font-size:11px;line-height:1.45}.section-card .choice-price{font-size:9px;max-width:105px;text-align:right}.section-card.locked:not(.selected){opacity:.58}.summary-row.info span:first-child{color:#adb3c1}.summary-row.info b{font-size:8px;color:#7bd996;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.bundle-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){.bundle-grid{grid-template-columns:1fr 1fr}.bundle-card{min-height:165px}.bundle-card:last-child{grid-column:1/-1}.subcategory-wrap{padding:15px}.section-picker-head{margin-top:24px}.section-card .choice-price{max-width:none;text-align:left;margin-top:5px}.section-card{grid-template-columns:auto 1fr}.section-card .choice-price{grid-column:2}.section-card .choice-check{right:12px;bottom:12px}}

/* v2.7 · precio inicial con 2 secciones incluidas */
.project-start-price{display:grid;gap:2px;text-align:right}.project-start-price small{font-size:8px;color:var(--green);font-weight:900}.included-bundle{background:#fbfff9;border-color:#b9dfc4}.included-bundle .included-price{color:#27844a;font-size:15px;letter-spacing:.02em}.bundle-badge.included-badge{background:#2fa45a}.bundle-card.included-bundle.selected{border-color:#2fa45a;box-shadow:0 0 0 3px rgba(47,164,90,.10);background:#fbfff9}
@media(max-width:660px){.project-start-price{text-align:left}.choice-card .project-start-price{grid-column:2}.project-start-price small{display:block}}


/* v2.8 · secciones básicas y premium por nivel de paquete */
.bundle-premium,.bundle-basic{display:inline-flex;align-items:center;width:max-content;margin-top:9px;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.bundle-premium{background:#fff0c2;color:#6c5311}.bundle-basic{background:#eef0ec;color:#656a73}.section-groups{max-width:900px;display:grid;gap:26px}.section-tier-block{display:grid;gap:12px}.section-tier-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 2px}.section-tier-head>div{display:flex;align-items:center;gap:8px}.section-tier-head b{font-size:15px;letter-spacing:-.02em}.section-tier-head p{margin:0;max-width:480px;text-align:right;font-size:10px;color:var(--muted)}.tier-dot{width:9px;height:9px;border-radius:50%}.tier-dot.basic{background:#98a09a}.tier-dot.premium{background:#e2af28;box-shadow:0 0 0 4px rgba(226,175,40,.12)}.section-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.section-kind{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.section-kind.basic{background:#eef0ec;color:#656a73}.section-kind.premium{background:#fff0c2;color:#6c5311}.premium-section{border-color:#e9dfbf}.premium-section:after{background:#fff3cf}.premium-section.selected{border-color:#d1a431;background:#fffaf0;box-shadow:0 0 0 3px rgba(209,164,49,.1)}.premium-section.selected .choice-icon,.premium-section.selected .choice-check{background:#d1a431;border-color:#d1a431;color:#fff}.section-card.locked:not(.selected){opacity:.62;filter:saturate(.72)}.section-card.locked:not(.selected):hover{transform:none;box-shadow:none}.section-card.locked:not(.selected) .choice-check{background:#f1f0eb;border-color:#deddd7;font-size:9px}.premium-block{padding-top:2px}
@media(max-width:660px){.section-tier-grid{grid-template-columns:1fr}.section-tier-head{align-items:flex-start;flex-direction:column;gap:5px}.section-tier-head p{text-align:left}.bundle-premium,.bundle-basic{margin-top:7px}}

/* v2.9 — wizard por etapas + catálogo incluido en tienda */
.step-stage{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;position:relative}.step-panel{grid-area:1/1;display:none;will-change:transform,opacity}.step-panel.active{display:block}.step-panel.step-in-right,.step-panel.step-in-left,.step-panel.step-out-left,.step-panel.step-out-right{display:block}.step-panel.step-in-right{animation:stepInRight .36s cubic-bezier(.2,.8,.2,1) both}.step-panel.step-in-left{animation:stepInLeft .36s cubic-bezier(.2,.8,.2,1) both}.step-panel.step-out-left{animation:stepOutLeft .28s ease both;pointer-events:none}.step-panel.step-out-right{animation:stepOutRight .28s ease both;pointer-events:none}@keyframes stepInRight{from{opacity:0;transform:translateX(54px) scale(.985)}to{opacity:1;transform:none}}@keyframes stepInLeft{from{opacity:0;transform:translateX(-54px) scale(.985)}to{opacity:1;transform:none}}@keyframes stepOutLeft{to{opacity:0;transform:translateX(-42px) scale(.99)}}@keyframes stepOutRight{to{opacity:0;transform:translateX(42px) scale(.99)}}
.auto-advance-note{max-width:900px;margin:16px 2px 0;color:#8a8e98;font-size:10px;font-weight:800;display:flex;align-items:center;gap:7px}.auto-advance-note span{color:var(--accent);transition:transform .2s}.step-panel.active .auto-advance-note span{animation:nudgeArrow 1.5s ease-in-out infinite}@keyframes nudgeArrow{50%{transform:translateX(4px)}}
.stage-subcategory{margin-top:0;max-width:900px;padding:24px}.stage-subcategory .subcategory-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage-subcategory .subcategory-chip{border-radius:16px;padding:15px 16px;text-align:left;font-size:12px;min-height:52px}.stage-subcategory .subcategory-chip.selected{background:var(--night);color:#fff;box-shadow:0 12px 26px rgba(17,19,27,.12)}
.product-bundle-grid .bundle-card{min-height:205px}.product-bundle-grid .bundle-count{font-size:33px}.product-bundle-grid .bundle-card>p{font-size:10px}.catalog-note{max-width:900px;margin-top:14px;padding:13px 15px;border:1px solid #dfddd6;border-radius:15px;background:rgba(255,255,255,.55);color:#707580;font-size:10px}.catalog-note b{color:var(--ink)}.product-bundle-grid .bundle-card.included-products{background:#fbfff9;border-color:#b9dfc4}.product-bundle-grid .bundle-card.included-products.selected{border-color:#2fa45a;box-shadow:0 0 0 3px rgba(47,164,90,.10)}.product-bundle-grid .product-tag{display:inline-flex;width:max-content;margin-top:8px;padding:5px 7px;border-radius:999px;background:#eef0ec;color:#656a73;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.product-bundle-grid .included-products .product-tag{background:#e5f6ea;color:#277947}.conditional-included[hidden]{display:none!important}
.progress-track i{transition:width .42s cubic-bezier(.2,.8,.2,1)}.progress-meta b,.progress-meta span{transition:opacity .2s}.step-controls{transition:opacity .2s}.step-controls.auto-step .next-btn{opacity:.35;pointer-events:none}.step-controls.auto-step:after{content:'Avanza al elegir';font-size:9px;color:#92969f;font-weight:800;margin-left:auto}.step-controls.auto-step .back-btn+ .next-btn{display:none}
.choice-card.just-selected,.bundle-card.just-selected,.subcategory-chip.just-selected{animation:selectedPulse .36s ease}@keyframes selectedPulse{50%{transform:scale(.985);box-shadow:0 0 0 6px rgba(255,102,71,.08)}}
@media(max-width:660px){.stage-subcategory .subcategory-chips{grid-template-columns:1fr}.stage-subcategory{padding:16px}.step-stage{overflow:hidden}.step-panel.step-in-right{animation-name:stepInRightMobile}.step-panel.step-in-left{animation-name:stepInLeftMobile}@keyframes stepInRightMobile{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}@keyframes stepInLeftMobile{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}.product-bundle-grid .bundle-card{min-height:175px}}
@media(prefers-reduced-motion:reduce){.step-panel.step-in-right,.step-panel.step-in-left,.step-panel.step-out-left,.step-panel.step-out-right{animation:none}.step-panel.active .auto-advance-note span{animation:none}}


/* v3.0 · límite Premium con mejora inmediata */
.recommendation.error{background:#fff0ea;border-color:#f1c2b4;color:#653628;padding:16px}
.recommendation.success{background:#edf8ee;border-color:#bfe0c3;color:#285333;padding:16px}
.recommend-error-head{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}
.recommend-error-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ff6647;color:#fff;font-weight:950;font-size:13px}
.recommend-error-head p{margin:4px 0 0;color:#7b5144;font-size:11px;line-height:1.45}
.recommend-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.recommend-action{border:0;border-radius:12px;padding:11px 13px;font-size:11px;font-weight:900;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.recommend-action:hover{transform:translateY(-1px)}
.recommend-action.primary{background:#ff6647;color:#fff;box-shadow:0 8px 20px rgba(255,102,71,.18);flex:1 1 320px}
.recommend-action.primary small{display:block;margin-top:3px;font-size:9px;line-height:1.35;font-weight:700;color:rgba(255,255,255,.82)}
.recommend-action.secondary{background:#fff;color:#4f352e;border:1px solid #e8c9bf;flex:0 1 auto}
.recommendation.success b{color:#183d21}
@media(max-width:660px){.recommend-actions{display:grid;grid-template-columns:1fr}.recommend-action.primary,.recommend-action.secondary{width:100%;flex:auto}}

/* v3.4 — BONITO.WTF configurator visual refresh */
:root{--bg:#f7f2ea;--paper:#fffdf9;--ink:#101014;--muted:#6d6a70;--line:#ded8cf;--accent:#ff5b35;--accent-soft:#fff0e9;--night:#101014;--yellow:#ffe474;--green:#4fbf74;--lilac:#d8d1ff;--shadow:0 28px 80px rgba(16,16,20,.11);--radius:24px}
body{background:radial-gradient(circle at 4% 0%,rgba(255,91,53,.08),transparent 26rem),var(--bg);font-family:"Inter Display",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.builder-topbar{height:68px;margin:8px max(10px,calc((100vw - var(--max))/2));padding:0 12px;top:8px;border:1px solid rgba(16,16,20,.08);border-radius:18px;background:rgba(255,253,249,.87);box-shadow:0 12px 35px rgba(16,16,20,.07);backdrop-filter:blur(22px) saturate(1.2)}
.brand{font-size:22px}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--accent)}.brand-word{font-weight:950;letter-spacing:-.055em}.brand-tld{color:var(--ink);opacity:.58;font-size:.58em}.reset-link{border-radius:10px}.reset-link:hover{background:#f0ebe3}
.builder-shell{width:min(var(--max),calc(100% - 34px));gap:34px}.builder-main{padding-top:58px}.intro-block:before{background:#ffd5c8;opacity:.42}.intro-block h1{font-family:"Inter Display",Inter,sans-serif;font-size:clamp(56px,7.4vw,100px);font-weight:950;line-height:.88;letter-spacing:-.078em;margin-top:20px}.intro-block p{font-size:17px;line-height:1.6}.eyebrow{letter-spacing:.13em}.eyebrow span{height:3px;border-radius:999px;width:34px}
.progress-wrap{margin:40px 0 42px}.progress-track{height:6px;background:#e5ded4}.progress-track i{background:linear-gradient(90deg,var(--accent),#ff906d)}
.step-heading>span{border-radius:11px;background:var(--accent)}.step-heading h2{font-family:"Inter Display",Inter,sans-serif;font-size:clamp(34px,4.2vw,50px);font-weight:900;letter-spacing:-.06em}.step-heading p{font-size:13px;line-height:1.55}
.choice-grid{gap:12px}.choice-card{border:0;border-radius:20px;background:rgba(255,253,249,.86);box-shadow:inset 0 0 0 1px rgba(16,16,20,.07);min-height:118px}.choice-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,16,20,.08)}.choice-card.selected{border:0;background:#fff4ed;box-shadow:inset 0 0 0 2px var(--accent),0 16px 35px rgba(255,91,53,.08)}.choice-card:after{background:#ffe0d6}.choice-icon{border-radius:14px}.choice-copy b{font-size:17px}.choice-copy p{font-size:11px;line-height:1.5}.choice-card.selected .choice-icon{background:var(--accent)}
.bundle-card{border-radius:20px!important}.bundle-card.selected{box-shadow:inset 0 0 0 2px var(--accent),0 16px 35px rgba(255,91,53,.08)!important}.included-bundle{background:#fbfff6}.bundle-badge{border-radius:999px!important}
.stage-subcategory{border-radius:22px!important;background:rgba(255,253,249,.74)!important}.stage-subcategory .subcategory-chip{border-radius:13px}.stage-subcategory .subcategory-chip.selected{background:var(--night)}
.section-tier-block{padding:2px}.section-kind{border-radius:999px}.premium-section{background:#fffbf0}.premium-section.selected{background:#fff5d9}
.back-btn,.next-btn{border-radius:12px}.next-btn{background:var(--accent);box-shadow:0 12px 28px rgba(255,91,53,.2)}
.quote-sticky{border-radius:23px;background:var(--night);box-shadow:0 28px 80px rgba(16,16,20,.15)}.quote-sticky:before{background:rgba(255,91,53,.16)}.quote-sticky h2{font-size:27px}.quote-total strong{font-size:50px}.included-box{border-radius:14px}.final-card{border:0;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(16,16,20,.07)}.final-card h3{font-size:30px}.final-card input{border-radius:11px}.wa-final{border-radius:12px}.mobile-pricebar{background:rgba(16,16,20,.96)}
.recommendation.error{border-radius:16px}.recommend-action{border-radius:11px}.recommend-action.primary{background:var(--accent)}
@media(max-width:1040px){.builder-topbar{margin-inline:8px}.builder-main{padding-top:42px}}
@media(max-width:660px){.builder-shell{width:min(var(--max),calc(100% - 24px))}.builder-topbar{height:58px;border-radius:15px}.brand{font-size:20px}.brand-mark{width:34px;height:34px}.save-state{display:none}.intro-block h1{font-size:50px}.intro-block p{font-size:15px}.builder-main{padding-top:38px}.step-heading{grid-template-columns:38px minmax(0,1fr)}.step-heading h2{font-size:34px}.choice-card{border-radius:17px}.quote-sticky{border-radius:20px}}

/* v3.8 — identidad BONITO.WTF dentro del configurador */
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(16,16,20,.13))}.brand-word{font-weight:950!important;letter-spacing:-.065em!important}.brand-tld{font-size:.52em!important;opacity:.62!important;margin-left:3px!important}
.builder-stickers{display:flex;align-items:center;gap:7px;margin:14px 0 6px}.builder-stickers span{display:inline-flex;padding:6px 9px;border:2px solid var(--night);border-radius:9px;background:var(--yellow);box-shadow:3px 3px 0 var(--night);font-size:8px;font-weight:950;letter-spacing:.07em;transform:rotate(-2deg)}.builder-stickers span+span{background:#fffdf9;transform:rotate(2deg)}
.intro-block{position:relative}.intro-block:after{content:"✦";position:absolute;right:8%;top:28px;font-size:42px;color:var(--accent);animation:configSpark 3.2s ease-in-out infinite}@keyframes configSpark{50%{transform:rotate(16deg) scale(1.12)}}
.progress-wrap{position:relative}.progress-wrap:after{content:"vas bien :)";position:absolute;right:0;top:-20px;font-size:8px;font-weight:950;text-transform:uppercase;color:var(--accent);transform:rotate(2deg)}
.step-heading>span{border:2px solid var(--night);box-shadow:3px 3px 0 var(--night);transform:rotate(-3deg)}
.quote-sticky{position:relative;overflow:hidden}.quote-sticky:after{content:"✦";position:absolute;right:-20px;bottom:-28px;font-size:120px;color:rgba(255,228,116,.07);transform:rotate(16deg);pointer-events:none}.quote-stamp{display:inline-flex;width:max-content;margin:8px 0 4px;padding:5px 8px;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;color:var(--yellow);font-size:7px;font-weight:950;letter-spacing:.08em;transform:rotate(2deg)}
.choice-card,.bundle-card{position:relative;overflow:hidden}.choice-card:hover:before,.bundle-card:hover:before{content:"✦";position:absolute;right:10px;top:8px;color:rgba(255,91,53,.28);font-size:17px}.final-card{position:relative;overflow:hidden}.final-card:after{content:"HECHO BONITO ✦";position:absolute;right:-20px;top:20px;padding:6px 28px;background:var(--yellow);font-size:7px;font-weight:950;letter-spacing:.08em;transform:rotate(34deg)}
@media(max-width:660px){.builder-stickers{margin-top:10px}.builder-stickers span{font-size:7px;padding:5px 7px}.intro-block:after{right:3px;top:18px;font-size:28px}.progress-wrap:after{display:none}.final-card:after{right:-30px;top:16px}}
@media(prefers-reduced-motion:reduce){.intro-block:after{animation:none}}
