:root{--ft:"Grandstander", "Arial Rounded MT Bold", sans-serif;--fb:"Fredoka", "Arial", sans-serif}.cfg-wrap{flex-direction:column;min-height:100vh;display:flex}.cfg-header{background:var(--teal);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000026}.cfg-logo{align-items:center;gap:10px;display:flex}.cfg-logo img{filter:brightness(0)invert();height:44px}.cfg-logo span{font-family:var(--ft);color:var(--papel);font-size:var(--fs-md)}.cfg-back{color:var(--papel);font-family:var(--ft);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.cfg-back:hover{text-decoration:underline}.progress-wrap{background:#ffffff26;margin:0;padding:0;position:relative}.progress-bar{background:var(--teal);border-radius:0 3px 3px 0;height:5px;transition:width .5s cubic-bezier(.4,0,.2,1)}.steps-nav{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1000px;margin:0 auto;padding:16px 24px 0;display:flex}.step-dot{background:var(--gray);width:36px;height:36px;font-family:var(--ft);font-size:var(--fs-sm);color:#666;cursor:default;border:3px solid #ddd;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.step-dot.active{background:var(--azul-hondo);border-color:var(--azul-hondo);color:#fff;transform:scale(1.15)}.step-dot.done{background:var(--green);border-color:var(--green);color:#0000}.step-dot.done:after{content:"✓";font-size:var(--fs-sm);color:var(--tinta);position:absolute}.step-connector{background:#ddd;border-radius:2px;align-self:center;width:40px;height:3px;transition:background .3s}.step-connector.done{background:var(--green)}.cfg-main{flex:1;display:flex;position:relative;overflow:hidden}.cfg-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 120px}.step-panel{display:none}.step-panel.active{display:block}.step-panel.active.step-anim{animation:.5s stepIn}@keyframes stepIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:clamp(var(--fs-xl), 3.5vw, var(--fs-2xl));text-align:center;color:var(--tinta);margin-bottom:8px}.step-subtitle{text-align:center;color:#666;font-size:var(--fs-md);max-width:600px;margin-bottom:36px;margin-left:auto;margin-right:auto}.exp-cats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.exp-cat-btn{font-family:var(--ft);font-size:var(--fs-sm);cursor:pointer;color:var(--dark);background:#fff;border:2.5px solid #ddd;border-radius:50px;padding:8px 18px;transition:all .2s}.exp-cat-btn:hover,.exp-cat-btn.active{background:var(--dark);border-color:var(--dark);color:#fff;transform:translateY(-2px)}.exp-select-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.exp-sel-card{border-radius:var(--radius);text-align:center;cursor:pointer;background:#fff;border:3px solid #eee;padding:20px 16px;transition:all .3s;position:relative;overflow:visible}.exp-sel-card:hover{border-color:var(--blue);transform:translateY(-6px)}.exp-sel-card.selected{border-color:var(--green)}.exp-sel-card.selected:after{content:"✓";background:var(--green);width:28px;height:28px;color:var(--tinta);font-family:var(--ft);font-size:var(--fs-sm);border-radius:50%;justify-content:center;align-items:center;animation:.3s checkPop;display:flex;position:absolute;top:10px;right:10px}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.exp-sel-icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 12px;transition:transform .3s;display:flex}.exp-sel-card:hover .exp-sel-icon{transform:scale(1.1)rotate(5deg)}.exp-sel-name{font-family:var(--ft);font-size:var(--fs-base);margin-bottom:4px}.exp-sel-dur{font-size:var(--fs-sm);color:#666}.exp-sel-price{font-family:var(--ft);font-size:var(--fs-sm);margin-top:6px}.exp-info-btn{cursor:pointer;z-index:5;color:#888;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s;display:flex;position:absolute;top:10px;left:10px}.exp-info-btn:hover{background:var(--blue);color:#fff;transform:scale(1.15)}.exp-info-btn svg{pointer-events:none}.exp-tooltip{background:var(--dark);color:#fff;border-radius:var(--radius-sm);width:280px;font-size:var(--fs-sm);opacity:0;visibility:hidden;z-index:50;pointer-events:none;text-align:left;padding:18px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 12px 40px #00000040}.exp-tooltip:after{content:"";border:8px solid #0000;border-top-color:var(--dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}.exp-tooltip.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.exp-tooltip-title{font-family:var(--ft);font-size:var(--fs-base);color:var(--yellow);margin-bottom:6px}.exp-tooltip-inc{font-family:var(--ft);font-size:var(--fs-sm);color:var(--green);margin-top:8px}.exp-tooltip ul{font-size:var(--fs-sm);color:#ffffffd9;margin:4px 0 0 16px}.exp-tooltip ul li{margin-bottom:2px}.exp-tooltip-prices{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.exp-tooltip-prices span{font-family:var(--ft);font-size:var(--fs-xs);color:#fffc;background:#ffffff1f;border-radius:6px;padding:3px 8px}.kids-selector{text-align:center;max-width:500px;margin:0 auto}.kids-display{font-family:var(--ft);font-size:var(--fs-5xl);color:var(--blue);margin:20px 0 10px;transition:all .3s}.kids-label{color:#666;margin-bottom:24px}.kids-slider{-webkit-appearance:none;background:linear-gradient(90deg, var(--green), var(--yellow), var(--coral));border-radius:6px;outline:none;width:100%;height:12px;transition:all .2s}.kids-slider::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--blue);cursor:pointer;background:#fff;border-radius:50%;width:36px;height:36px;transition:transform .2s;box-shadow:0 4px 12px #0003}.kids-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.kids-slider::-moz-range-thumb{border:4px solid var(--blue);cursor:pointer;background:#fff;border-radius:50%;width:36px;height:36px}.kids-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.kids-btn{border-radius:var(--radius-sm);font-family:var(--ft);font-size:var(--fs-base);cursor:pointer;background:#fff;border:2.5px solid #ddd;padding:10px 20px;transition:all .2s}.kids-btn:hover,.kids-btn.active{background:var(--azul-hondo);border-color:var(--azul-hondo);color:#fff;transform:translateY(-2px)}.price-live{background:var(--azul-hondo);border-radius:var(--radius);color:#fff;text-align:center;margin-top:28px;padding:20px}.price-live-amount{font-family:var(--ft);font-size:var(--fs-3xl);color:var(--yellow)}.price-live-label{font-size:var(--fs-sm)}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.comp-card{border-radius:var(--radius);cursor:pointer;background:#fff;border:3px solid #eee;align-items:center;gap:14px;padding:18px;transition:all .3s;display:flex}.comp-card:hover{border-color:var(--blue);transform:translateY(-3px)}.comp-card.selected{border-color:var(--green);background:#f0fdf4}.comp-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.comp-info{flex:1}.comp-name{font-family:var(--ft);font-size:var(--fs-base)}.comp-desc{font-size:var(--fs-sm);color:#666;margin-top:2px}.comp-price{font-family:var(--ft);font-size:var(--fs-base);color:var(--tinta);white-space:nowrap}.comp-check{border:3px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.comp-card.selected .comp-check{background:var(--green);border-color:var(--green);color:var(--tinta)}.datos-form{max-width:600px;margin:0 auto}.fg{margin-bottom:18px}.fg label{font-family:var(--ft);font-size:var(--fs-sm);color:var(--dark);margin-bottom:6px;display:block}.fg input,.fg select,.fg textarea{border-radius:var(--radius-sm);width:100%;font-family:var(--fb);font-size:var(--fs-base);color:var(--dark);background:var(--gray);border:2.5px solid #e8e8e8;outline:none;padding:12px 16px;transition:border-color .2s,background .2s}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);background:#fff}.fg textarea{resize:vertical;min-height:80px}.fg-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.summary-card{border:3px solid var(--teal);border-radius:var(--radius-lg);background:#fff;max-width:700px;margin:0 auto;overflow:hidden}.summary-header{background:var(--teal);text-align:center;color:#fff;padding:28px;position:relative;overflow:hidden}.summary-header h3{font-size:var(--fs-xl);margin-bottom:4px}.summary-header p{font-size:var(--fs-base)}.summary-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.summary-body{padding:28px}.sum-row{border-bottom:2px dashed #eee;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sum-row:last-child{border-bottom:none}.sum-label{font-size:var(--fs-base);align-items:center;gap:8px;display:flex}.sum-value{font-family:var(--ft);font-size:var(--fs-base);color:var(--dark)}.sum-row.total{border-top:3px solid var(--dark);border-bottom:none;margin-top:8px;padding-top:16px}.sum-row.total .sum-label{font-family:var(--ft);font-size:var(--fs-md)}.sum-row.total .sum-value{font-size:var(--fs-lg);color:var(--tinta)}.sum-comp-list{font-size:var(--fs-sm);color:#666;padding:4px 0 4px 20px}.sum-comp-item{justify-content:space-between;padding:4px 0;display:flex}.cfg-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;justify-content:center;gap:16px;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.cfg-btn{font-family:var(--ft);font-size:var(--fs-base);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 36px;transition:all .2s;display:inline-flex}.cfg-btn:hover{transform:translateY(-3px)}.cfg-btn-back{color:var(--dark);background:#fff;border:2.5px solid #ddd}.cfg-btn-next{background:var(--yellow);color:var(--tinta)}.cfg-btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.cfg-btn-submit{background:var(--green);color:var(--dark);font-size:var(--fs-base);padding:16px 48px}.cfg-btn-wa{color:var(--tinta);background:#25d366;padding:14px 32px}.success-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.success-overlay.show{display:flex}.success-modal{border-radius:var(--radius);text-align:center;background:#fff;width:90%;max-width:500px;padding:48px 40px;animation:.5s cubic-bezier(.34,1.56,.64,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.success-icon{background:var(--green);width:80px;height:80px;color:var(--tinta);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;animation:1.5s successPulse;display:flex}@keyframes successPulse{0%,to{box-shadow:0 0 #70db7166}50%{box-shadow:0 0 0 20px #70db7100}}@media (max-width:768px){.exp-select-grid{grid-template-columns:repeat(2,1fr);gap:12px}.comp-grid,.fg-row{grid-template-columns:1fr}.cfg-nav{padding:12px 16px}.cfg-btn{font-size:var(--fs-sm);padding:12px 24px}.steps-nav{gap:4px}.step-dot{width:30px;height:30px;font-size:var(--fs-xs)}.step-connector{width:20px}}@media (max-width:480px){.cfg-header{flex-wrap:wrap;gap:6px 16px;padding:12px 14px}.cfg-logo{gap:8px}.cfg-logo span{font-size:var(--fs-base)}.cfg-back svg{display:none}.exp-select-grid{grid-template-columns:1fr}.exp-sel-card{padding:16px 12px}}.exp-sel-card:hover .clay-icon,.comp-card:hover .clay-icon{animation:.7s cubic-bezier(.34,1.56,.64,1) both clay-hover-bounce}.exp-sel-icon{z-index:0;position:relative;overflow:hidden}.exp-sel-icon .clay-icon{z-index:1;width:80%;height:80%;position:absolute;top:10%;left:10%}.comp-icon{position:relative;overflow:hidden}.comp-icon .clay-icon{width:82%;height:82%;position:absolute;top:9%;left:9%}.exp-sel-card{position:relative;overflow:hidden}.exp-sel-card.coming-soon:after{content:"Próximamente";background:var(--coral);color:var(--tinta);font-size:var(--fs-xs);letter-spacing:.5px;z-index:3;padding:3px 34px;font-weight:700;position:absolute;top:14px;right:-32px;transform:rotate(36deg);box-shadow:0 2px 6px #0003}.exp-sel-card.coming-soon .exp-sel-price{font-size:var(--fs-sm);font-style:italic}@media (prefers-reduced-motion:reduce){.exp-sel-card:hover .clay-icon,.comp-card:hover .clay-icon{transition:transform .2s;transform:scale(1.06);animation:none!important}.step-panel.active.step-anim,.exp-sel-card.selected:after,.success-modal,.success-icon{animation:none!important}}
