:root{--primary:#87ceeb;--primary-dark:#5fb6e0;--primary-title:#0077b6;--light:#f8fbff;--gray:#f4f7fa;--text:#2d3748;--white:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--light);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:100px 0;position:relative;overflow:hidden}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--primary-title)}header{position:fixed;top:0;left:0;right:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.05);z-index:1000}nav{max-width:1200px;margin:0 auto;padding:.1rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--primary-dark);margin-left:10px}.logo span{color:var(--primary)}.logo-img{height:60px;width:auto;max-width:200px;object-fit:contain;transition:transform .3s ease;margin-top:10px !important}.logo-img:hover{transform:scale(1.05)}@media(max-width:768px){.logo-img{height:60px}}.nav-links{display:flex;gap:2.2rem;list-style:none;font-family:Montserrat,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;font-size:.95rem;align-items:center;z-index:999}.nav-links a{text-decoration:none;color:var(--text);transition:all .3s ease;position:relative;padding:8px 0}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease;border-radius:1px}.nav-links a:hover{color:var(--primary)}.nav-links a:hover::after{width:100%}@media(max-width:992px){.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a1d37;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;font-size:1.5rem;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s ease;z-index:999;padding:2rem;overflow:hidden;color:#fff}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links::before{content:'';position:absolute;inset:0;background:url(imagens/menu.webp) center/cover fixed;z-index:-2}.nav-links::after{content:'';position:absolute;inset:0;background:rgba(10,29,55,.75);z-index:-1}.nav-links a{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.nav-links a:hover{color:var(--primary)}}.menu-toggle{display:none;z-index:1000;background:none !important;border:none !important;padding:0 !important;width:auto !important;height:auto !important;cursor:pointer}.menu-toggle i{color:#87ceeb;font-size:2rem;transition:color .3s ease}.menu-toggle:hover i{color:#6c757d}@media(max-width:992px){.menu-toggle{display:block !important;position:fixed !important;top:30px !important;right:15px !important}.menu-toggle i{font-size:1.9rem}}.hero{height:100vh;position:relative;overflow:hidden;margin-top:70px}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.slide.active{opacity:1}.slide::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}.slide-content{position:relative;z-index:2;max-width:800px;padding:2rem;animation:fadeInUp 1s ease forwards}.slide h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.slide p{font-size:1.3rem;margin-bottom:2rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.slider-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}.dot.active{background:var(--primary);transform:scale(1.3)}.btn{display:inline-block;padding:12px 30px;background:var(--primary);color:#fff;border:0;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px rgba(135,206,235,.4)}.btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 25px rgba(95,182,224,.5)}.services{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s ease;text-align:center;padding:2rem}.service-card:hover{transform:translateY(-15px);box-shadow:0 20px 40px rgba(135,206,235,.2)}.service-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;transition:all .3s}.service-card:hover .service-icon{background:var(--primary-dark);transform:scale(1.1)}.bg-gradient-light{background:linear-gradient(135deg,#f8fbff 0,#e3f2fd 100%)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.plan-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s ease;position:relative;border:2px solid transparent;display:flex;flex-direction:column;justify-content:space-between;height:100%}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(135,206,235,.15)}.plan-card.popular{border-color:var(--primary);box-shadow:0 20px 40px rgba(135,206,235,.2)}.popular-badge{position:absolute;top:-15px;right:20px;background:var(--warning);color:#fff;padding:5px 15px;border-radius:50px;font-size:.8rem;font-weight:600}.plan-header h3{font-size:1.8rem;color:var(--primary-dark);margin-bottom:1rem}.plan-price{font-size:3rem;font-weight:700;color:var(--text);margin:1rem 0}.plan-price span{font-size:1rem;color:#666}.plan-features{list-style:none;margin:1.5rem 0;text-align:left;flex-grow:1}.plan-features li{padding:.7rem 0;position:relative;padding-left:2.2rem;color:#555;font-size:.95rem}.plan-features li i{position:absolute;left:0;top:.75rem;color:var(--success);font-size:1rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center}.contact-card i{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.contact-card a{color:var(--primary);text-decoration:none;font-weight:500}.map-container{height:400px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:2rem}.whatsapp-float{position:fixed;bottom:130px;right:20px;width:60px;height:60px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px rgba(37,211,102,.4);z-index:999;text-decoration:none !important;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px);animation:none}.whatsapp-float.mostrar{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;animation:pulse 2s infinite !important}.whatsapp-float:hover{transform:translateY(0) scale(1.1) !important;box-shadow:0 8px 25px rgba(37,211,102,.6)}@keyframes 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)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@media(max-width:768px){.whatsapp-float{bottom:130px;right:20px;width:55px;height:55px;font-size:1.8rem}}.share-float{position:fixed;right:20px;bottom:90px;z-index:998}.share-toggle{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 15px rgba(135,206,235,.4);transition:all .3s}.share-toggle:hover{background:var(--primary-dark);transform:scale(1.1)}.share-links{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .4s ease}.share-links.active{opacity:1;visibility:visible;transform:translateY(0)}.share-links a{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s}.share-links a:hover{transform:translateY(-3px) scale(1.1)}footer{background:rgba(0,119,182);padding:1rem 0;text-align:center;font-weight:500;color:#2a2121;font-size:.9rem}#vitrine{padding:100px 0;background:linear-gradient(135deg,#f8fbff 0,#e6f3ff 100%);position:relative;overflow:hidden}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:992px){.products-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media(max-width:576px){.products-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;height:100%;position:relative;opacity:0;animation:fadeInUp .6s ease forwards}.product-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(135,206,235,.22);z-index:2}.product-img-frame{position:relative;width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:15px;border-radius:16px 16px 0 0}.product-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;transition:transform .5s ease;box-shadow:0 6px 18px rgba(0,0,0,.12);background:#fff}.product-card:hover .product-img{transform:scale(1.06)}.badge{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.2)}.badge.promo{background:linear-gradient(135deg,#ef4444,#dc2626)}.badge.new{background:linear-gradient(135deg,#10b981,#059669)}.badge.hot{background:linear-gradient(135deg,#f59e0b,#d97706)}.product-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:0 0 20px 20px}.product-info h5{font-size:1.15rem;font-weight:600;color:#1e3a5f;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-info p{margin:0 0 .75rem;font-size:.9rem;color:#6c757d}.price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}.old{color:#999;text-decoration:line-through;font-size:.9rem;font-weight:500}.current{font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}.btn-buy{margin-top:auto;background:linear-gradient(135deg,#87ceeb,#5fb6e0);color:#fff;border:0;padding:.85rem 1rem;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(135,206,235,.3)}.btn-buy:hover{background:linear-gradient(135deg,#5fb6e0,#3a9ed8);transform:translateY(-3px);box-shadow:0 8px 25px rgba(135,206,235,.4)}.btn-buy:active{transform:translateY(-1px)}@media(max-width:768px){#vitrine{padding:80px 0}.product-img-frame{height:200px}.product-info{padding:1.25rem}.current{font-size:1.35rem}}@media(max-width:480px){.product-img-frame{height:180px}.product-info h5{font-size:1.05rem}.btn-buy{padding:.75rem;font-size:.9rem}}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(5){animation-delay:.5s}.product-card:nth-child(6){animation-delay:.6s}#como-funciona.section.section-lg{padding:30px 0 !important}.process-horizontal{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;margin:0 auto;max-width:1000px}.process-step{flex:1;text-align:center;max-width:200px;padding:1.5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s ease;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.process-step:hover{transform:translateY(-8px);background:rgba(135,206,235,.25)}.step-number{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:#87ceeb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 12px rgba(135,206,235,.4)}.step-icon{width:70px;height:70px;background:#fff;color:#87ceeb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.2)}.process-step h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.process-step p{color:rgba(255,255,255,.8);font-size:.9rem;margin:0}.process-arrow{color:#87ceeb;font-size:1.2rem;opacity:.8;transition:opacity .3s ease}.process-horizontal:hover .process-arrow{opacity:1}@media(max-width:992px){.process-horizontal{flex-direction:column;gap:1.5rem}.process-arrow{display:none}.process-step{max-width:none;width:100%}.step-number{left:20px;top:-10px}}@media(max-width:576px){.process-icon{width:60px;height:60px;font-size:1.3rem}.process-step h5{font-size:1rem}}.section::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:-2;opacity:.38;filter:brightness(1.1)}.section::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(135,206,235,.02),rgba(95,182,224,.6));z-index:-1}#services::before{background-image:url(imagens/servicos_infodraw.webp)}#plans::before{background-image:url(imagens/planos_infodraw.webp)}#contact::before{background-image:url(#)}@media(max-width:768px){.section::before{background-attachment:scroll}}@keyframes underlineGrow{from{width:0}to{width:60px}}@keyframes pulseBadge{0,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nav-links{z-index:999}
