.ecommerce-hero{position:relative;overflow:hidden;background:linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #eff6ff 100%);padding:4rem 0}@media screen and (min-width: 992px){.ecommerce-hero{padding:6rem 0}}.ecommerce-hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMyNTYzRUIiIGZpbGwtb3BhY2l0eT0iMC4wMyI+PGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMiIvPjwvZz48L2c+PC9zdmc+");opacity:.5;pointer-events:none}.ecommerce-hero .hero-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem 1rem;background-color:#dbeafe;color:#1e40af;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.ecommerce-hero .hero-title{font-size:2.25rem;font-weight:700;line-height:1.2;color:#111827;margin-bottom:1.5rem}@media screen and (min-width: 400px){.ecommerce-hero .hero-title{font-size:3rem}}@media screen and (min-width: 992px){.ecommerce-hero .hero-title{font-size:3.75rem}}.ecommerce-hero .hero-title .gradient-text{background:-webkit-gradient(linear, left top, right top, from(#2563eb), to(#1d4ed8));background:linear-gradient(to right, #2563eb, #1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.ecommerce-hero .hero-description{font-size:1.25rem;color:#4b5563;line-height:1.75;margin-bottom:2.5rem;max-width:36rem}.ecommerce-hero .hero-cta-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;margin-bottom:3rem}@media screen and (min-width: 400px){.ecommerce-hero .hero-cta-buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.ecommerce-hero .hero-cta-buttons .btn-whatsapp{background-color:#10b981;color:#fff;padding:.875rem 2rem;font-size:1.125rem;font-weight:600;border-radius:.75rem;-webkit-box-shadow:0 10px 15px -3px rgba(16,185,129,.25);box-shadow:0 10px 15px -3px rgba(16,185,129,.25);-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;text-decoration:none}.ecommerce-hero .hero-cta-buttons .btn-whatsapp:hover{background-color:#059669;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 20px 25px -5px rgba(16,185,129,.3);box-shadow:0 20px 25px -5px rgba(16,185,129,.3);color:#fff}.ecommerce-hero .hero-cta-buttons .btn-whatsapp svg{width:1.25rem;height:1.25rem}.ecommerce-hero .hero-cta-buttons .btn-phone{background-color:#fff;color:#111827;padding:.875rem 2rem;font-size:1.125rem;font-weight:600;border-radius:.75rem;border:2px solid #e5e7eb;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.ecommerce-hero .hero-cta-buttons .btn-phone:hover{border-color:#2563eb;color:#2563eb;background-color:#f9fafb}.ecommerce-hero .hero-cta-buttons .btn-phone svg{width:1.25rem;height:1.25rem}.ecommerce-hero .hero-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem;margin-top:3rem}.ecommerce-hero .hero-stats .stat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;color:#4b5563}.ecommerce-hero .hero-stats .stat-item .stat-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.ecommerce-hero .hero-stats .stat-item .stat-icon--blue{background-color:#dbeafe;color:#2563eb}.ecommerce-hero .hero-stats .stat-item .stat-icon--amber{background-color:#fef3c7;color:#f59e0b}.ecommerce-hero .hero-stats .stat-item .stat-icon--emerald{background-color:#d1fae5;color:#059669}.ecommerce-hero .hero-stats .stat-item .stat-icon svg{width:1.25rem;height:1.25rem}.ecommerce-hero .hero-stats .stat-item .stat-content .stat-value{font-weight:700;color:#111827;font-size:1rem;margin:0}.ecommerce-hero .hero-stats .stat-item .stat-content .stat-label{font-size:.875rem;color:#4b5563;margin:0}.ecommerce-hero .hero-visual{position:relative}.ecommerce-hero .hero-visual .visual-bg-blur{position:absolute;border-radius:50%;opacity:.2;-webkit-filter:blur(80px);filter:blur(80px);z-index:0}.ecommerce-hero .hero-visual .visual-bg-blur--blue{width:18rem;height:18rem;background-color:#bfdbfe;top:-1rem;right:-1rem}.ecommerce-hero .hero-visual .visual-bg-blur--emerald{width:16rem;height:16rem;background-color:#a7f3d0;bottom:-2rem;left:-2rem}.ecommerce-hero .hero-visual .visual-card{position:relative;background:linear-gradient(135deg, #111827 0%, #1f2937 100%);border-radius:1rem;padding:1rem;-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:1}.ecommerce-hero .hero-visual .visual-card .browser-bar{background-color:#f3f4f6;padding:.75rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border-radius:.5rem .5rem 0 0}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-dots{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.375rem}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-dots .dot{width:.75rem;height:.75rem;border-radius:50%}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-dots .dot--red{background-color:#f87171}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-dots .dot--yellow{background-color:#fbbf24}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-dots .dot--green{background-color:#34d399}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-url{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 1rem;background-color:#fff;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;color:#6b7280;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.ecommerce-hero .hero-visual .visual-card .browser-bar .browser-url .url-indicator{width:.75rem;height:.75rem;border-radius:50%;background-color:#10b981}.ecommerce-hero .hero-visual .visual-card .browser-content{background-color:#fff;padding:1.5rem;border-radius:0 0 .5rem .5rem}.ecommerce-hero .hero-visual .visual-card .browser-content .browser-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}.ecommerce-hero .hero-visual .visual-card .browser-content .browser-header .browser-title{font-weight:700;color:#111827;margin:0}.ecommerce-hero .hero-visual .visual-card .browser-content .browser-header .browser-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:.75rem;margin-bottom:1rem}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid .product-card{background-color:#f9fafb;border-radius:.5rem;padding:.75rem}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid .product-card .product-image{aspect-ratio:1;background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border-radius:.375rem;margin-bottom:.5rem}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid .product-card .product-line{height:.5rem;background-color:#e5e7eb;border-radius:.25rem;margin-bottom:.25rem}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid .product-card .product-line--long{width:75%}.ecommerce-hero .hero-visual .visual-card .browser-content .product-grid .product-card .product-line--short{width:50%;background-color:#a7f3d0}.ecommerce-hero .hero-visual .visual-card .browser-content .browser-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ecommerce-hero .hero-visual .visual-card .browser-content .browser-cta .cta-button{background-color:#2563eb;color:#fff;font-size:.875rem;padding:.5rem 1rem;border-radius:.375rem;border:none}.ecommerce-hero .hero-visual .visual-badge{position:absolute;background-color:#fff;border-radius:.75rem;padding:.75rem 1rem;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.ecommerce-hero .hero-visual .visual-badge--top{top:-1.5rem;right:-1.5rem}.ecommerce-hero .hero-visual .visual-badge--bottom{bottom:-1rem;left:-1.5rem}.ecommerce-hero .hero-visual .visual-badge .badge-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.ecommerce-hero .hero-visual .visual-badge .badge-content .badge-icon{width:2rem;height:2rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#d1fae5;color:#059669}.ecommerce-hero .hero-visual .visual-badge .badge-content .badge-text .badge-label{font-size:.75rem;color:#6b7280;margin:0}.ecommerce-hero .hero-visual .visual-badge .badge-content .badge-text .badge-value{font-weight:700;color:#111827;margin:0}.ecommerce-hero .hero-visual .visual-badge .badge-avatars{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.5rem}.ecommerce-hero .hero-visual .visual-badge .badge-avatars .avatar{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #fff;margin-left:-0.5rem}.ecommerce-hero .hero-visual .visual-badge .badge-avatars .avatar:first-child{margin-left:0}.ecommerce-hero .hero-visual .visual-badge .badge-avatars .avatar--blue{background-color:#bfdbfe}.ecommerce-hero .hero-visual .visual-badge .badge-avatars .avatar--amber{background-color:#fde68a}.ecommerce-hero .hero-visual .visual-badge .badge-avatars .avatar--emerald{background-color:#a7f3d0}.problem-card{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#f3f4f6 !important}.problem-card:hover{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important}.problem-icon{-ms-flex-negative:0;flex-shrink:0}.stats-card{background:-webkit-gradient(linear, left top, right top, from(#2563eb), to(#1d4ed8)) !important;background:linear-gradient(to right, #2563eb, #1d4ed8) !important}.text-white-50{color:rgba(255,255,255,.5) !important}.gradient-text-benefit{background:-webkit-gradient(linear, left top, right top, from(#2563eb), to(#059669));background:linear-gradient(to right, #2563eb, #059669);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.benefit-card{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#f3f4f6 !important;height:100%}.benefit-card:hover{border-color:#e5e7eb !important;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important}.benefit-card:hover .benefit-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.benefit-icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.feature-item{border-bottom:1px solid #f9fafb}.feature-item:nth-child(5),.feature-item:nth-child(6),.feature-item:nth-child(11),.feature-item:nth-child(12){border-bottom:none}@media(min-width: 768px){.feature-item:nth-child(6),.feature-item:nth-child(12){border-bottom:1px solid #f9fafb}.feature-item:nth-child(5),.feature-item:nth-child(11){border-bottom:none}}.feature-check-icon{-ms-flex-negative:0;flex-shrink:0}.platform-card{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#f3f4f6 !important;height:100%}.platform-card:hover{border-color:#e5e7eb !important;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important}.platform-card--featured{border-color:#2563eb !important;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:10}@media(max-width: 767.98px){.platform-card--featured{-webkit-transform:none;transform:none}}.platform-btn{-webkit-transition:all .3s ease;transition:all .3s ease}.platform-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.portfolio-card{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#f3f4f6 !important;height:100%}.portfolio-card:hover{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important}.portfolio-card:hover .portfolio-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-image-wrapper{position:relative}.portfolio-image{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}.portfolio-overlay{background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));background:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none}.portfolio-badge{color:#374151}.portfolio-link-icon{pointer-events:auto}.portfolio-stat{-webkit-box-flex:1;-ms-flex:1;flex:1}.timeline-line{z-index:0}.timeline-icon{z-index:10}.timeline-badge{display:inline-block}.timeline-mobile-item{border-color:#e5e7eb !important}.timeline-dot{z-index:1}.timeline-icon-small{-ms-flex-negative:0;flex-shrink:0}.timeline-tag{display:inline-block}.accordion-faq .accordion-item{background-color:#f9fafb;border:0;border-radius:.75rem;margin-bottom:1rem;overflow:hidden;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.accordion-faq .accordion-item:last-child{margin-bottom:0}.accordion-faq .accordion-button{background-color:rgba(0,0,0,0);border:0;padding:1.25rem 1.5rem;font-size:1.125rem;font-weight:600;color:#111827;-webkit-box-shadow:none;box-shadow:none}.accordion-faq .accordion-button:not(.collapsed){background-color:#eff6ff;color:#111827}.accordion-faq .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none;border-color:rgba(0,0,0,0)}.accordion-faq .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.accordion-faq .accordion-button:not(.collapsed)::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion-faq .accordion-body{padding:0 1.5rem 1.25rem;font-size:.875rem}.testimonial-card{-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.testimonial-card:hover{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important}/*# sourceMappingURL=ecommerce.css.map */