:root{--orange: #CC7F48;--orange-light: #dda06e;--orange-dark: #a8643a;--pink: #CC7C72;--pink-light: #dda09a;--pink-dark: #a8584e;--purple: #A793C0;--purple-light: #c4b5d6;--blue: #8096AD;--blue-light: #a3b5c7;--green: #B9AF5F;--green-light: #cdc57e;--yellow: #D4A965;--yellow-light: #e0c08a;--white: #EDE8E1;--white-pure: #ffffff;--bg-light: #EDE8E1;--bg-warm: #f5f0ea;--text-primary: #3a3028;--text-secondary: #5a4d40;--text-muted: #8a7d70;--glass-bg: rgba(255, 255, 255, .18);--glass-border: rgba(255, 255, 255, .3);--glass-bg-light: rgba(237, 232, 225, .08);--glass-border-light: rgba(237, 232, 225, .15);--shadow-sm: 0 2px 8px rgba(38, 29, 19, .06);--shadow-md: 0 8px 30px rgba(38, 29, 19, .1);--shadow-lg: 0 20px 60px rgba(38, 29, 19, .15);--shadow-glow: 0 0 40px rgba(204, 127, 72, .3);--font-display: "Staatliches", cursive;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-warm);overflow-x:hidden;line-height:1.6}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#8a6faa 0%,var(--purple) 40%,var(--blue) 100%)}.hero-bg{position:absolute;inset:0;overflow:hidden}.wave{position:absolute;bottom:-2px;left:0;width:200%;height:120px;background-repeat:repeat-x;background-size:50% 100%}.wave-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='%23ffffff' fill-opacity='0.12' d='M0,40 C300,100 400,0 600,40 C800,80 900,0 1200,40 L1200,120 L0,120 Z'/%3E%3C/svg%3E");animation:waveMove 12s linear infinite;z-index:1}.wave-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M0,60 C200,20 400,80 600,40 C800,0 1000,60 1200,30 L1200,120 L0,120 Z'/%3E%3C/svg%3E");animation:waveMove 18s linear infinite reverse;bottom:0;z-index:2}.wave-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='%23ffffff' fill-opacity='0.18' d='M0,80 C150,40 350,90 500,60 C650,30 850,70 1000,50 C1100,40 1200,60 1200,60 L1200,120 L0,120 Z'/%3E%3C/svg%3E");animation:waveMove 15s linear infinite;bottom:0;height:80px;z-index:3}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.floating-leaf{position:absolute;font-size:2rem;opacity:.2;animation:floatLeaf 20s ease-in-out infinite;pointer-events:none}.leaf-1{top:15%;left:10%;animation-delay:0s;font-size:2.5rem}.leaf-2{top:40%;right:15%;animation-delay:-7s;font-size:1.8rem}.leaf-3{bottom:25%;left:20%;animation-delay:-13s}@keyframes floatLeaf{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(10deg)}50%{transform:translate(-15px,-40px) rotate(-5deg)}75%{transform:translate(20px,-15px) rotate(8deg)}}.hero-content{position:relative;z-index:10;text-align:center;padding:var(--space-xl);animation:fadeInUp 1s var(--ease-out)}.logo-link{display:inline-block;transition:transform var(--duration-normal) var(--ease-spring)}.logo-link:hover{transform:scale(1.05)}.logo{width:120px;height:120px;border-radius:var(--radius-full);border:3px solid var(--glass-border);box-shadow:0 0 40px #ffffff1a;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);object-fit:cover}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7rem);color:var(--white-pure);letter-spacing:2px;margin-top:var(--space-lg);line-height:1}.hero-greeting{display:inline-block;background:linear-gradient(135deg,var(--orange-light),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.35rem);color:#fffc;margin-top:var(--space-md);font-weight:300;line-height:1.7}.scroll-cta{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-md) var(--space-xl);background:var(--orange);color:var(--white-pure);border:none;border-radius:var(--radius-full);font-size:1.1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);box-shadow:0 4px 20px #cc7f4866}.scroll-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #cc7f4880}.scroll-cta svg{animation:bobDown 2s ease-in-out infinite}@keyframes bobDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-container{position:sticky;top:0;z-index:100;background:#ede8e1eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-md) var(--space-xl);border-bottom:1px solid rgba(38,29,19,.08);display:none}.progress-container.visible{display:block;animation:slideDown .5s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;max-width:600px;height:4px;background:#261d131a;border-radius:var(--radius-full);margin:0 auto var(--space-sm);overflow:hidden}.progress-fill{height:100%;width:33.33%;background:linear-gradient(90deg,var(--orange),var(--orange-light));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.progress-steps{display:flex;justify-content:center;gap:var(--space-2xl);max-width:600px;margin:0 auto}.progress-step{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--text-muted);font-weight:500;transition:color var(--duration-normal) var(--ease-out)}.progress-step.active{color:var(--orange)}.progress-step.done{color:var(--green)}.step-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#261d131f;transition:all var(--duration-normal) var(--ease-spring)}.progress-step.active .step-dot{background:var(--orange);box-shadow:0 0 8px #cc7f4866;transform:scale(1.3)}.progress-step.done .step-dot{background:var(--green)}.step{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl)}.step-inner{width:100%;max-width:800px;animation:fadeInUp .6s var(--ease-out)}.step-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--text-primary);text-align:center;letter-spacing:1px}.step-desc{text-align:center;color:var(--text-secondary);margin-top:var(--space-sm);font-size:1.05rem;margin-bottom:var(--space-2xl)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.interest-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--white-pure);border:2px solid rgba(38,29,19,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);font-family:var(--font-body);text-align:center;box-shadow:var(--shadow-sm);overflow:hidden}.interest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#cc7f480d,#a793c00d);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);border-radius:inherit}.interest-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-md);border-color:#cc7f4833}.interest-card:hover:before{opacity:1}.interest-card.selected{border-color:var(--orange);background:linear-gradient(135deg,#cc7f480f,#cc7f4805);box-shadow:var(--shadow-md),0 0 0 1px var(--orange);transform:translateY(-4px)}.interest-card.selected:before{opacity:1}.card-icon{font-size:2.2rem;line-height:1;position:relative;z-index:1;transition:transform var(--duration-normal) var(--ease-spring)}.interest-card:hover .card-icon,.interest-card.selected .card-icon{transform:scale(1.15)}.card-label{font-weight:600;font-size:.95rem;color:var(--text-primary);position:relative;z-index:1}.card-hint{font-size:.75rem;color:var(--text-muted);line-height:1.4;position:relative;z-index:1}.card-check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--orange);color:var(--white-pure);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;opacity:0;transform:scale(0);transition:all var(--duration-normal) var(--ease-spring)}.interest-card.selected .card-check{opacity:1;transform:scale(1)}.step-actions{display:flex;justify-content:center;gap:var(--space-md)}.step-actions-split{justify-content:space-between}.btn-next,.btn-submit{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--orange);color:var(--white-pure);border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);box-shadow:0 4px 20px #cc7f484d}.btn-next:hover,.btn-submit:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 30px #cc7f4866}.btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-next:disabled:hover{transform:none;box-shadow:none}.btn-submit{background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 4px 20px #cc7f484d}.btn-submit:hover{box-shadow:0 8px 30px #cc7f4866}.btn-leaf{display:inline-block;animation:bobDown 2s ease-in-out infinite}.btn-back{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;color:var(--text-secondary);border:2px solid rgba(38,29,19,.15);border-radius:var(--radius-full);font-size:1rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn-back:hover{border-color:var(--text-secondary);color:var(--text-primary);background:#261d130a}.detail-fields{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.field-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.field-group label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.optional{font-weight:400;color:var(--text-muted)}.field-group input[type=text],.field-group input[type=email],.field-group input[type=tel],.field-group input[type=date],.field-group input[type=number],.field-group select,.field-group textarea{width:100%;padding:var(--space-md);border:2px solid rgba(38,29,19,.12);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);color:var(--text-primary);background:var(--white-pure);transition:all var(--duration-fast) var(--ease-out);outline:none}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #cc7f481a}.field-group input::placeholder,.field-group textarea::placeholder{color:var(--text-muted)}.field-group textarea{resize:vertical;min-height:100px}.field-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a4d40' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);justify-content:center}.selected-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#cc7f481a,#cc7f480d);border:1px solid rgba(204,127,72,.2);border-radius:var(--radius-full);font-size:.85rem;color:var(--orange-dark);font-weight:500}.budget-slider-container{padding:var(--space-md) 0}.budget-display{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display);letter-spacing:1px;margin-bottom:var(--space-md)}input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--orange-light),var(--orange));border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--orange);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 8px #cc7f4866;border:3px solid var(--white-pure);transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.budget-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:var(--space-sm)}.contact-form{background:var(--white-pure);border:1px solid rgba(38,29,19,.08);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl)}.contact-method-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.method-option input[type=radio]{display:none}.method-pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid rgba(38,29,19,.12);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-spring)}.method-pill:hover{border-color:var(--orange-light);color:var(--orange)}.method-option input[type=radio]:checked+.method-pill{border-color:var(--orange);background:#cc7f480f;color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.confirmation{background:linear-gradient(160deg,#6b89a0 0%,var(--blue) 40%,var(--green) 100%);position:relative}.confirm-inner{text-align:center;position:relative;z-index:10}.confirm-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.confirm-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--white-pure);letter-spacing:1px}.confirm-text{color:#fffc;font-size:1.1rem;max-width:500px;margin:var(--space-md) auto 0;line-height:1.7}.confirm-divider{width:60px;height:3px;background:var(--orange);border-radius:var(--radius-full);margin:var(--space-xl) auto}.confirm-meanwhile{color:#fff9;font-size:.95rem;font-style:italic;margin-bottom:var(--space-lg)}.confirm-links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.confirm-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--white-pure);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--duration-normal) var(--ease-spring);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.confirm-link:hover{background:#fff3;transform:translateY(-2px)}#confettiCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#25d366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;z-index:999;transition:all var(--duration-normal) var(--ease-spring);animation:whatsappPulse 3s ease-in-out infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36680}@keyframes whatsappPulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d36699,0 0 0 10px #25d3661a}}.fade-in{animation:fadeInUp .6s var(--ease-out)}.slide-in-left{animation:slideInLeft .5s var(--ease-out)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.interest-card{opacity:0;animation:cardAppear .5s var(--ease-spring) forwards}.interest-card:nth-child(1){animation-delay:.05s}.interest-card:nth-child(2){animation-delay:.1s}.interest-card:nth-child(3){animation-delay:.15s}.interest-card:nth-child(4){animation-delay:.2s}.interest-card:nth-child(5){animation-delay:.25s}.interest-card:nth-child(6){animation-delay:.3s}.interest-card:nth-child(7){animation-delay:.35s}.interest-card:nth-child(8){animation-delay:.4s}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}.progress-steps{gap:var(--space-lg)}}@media(max-width:600px){body{font-size:15px}.hero{min-height:100svh}.logo{width:90px;height:90px}.step{padding:var(--space-2xl) var(--space-md);min-height:auto;align-items:flex-start;padding-top:100px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.interest-card{padding:var(--space-md) var(--space-sm)}.card-icon{font-size:1.8rem}.card-label{font-size:.85rem}.card-hint{font-size:.7rem}.field-row{grid-template-columns:1fr}.contact-form{padding:var(--space-lg)}.contact-method-group{flex-direction:column}.method-pill{justify-content:center}.step-actions-split{flex-direction:column-reverse;align-items:stretch;gap:var(--space-sm)}.btn-back,.btn-next,.btn-submit{justify-content:center;width:100%}.progress-container{padding:var(--space-sm) var(--space-md)}.progress-steps{gap:var(--space-md)}.progress-step span{font-size:.7rem}.whatsapp-float{bottom:16px;right:16px;width:52px;height:52px}.confirm-links{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
