:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#10b981;--dark-bg:#1e293b;--dark-text:#0f172a;--light-bg:#f8fafc;--white:#fff;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-600:#475569;--gray-700:#334155;--whatsapp:#25d366;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dark-text);line-height:1.6;overflow-x:hidden}@media (min-width:1024px){body.no-scroll,html:has(body.no-scroll){overflow:hidden;height:100vh}}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);box-shadow:var(--shadow-sm);padding:16px 0;transition:all .3s ease}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;justify-content:space-between}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:12px;font-size:1.5rem;font-weight:700;color:var(--dark-text)}.logo-icon{font-size:1.8rem;color:var(--primary-color)}.navbar-contact{gap:16px}.nav-phone,.navbar-contact{display:flex;align-items:center}.nav-phone{gap:8px;color:var(--dark-text);text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}.nav-phone:hover{color:var(--primary-color)}.nav-whatsapp{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--whatsapp);color:var(--white);border-radius:50%;font-size:1.2rem;text-decoration:none;transition:all .3s ease}.nav-whatsapp:hover{background:#20b858;transform:scale(1.1)}.hero-landing{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 72px);margin-top:72px;padding:60px 20px 40px;background:linear-gradient(135deg,#f8fafc,#e0e7ff);position:relative}@media (min-width:1024px){.hero-landing{height:calc(100vh - 72px - 120px);min-height:auto;padding:20px}}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.hero-content-left{padding-right:20px}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.hero-content-left h1{font-size:2.75rem;font-weight:900;line-height:1.2;color:var(--dark-text);margin-bottom:20px}@media (min-width:1024px){.hero-content-left h1{font-size:2.5rem;margin-bottom:16px}.hero-badge{margin-bottom:16px}.hero-features{margin-bottom:20px}.hero-contact-options{margin-top:20px;padding-top:20px}}.hero-description{font-size:1.125rem;color:var(--gray-600);margin-bottom:16px;line-height:1.8}.hero-cta-text{font-size:1.125rem;color:var(--primary-color);font-weight:600;margin-bottom:30px}.hero-features{display:flex;gap:24px;margin-bottom:30px}.hero-feature{display:flex;align-items:flex-start;gap:12px}.feature-icon{font-size:1.5rem;color:var(--primary-color);flex-shrink:0;margin-top:4px}.hero-feature h3{font-size:1rem;font-weight:700;color:var(--dark-text);margin-bottom:2px}.hero-feature p{font-size:.875rem;color:var(--gray-600)}.hero-contact-options{margin-top:30px;padding-top:30px;border-top:1px solid var(--gray-200)}.hero-contact-options>p{font-size:.95rem;color:var(--gray-600);margin-bottom:12px}.contact-buttons{display:flex;gap:16px;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border:2px solid var(--gray-200);color:var(--dark-text);background:var(--white)}.contact-link:hover{border-color:var(--primary-color);transform:translateY(-2px)}.contact-link.whatsapp{background:var(--whatsapp);color:var(--white);border-color:var(--whatsapp)}.contact-link.whatsapp:hover{background:#20b858;border-color:#20b858}.hero-form-container{display:flex;justify-content:center}.form-card{background:var(--white);padding:30px 24px;border-radius:16px;box-shadow:var(--shadow-xl);width:100%;max-width:450px;border:2px solid var(--gray-200)}@media (min-width:1024px){.form-card{padding:24px 20px;max-width:400px}}.form-card h2{font-size:1.5rem;font-weight:800;color:var(--dark-text);margin-bottom:6px;text-align:center}.form-subtitle{text-align:center;color:var(--gray-600);font-size:.95rem;margin-bottom:24px}.landing-form .form-group{margin-bottom:14px}@media (min-width:1024px){.landing-form .form-group{margin-bottom:12px}.landing-form textarea{min-height:70px}.form-card h2{font-size:1.35rem;margin-bottom:4px}.form-subtitle{margin-bottom:20px;font-size:.9rem}}.landing-form input,.landing-form textarea{width:100%;padding:12px 14px;font-size:.95rem;border:2px solid var(--gray-200);border-radius:10px;font-family:inherit;transition:all .3s ease;background:var(--white)}.landing-form input:focus,.landing-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.landing-form input.error,.landing-form textarea.error{border-color:#ef4444}.landing-form input.error:focus,.landing-form textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.landing-form textarea{resize:vertical;min-height:90px}.phone-input-wrapper{display:flex;align-items:center;gap:0;border:2px solid var(--gray-200);border-radius:10px;overflow:hidden;transition:all .3s ease;background:var(--white)}.phone-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.phone-input-wrapper.error{border-color:#ef4444}.phone-prefix{padding:12px 12px 12px 14px;background:var(--gray-100);color:var(--dark-text);font-weight:600;font-size:.95rem;border-right:1px solid var(--gray-200)}.phone-input{border:none!important;padding:12px 14px!important;flex:1 1;box-shadow:none!important}.phone-input:focus{outline:none;box-shadow:none!important}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:6px;font-weight:500}.submit-btn-landing{width:100%;padding:14px;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn-landing:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn-landing:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.recaptcha-notice{text-align:center;font-size:.7rem;color:var(--gray-600);margin-top:12px;line-height:1.3}.recaptcha-notice a{color:var(--primary-color);text-decoration:none}.recaptcha-notice a:hover{text-decoration:underline}.footer-simple{background:var(--dark-bg);color:var(--white);padding:30px 20px;margin-top:auto}@media (min-width:1024px){.footer-simple{padding:20px}}.footer-simple-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700}.footer-icon{font-size:1.5rem;color:var(--primary-color)}.footer-social{display:flex;gap:16px}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);color:var(--white);border-radius:50%;font-size:1.2rem;text-decoration:none;transition:all .3s ease}.footer-social a:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-links a:hover{color:var(--white);text-decoration:underline}.footer-bottom-simple{text-align:center;padding-top:20px}.footer-bottom-simple p{color:hsla(0,0%,100%,.6);font-size:.875rem;margin:0}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-content-left{padding-right:0;text-align:center}.contact-buttons,.hero-features{justify-content:center}.hero-form-container{order:2}.hero-content-left h1{font-size:2.25rem}}@media (max-width:768px){.navbar{padding:12px 0}.navbar-container{padding:0 16px}.navbar-logo{font-size:1.125rem;gap:8px}.logo-icon{font-size:1.4rem}.navbar-contact{gap:10px}.nav-phone{font-size:.8rem;gap:6px}.nav-whatsapp{width:36px;height:36px;font-size:1rem}.hero-landing{padding:30px 16px;min-height:auto;margin-top:60px}.hero-container{gap:30px}.hero-content-left h1{font-size:1.75rem;margin-bottom:16px}.hero-badge{font-size:12px;padding:6px 16px;margin-bottom:16px}.hero-description{font-size:.95rem;margin-bottom:12px}.hero-cta-text{font-size:.95rem;margin-bottom:24px}.hero-features{flex-direction:column;gap:16px;align-items:center;margin-bottom:24px}.hero-feature{text-align:left;max-width:280px}.feature-icon{font-size:1.3rem}.hero-feature h3{font-size:.95rem}.hero-feature p{font-size:.8rem}.hero-contact-options{margin-top:24px;padding-top:24px}.hero-contact-options>p{font-size:.875rem}.contact-buttons{gap:12px}.contact-link{padding:10px 16px;font-size:.875rem;gap:6px}.form-card{padding:24px 20px;border-radius:12px}.form-card h2{font-size:1.35rem;margin-bottom:4px}.form-subtitle{font-size:.875rem;margin-bottom:20px}.landing-form .form-group{margin-bottom:12px}.landing-form input,.landing-form textarea{padding:11px 12px;font-size:.9rem}.phone-prefix{padding:11px 10px 11px 12px;font-size:.9rem}.phone-input{padding:11px 12px!important}.landing-form textarea{min-height:80px}.submit-btn-landing{padding:13px;font-size:.95rem}.recaptcha-notice{font-size:.65rem;margin-top:10px}.footer-simple{padding:24px 16px}.footer-simple-content{flex-direction:column;text-align:center;align-items:center;gap:16px;padding-bottom:16px}.footer-brand{font-size:1.125rem}.footer-icon{font-size:1.3rem}.footer-social{justify-content:center}.footer-social a{width:36px;height:36px;font-size:1.1rem}.footer-links{justify-content:center}.footer-links a{font-size:.8rem}.footer-bottom-simple{padding-top:16px}.footer-bottom-simple p{font-size:.8rem}}@media (max-width:480px){.navbar{padding:10px 0}.navbar-container{padding:0 12px}.navbar-logo{gap:6px}.navbar-logo,.navbar-logo span{font-size:1rem}.logo-icon{font-size:1.2rem}.navbar-contact{gap:8px}.nav-phone{font-size:.7rem;gap:4px}.nav-whatsapp{width:32px;height:32px;font-size:.9rem}.hero-landing{padding:24px 12px;margin-top:56px}.hero-container{gap:24px}.hero-content-left h1{font-size:1.5rem;margin-bottom:12px;line-height:1.3}.hero-badge{font-size:11px;padding:6px 14px;margin-bottom:12px}.hero-description{font-size:.875rem;margin-bottom:10px;line-height:1.6}.hero-cta-text{font-size:.875rem;margin-bottom:20px}.hero-features{gap:14px;margin-bottom:20px}.hero-feature{max-width:260px;gap:10px}.feature-icon{font-size:1.2rem}.hero-feature h3{font-size:.875rem}.hero-feature p{font-size:.75rem}.hero-contact-options{margin-top:20px;padding-top:20px}.hero-contact-options>p{font-size:.8rem;margin-bottom:10px}.contact-buttons{flex-direction:column;width:100%;gap:10px}.contact-link{width:100%;justify-content:center;padding:10px 14px;font-size:.8rem}.form-card{padding:20px 16px;border-radius:10px}.form-card h2{font-size:1.25rem;margin-bottom:4px}.form-subtitle{font-size:.8rem;margin-bottom:18px}.landing-form .form-group{margin-bottom:10px}.landing-form input,.landing-form textarea{padding:10px 12px;font-size:.875rem;border-radius:8px}.phone-input-wrapper{border-radius:8px}.phone-prefix{padding:10px 8px 10px 12px;font-size:.875rem}.phone-input{padding:10px 12px!important}.landing-form textarea{min-height:70px}.submit-btn-landing{padding:12px;font-size:.9rem;border-radius:8px}.error-message{font-size:.8rem;margin-top:4px}.recaptcha-notice{font-size:.6rem;margin-top:8px;line-height:1.2}.footer-simple{padding:20px 12px}.footer-simple-content{gap:14px;padding-bottom:14px}.footer-brand{font-size:1rem;gap:8px}.footer-icon{font-size:1.2rem}.footer-social{gap:12px}.footer-social a{width:34px;height:34px;font-size:1rem}.footer-links a{font-size:.65rem}.footer-bottom-simple{padding-top:14px}.footer-bottom-simple p{font-size:.75rem;line-height:1.4}}