*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f8fafd;color:#1e293b;line-height:1.5;overflow-x:hidden;width:100%}.navbar{background:white;box-shadow:0 8px 20px rgba(0,20,50,.05);padding:.8rem 2rem;position:sticky;top:0;z-index:100;justify-content:space-between;border-bottom:2px solid #f1f4f9;width:100%}.logo,.navbar{display:flex;align-items:center}.logo{gap:8px;font-weight:700;font-size:1.5rem;background:linear-gradient(135deg,#0b2f4e,#203a5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.logo i{background:#2563eb;-webkit-text-fill-color:white;padding:6px;border-radius:14px;font-size:1.2rem}.nav-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.nav-links a{text-decoration:none;font-weight:500;color:#1e293b;transition:.2s;font-size:1rem;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:#2563eb;border-bottom-color:#2563eb}.nav-links a i{margin-right:4px;font-size:.9rem}.wa-quick{background:#25D366;color:white;padding:6px 16px;border-radius:40px;font-weight:600;display:flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 6px 14px rgba(37,211,102,.3);white-space:nowrap;font-size:.95rem;flex-shrink:0}.wa-quick:hover{background:#20b359}.demo-hero{background:linear-gradient(135deg,#0b2f4e,#1e4a6f);padding:3rem 1.5rem;position:relative;overflow:hidden;width:100%}.demo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><circle cx="50" cy="50" r="40" fill="none" stroke="white" stroke-width="2"/><path d="M20 20 L80 20 L80 80 L20 80 Z" fill="none" stroke="white" stroke-width="2"/></svg>') repeat;background-size:60px 60px;pointer-events:none}.hero-container{max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.hero-content{flex:1 1 400px;color:white}.hero-content h1{font-size:clamp(1.8rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-highlight{background:linear-gradient(135deg,#FFD966,#FF9F1C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-content p{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:1.5rem;color:#e0f2fe;max-width:600px}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0 2rem}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#FF9F1C;line-height:1.2}.stat-label{font-size:.85rem;color:#b8d6f0;text-transform:uppercase;letter-spacing:1px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.hero-btn{padding:.8rem 1.8rem;border-radius:60px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;font-size:1rem}.hero-btn-primary{background:#FF9F1C;color:#0b2f4e;box-shadow:0 10px 25px rgba(255,159,28,.4)}.hero-btn-primary:hover{background:white;transform:translateY(-3px);box-shadow:0 15px 30px rgba(255,159,28,.5)}.hero-btn-secondary{background:rgba(255,255,255,.15);color:white;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.hero-btn-secondary:hover{background:rgba(255,255,255,.25);transform:translateY(-3px)}.hero-image{flex:1 1 300px;text-align:center}.hero-img{width:100%;max-width:400px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);-o-object-fit:cover;object-fit:cover}.container{max-width:1300px;margin:0 auto;padding:1.5rem 1.5rem 1rem;width:100%}.demo-showcase{margin:2rem 0;text-align:center;width:100%}.demo-showcase h2{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;color:#0b2f4e;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.demo-showcase h2 i{color:#2563eb;background:#eef2ff;padding:10px;border-radius:50%;font-size:1.5rem}.demo-slider{position:relative;max-width:1000px;margin:0 auto 2rem;padding:0 10px;width:100%}.demo-slider-container{position:relative;overflow-x:auto;overflow-y:hidden;border-radius:20px;box-shadow:0 30px 50px -20px rgba(0,0,0,.3);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-slider-container::-webkit-scrollbar{display:none}.demo-slides{display:flex;transition:none}.demo-slide{flex:0 0 100%;min-width:100%;position:relative;scroll-snap-align:start}.demo-slide img{width:100%;height:auto;max-height:450px;-o-object-fit:cover;object-fit:cover;display:block}.demo-slide-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);color:white;padding:1.5rem;text-align:left}.demo-slide-content h3{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;margin-bottom:.3rem}.demo-slide-content p{font-size:.9rem;margin-bottom:.8rem;opacity:.9}.demo-slide-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.demo-slide-tag{background:rgba(255,255,255,.2);backdrop-filter:blur(5px);padding:4px 12px;border-radius:30px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.demo-slide-buttons{display:flex;gap:10px;flex-wrap:wrap}.demo-slide-btn{padding:.6rem 1.2rem;border-radius:40px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s;font-size:.85rem}.demo-slide-btn-primary{background:#FF9F1C;color:#0b2f4e}.demo-slide-btn-primary:hover{background:white;transform:scale(1.05)}.demo-slide-btn-secondary{background:transparent;color:white;border:2px solid white}.demo-slide-btn-secondary:hover{background:white;color:#0b2f4e}.slider-nav{gap:15px;margin-top:1.2rem;flex-wrap:wrap}.slider-nav,.slider-next,.slider-prev{display:flex;justify-content:center;align-items:center}.slider-next,.slider-prev{background:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.1);font-size:1rem;color:#2563eb;transition:all .2s}.slider-next:hover,.slider-prev:hover{background:#2563eb;color:white;transform:scale(1.1)}.slider-dots{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.slider-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .2s}.slider-dot.active{background:#2563eb;transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.demo-slider-container{scroll-behavior:auto}}.contact-panel{background:white;border-radius:30px;padding:1.5rem;margin-top:2rem;box-shadow:0 15px 40px -20px #1e293b;border:1px solid #e2e8f0;justify-content:space-between;gap:1.5rem;width:100%}.contact-panel,.contact-text h3{display:flex;flex-wrap:wrap;align-items:center}.contact-text h3{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:650;color:#0b1d31;gap:8px}.contact-text p{color:#334155;max-width:500px;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.95rem}.whatsapp-big{background:#25D366;color:white;border:none;padding:.8rem 1.5rem;border-radius:60px;font-size:clamp(.9rem,3vw,1.2rem);font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 18px -8px rgba(37,211,102,.4);transition:all .15s;text-decoration:none;white-space:nowrap}.whatsapp-big i{font-size:1.5rem}.whatsapp-big:hover{background:#20b359;transform:scale(1.02);box-shadow:0 20px 25px -10px #1e7e4a}.site-footer{margin-top:3rem;background:#0f263b;color:#cddfeb;border-radius:30px 30px 0 0;padding:2rem 1.5rem 1.5rem;width:100%}.footer-content{max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:#f0f6fc;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:6px;font-size:.9rem;transition:.2s;border-bottom:1px solid transparent}.footer-links a:hover{color:#FF9F1C;border-bottom-color:#FF9F1C}hr{border:1px solid #2d4b68;margin:1.2rem 0}.wa-footnote{text-align:center;font-size:.85rem;opacity:.8}.whatsapp-button{position:fixed!important;bottom:20px!important;right:20px!important;width:60px!important;height:60px!important;border-radius:50%!important;background:#25D366!important;color:white!important;border:none!important;cursor:pointer!important;box-shadow:0 10px 30px rgba(37,211,102,.4)!important;z-index:999998!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;animation:wa-pulse 2s infinite!important;text-decoration:none!important}.whatsapp-button:hover{transform:scale(1.1)!important;background:#20b359!important}.whatsapp-button i{font-size:30px!important}@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}to{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.chatbot-button{position:fixed!important;bottom:90px!important;right:20px!important;width:60px!important;height:60px!important;border-radius:50%!important;background:#2563eb!important;color:white!important;border:none!important;cursor:pointer!important;box-shadow:0 10px 30px rgba(37,99,235,.4)!important;z-index:999998!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;animation:chatbot-pulse 2s infinite!important;text-decoration:none!important}.chatbot-button:hover{transform:scale(1.1)!important;background:#1d4ed8!important}.chatbot-button i{font-size:30px!important}@keyframes chatbot-pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.7)}70%{box-shadow:0 0 0 15px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.button-tooltip{position:absolute;background:#333;color:white;padding:4px 8px;border-radius:20px;font-size:11px;white-space:nowrap;right:70px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1000000!important}.chatbot-button:hover .button-tooltip,.whatsapp-button:hover .button-tooltip{opacity:1}.chatbot-window{position:fixed!important;bottom:160px!important;right:20px!important;width:340px!important;max-width:calc(100vw - 40px)!important;height:min(500px,70vh)!important;min-height:400px!important;background:white!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(0,0,0,.3)!important;display:none!important;flex-direction:column!important;z-index:999997!important;overflow:hidden!important;border:1px solid #e2e8f0!important}.chatbot-window[style*="display: flex"]{display:flex!important}.chatbot-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;padding:15px;display:flex;justify-content:space-between;align-items:center}.chatbot-header h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px}.chatbot-header button{background:rgba(255,255,255,.2);border:none;color:white;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatbot-messages{flex:1;padding:15px;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.message{max-width:85%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.4;word-wrap:break-word}.bot-message{background:#e2e8f0;color:#1e293b;align-self:flex-start;border-bottom-left-radius:4px}.user-message{background:#2563eb;color:white;align-self:flex-end;border-bottom-right-radius:4px}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:white;border-top:1px solid #e2e8f0}.quick-reply-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;padding:6px 12px;border-radius:25px;font-size:12px;cursor:pointer;white-space:nowrap;font-family:Poppins,sans-serif}.quick-reply-btn:hover{background:#2563eb;color:white;border-color:#2563eb}.chatbot-input-area{display:flex;align-items:center;padding:10px;background:white;gap:8px}.chatbot-input-area input{flex:1;min-width:0;padding:10px 14px;border:2px solid #e2e8f0;border-radius:30px;font-family:Poppins,sans-serif;font-size:13px;outline:none}.chatbot-input-area button{flex-shrink:0;width:42px;height:42px;min-width:42px;border-radius:50%;background:#2563eb;color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.chatbot-input-area input:focus{border-color:#2563eb}.chatbot-input-area button i{font-size:16px}.typing-indicator{display:flex;gap:4px;padding:10px 14px;background:#e2e8f0;border-radius:16px;width:-moz-fit-content;width:fit-content;border-bottom-left-radius:4px}.typing-indicator span{width:6px;height:6px;background:#64748b;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media (max-width:992px){.navbar{padding:.8rem 1.5rem}.nav-links{gap:1rem}}@media (max-width:850px){.navbar{flex-wrap:wrap}.nav-links,.navbar{justify-content:center;gap:.8rem}.nav-links{order:3;width:100%}.nav-links a{font-size:.9rem}}@media (max-width:768px){.hero-container{flex-direction:column}.hero-container,.hero-content{text-align:center}.hero-buttons,.hero-stats{justify-content:center}.demo-slide-content{padding:1rem}.demo-slide-content h3{font-size:1.2rem}.demo-slide-content p{font-size:.85rem;margin-bottom:.5rem}.demo-slide-buttons{gap:8px}.demo-slide-btn{padding:.4rem 1rem;font-size:.8rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.navbar{padding:.6rem 1rem}.logo{font-size:1.3rem}.logo i{padding:4px;font-size:1rem}.nav-links{gap:.5rem}.nav-links a{font-size:.8rem}.nav-links a i{font-size:.75rem;margin-right:2px}.wa-quick{padding:4px 12px;font-size:.8rem;gap:4px}.demo-hero{padding:2rem 1rem}.hero-stats{gap:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.hero-btn{padding:.6rem 1.2rem;font-size:.9rem}.demo-slide-content{padding:.8rem}.demo-slide-tag{padding:3px 8px;font-size:.7rem}.demo-slide-btn{padding:.3rem .8rem;font-size:.75rem}.contact-panel{padding:1.2rem}.whatsapp-big{padding:.6rem 1.2rem;font-size:.9rem}.whatsapp-big i{font-size:1.2rem}.chatbot-window{width:280px!important;right:40px!important;bottom:150px!important}.chatbot-button,.whatsapp-button{width:50px!important;height:50px!important}.chatbot-button i,.whatsapp-button i{font-size:24px!important}.chatbot-button{bottom:80px!important}}