:root{--color-purple:#5527d7;--color-green:#00c696;--bg-white:#fff;--bg-gray:#f8f9fa;--text-dark:#1a1a1a;--text-gray:#666;--text-white:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--container-width:1200px;--spacing-section:6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.text-white{color:var(--text-white)}.text-white-muted{color:#fffc}.text-purple{color:var(--color-purple)}.btn{font-family:var(--font-heading);cursor:pointer;text-align:center;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-green);color:var(--text-white)}.btn-primary:hover{background-color:#00a87e;transform:translateY(-2px);box-shadow:0 8px 16px #00c6964d}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}.header{background-color:var(--bg-white);z-index:100;border-bottom:1px solid #eaeaea;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--color-purple);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.nav{gap:2rem;display:flex}.nav-link{color:var(--text-gray);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-purple)}.section{padding:var(--spacing-section) 0}.section-light{background-color:var(--bg-white)}.section-gray{background-color:var(--bg-gray)}.section-purple{background-color:var(--color-purple)}.section-green{background-color:var(--color-green)}.section-header{text-align:center;margin-bottom:4rem;max-width:700px;margin-inline:auto}.section-title{color:var(--color-purple);margin-bottom:1rem;font-size:2.5rem}.section-purple .section-title,.section-green .section-title{color:var(--text-white)}.section-purple .section-desc,.section-green .section-desc{color:#ffffffd9}.section-desc{color:var(--text-gray);font-size:1.125rem}.hero{text-align:center;padding:2rem 0 6rem}.hero-container{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=992px){.hero-container{text-align:left;grid-template-columns:1fr 1fr}.hero{text-align:left}.hero-subtitle{margin-inline:0}}.badge{color:var(--color-purple);text-transform:uppercase;letter-spacing:1px;background-color:#5527d71a;border-radius:9999px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-block}.hero-title{color:var(--text-dark);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}.hero-subtitle{color:var(--text-gray);margin-bottom:2.5rem;max-width:700px;margin-inline:auto;font-size:clamp(1.1rem,2vw,1.25rem)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.card{background-color:var(--bg-white);text-align:center;border:1px solid #eaeaea;border-radius:16px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000d}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.card-icon{color:var(--color-green);background-color:#00c6961a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:2.5rem;display:inline-flex}.card-title{color:var(--color-purple);margin-bottom:1rem;font-size:1.25rem}.card-text{color:var(--text-gray);font-size:.95rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.comp-card{background-color:var(--bg-white);border:1px solid #eaeaea;border-radius:16px;height:100%;padding:2.5rem;transition:transform .3s;box-shadow:0 4px 20px #0000000d}.comp-card:hover{transform:translateY(-5px)}.comp-card.traditional{border-top:4px solid #ef4444}.comp-card.ciclo{border-top:4px solid var(--color-green);background-color:#00c69605}.comp-header{border-bottom:1px solid #eaeaea;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.comp-header h3{color:var(--text-dark);font-size:1.5rem}.comp-card.ciclo .comp-header h3{color:var(--color-green)}.comp-card.traditional .comp-header h3{color:#ef4444}.comp-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.cta-container{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.comp-list li{color:var(--text-gray);padding-left:2rem;font-size:1.05rem;line-height:1.6;position:relative}.comp-card.traditional .comp-list li:before{content:"✕";color:#ef4444;font-weight:800;position:absolute;top:0;left:0}.comp-card.ciclo .comp-list li:before{content:"✓";color:var(--color-green);font-weight:800;position:absolute;top:0;left:0}.comp-list li strong{color:var(--text-dark)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.step-card{background-color:var(--bg-white);border-radius:16px;padding:2rem;position:relative}.step-number{background-color:var(--color-green);color:var(--text-white);width:40px;height:40px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;position:absolute;top:-15px;left:2rem;box-shadow:0 4px 10px #0000001a}.step-card h3{color:var(--color-purple);margin-top:1rem;margin-bottom:.75rem;font-size:1.25rem}.step-card p{color:var(--text-gray);font-size:.95rem}.example-wrapper{background-color:var(--bg-white);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem;display:grid;box-shadow:0 20px 40px #0000001a}.example-text .section-title{color:var(--color-purple)}.example-text .section-desc{color:var(--text-gray);margin-bottom:2rem}.cycle-table{flex-direction:column;gap:.5rem;display:flex}.t-row{background-color:var(--bg-gray);border-left:4px solid var(--color-purple);color:var(--text-dark);border-radius:8px;grid-template-columns:60px 1fr 80px;gap:1rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;display:grid}.t-header{color:var(--text-gray);font-family:var(--font-heading);background:0 0;border:none;padding-bottom:.5rem;font-weight:700}.footer{background-color:var(--bg-gray);text-align:center;color:var(--text-gray);border-top:1px solid #eaeaea;padding:2rem 0;font-size:.9rem}.fade-in-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.typeform-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#05050fd9;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.typeform-modal{background-color:var(--bg-white);border-radius:24px;flex-direction:column;width:100%;max-width:600px;min-height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000004d}.typeform-close{color:var(--text-gray);cursor:pointer;z-index:10;background:0 0;border:none;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.typeform-close:hover{color:var(--text-dark)}.typeform-content{flex-direction:column;flex:1;justify-content:center;padding:4rem 3rem;display:flex}.typeform-step{flex-direction:column;width:100%;display:flex}.step-indicator{color:var(--color-purple);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.step-question{color:var(--text-dark);margin-bottom:2.5rem;font-size:1.8rem;line-height:1.3}.step-input-wrapper{margin-bottom:2rem}.typeform-input{width:100%;font-size:1.5rem;font-family:var(--font-body);color:var(--color-purple);background:0 0;border:none;border-bottom:2px solid #5527d733;outline:none;padding:1rem 0;transition:border-color .3s}.typeform-input::placeholder{color:#ccc}.typeform-input:focus{border-bottom-color:var(--color-purple)}.step-actions{align-items:center;gap:1rem;display:flex}.btn-typeform{background-color:var(--color-purple);color:var(--text-white);font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 2rem;font-size:1.125rem;font-weight:700;transition:background-color .3s,transform .2s;display:flex}.btn-typeform:hover:not(:disabled){background-color:#421daa;transform:translateY(-2px)}.btn-typeform:disabled{color:#999;cursor:not-allowed;background-color:#eaeaea}.btn-hint{font-family:var(--font-body);opacity:.8;font-size:.75rem;font-weight:400}.typeform-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.success-icon{margin-bottom:1.5rem}.typeform-success h2{color:var(--color-purple);margin-bottom:1rem;font-size:2rem}.typeform-success p{color:var(--text-gray);margin-bottom:2.5rem;font-size:1.1rem}.btn-done{background-color:var(--color-green);margin:0 auto}.btn-done:hover{background-color:#00a87e}.circular-image{object-fit:cover;border:8px solid var(--bg-white);border-radius:50%;width:320px;height:320px;box-shadow:0 24px 50px #00000026}@media (width<=900px){.example-wrapper{grid-template-columns:1fr;padding:2rem}.comparison-grid{grid-template-columns:1fr}.cta-container{text-align:center;grid-template-columns:1fr}}@media (width<=768px){.nav{display:none}.section,.hero{padding:4rem 0}.header .btn{padding:.5rem 1.2rem;font-size:.9rem}.typeform-modal{border-radius:0;max-width:100%;height:100vh;min-height:100vh}.typeform-content{padding:2rem 1.5rem}.step-question{font-size:1.5rem}.typeform-input{font-size:1.25rem}}