@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:wght@400;500&display=swap'); :root{--primary-color:#1E88E5; --secondary-color:#FF9800; --light-gray-color:#F5F5F5;--white-color:#FFFFFF;--dark-color:#212529;--font-title:'Montserrat', sans-serif;--font-text:'Poppins', sans-serif; --bg-body:#FFFFFF;--bg-card:#FFFFFF;--bg-nav:#FFFFFF;--bg-light:#F8F9FA;--text-main:#333333;--text-heading:#212529;--border-color:#eee;--border-color-light:rgba(0, 0, 0, 0.1);--shadow-color:rgba(0, 0, 0, .175);}body.dark-mode{--bg-body:#121212;--bg-card:#1E1E1E;--bg-nav:#1E1E1E;--bg-light:#1A1A1A;--text-main:#E0E0E0;--text-heading:#F5F5F5;--border-color:#333;--border-color-light:rgba(255, 255, 255, 0.1);--shadow-color:rgba(0, 0, 0, 0.5); --light-gray-color:#2C2C2C;}body{font-family:var(--font-text);background-color:var(--bg-body);color:var(--text-main);transition:background-color 0.3s ease, color 0.3s ease;}h1, h2, h3, h4, h5, h6, .fw-bold, .navbar-brand{font-family:var(--font-title);}.section-title{font-family:var(--font-title);font-weight:700;color:var(--text-heading);} @keyframes move-blobs{0%{transform:translate(0, 0) scale(1);}33%{transform:translate(40vw, -100px) scale(1.2);}66%{transform:translate(-20vw, 80px) scale(0.8);}100%{transform:translate(0, 0) scale(1);}}.page-header{background-color:#0B1120; padding:80px 0;text-align:center;position:relative;overflow:hidden;}.page-header::before, .page-header::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);z-index:1;}.page-header::before{background:radial-gradient(circle, rgba(30, 136, 229, 0.5) 0%, rgba(30, 136, 229, 0) 70%);top:-150px;left:-200px;animation:move-blobs 18s infinite linear;}.page-header::after{background:radial-gradient(circle, rgba(255, 152, 0, 0.4) 0%, rgba(255, 152, 0, 0) 70%);bottom:-200px;right:-250px;animation:move-blobs 18s infinite linear reverse;}@media (max-width:768px){.page-header::before, .page-header::after{animation:none;}}.page-header .container{position:relative;z-index:2;}@keyframes animated-gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.animated-gradient-text{background:linear-gradient(90deg, var(--primary-color), var(--white-color), var(--secondary-color), var(--primary-color));background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:animated-gradient 10s ease-in-out infinite;text-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}.page-header .lead{color:#e0e0e0;text-shadow:0 0 8px rgba(0, 0, 0, 0.5);font-size:1.4rem;font-weight:400;} @keyframes logo-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 3px rgba(30, 136, 229, 0.4));}50%{transform:scale(1.05);filter:drop-shadow(0 0 7px rgba(30, 136, 229, 0.8));}100%{transform:scale(1);filter:drop-shadow(0 0 3px rgba(30, 136, 229, 0.4));}}.navbar-brand img{transition:transform 0.3s ease;animation:logo-pulse 5s infinite ease-in-out;}.navbar-brand:hover img{transform:scale(1.1);animation-play-state:paused;}.nav-link{font-weight:500;transition:color 0.3s ease;}.nav-link:hover, .nav-link.active{color:var(--primary-color) !important;} .btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);transition:background-color 0.3s, border-color 0.3s;}.btn-primary:hover{background-color:#1565C0; border-color:#1565C0;}.btn-orange{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color);transition:background-color 0.3s, border-color 0.3s;}.btn-orange:hover{background-color:#F57C00; border-color:#F57C00;color:var(--white-color);} .icon-benefit{font-size:3rem;color:var(--primary-color);} @keyframes icon-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.service-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;transition:all 0.4s ease-in-out;overflow:hidden;}.service-icon{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background-color:rgba(0, 0, 0, 0.05);transition:all 0.4s ease-in-out;}.service-icon i{font-size:2.8rem; transition:all 0.4s ease-in-out;} .service-icon-blue i{background:linear-gradient(45deg, var(--primary-color), #81D4FA); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.service-icon-orange i{background:linear-gradient(45deg, var(--secondary-color), #FFCC80); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.service-card h4{transition:color 0.4s ease-in-out;}.service-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 1.5rem 4rem rgba(0, 0, 0, .2) !important;}.service-card.service-card-blue:hover{background:linear-gradient(45deg, #1E88E5, #64B5F6);color:var(--white-color);}.service-card.service-card-orange:hover{background:linear-gradient(45deg, #FF9800, #FFB74D);color:var(--white-color);}.service-card:hover .service-icon{background-color:var(--white-color);transform:scale(1.1);} .service-card:hover .service-icon i{background:none;-webkit-text-fill-color:currentColor; animation:icon-spin 0.5s ease-in-out;}.service-card.service-card-blue:hover .service-icon i{color:var(--primary-color);}.service-card.service-card-orange:hover .service-icon i{color:var(--secondary-color);}.service-card:hover h4, .service-card:hover p{color:var(--white-color);}.card{transition:transform 0.3s ease, box-shadow 0.3s ease;}.card:hover{transform:translateY(-10px);box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important;} .pricing-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;transition:all 0.4s ease;box-shadow:0 5px 15px var(--shadow-color);}.pricing-card:hover{transform:translateY(-10px) scale(1.03);border:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}.pricing-card .card-header, .pricing-card .card-footer{background:transparent;border:none;}.pricing-card.border-primary{border-color:rgba(30, 136, 229, 0.5) !important;}.pricing-card.border-primary:hover{border-color:var(--primary-color) !important;}.pricing-card .badge{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:0.6em 1.2em;} @keyframes full-rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.process-steps{position:relative;}.process-step{position:relative;transition:transform 0.3s ease;text-align:center;}.process-step:hover{transform:translateY(-10px);}.process-icon{width:120px;height:120px;border-radius:50%;background-color:var(--bg-card);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:center;transition:all 0.4s ease;border:4px solid var(--white-color);margin:0 auto 1.5rem auto;}.process-step:hover .process-icon{transform:scale(1.1);box-shadow:0 0 30px rgba(30, 136, 229, 0.6);}.process-icon i{font-size:3.5rem;background:linear-gradient(45deg, #0d47a1, #1E88E5, #FF9800, #e65100);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform 0.4s ease;}.process-step:hover .process-icon i{animation:full-rotate 0.5s ease-in-out;} .process-steps .process-line-desktop{display:none;}@media (min-width:768px){ .process-step:not(:last-child)::after{display:none;}.process-steps .process-line-desktop{display:block;position:absolute;top:58px; left:12.5%; width:75%; height:4px;background-color:#ddd; z-index:-1;border-radius:2px;}.process-steps .process-line-desktop::after{content:'';position:absolute;top:0;left:0;height:100%;width:var(--timeline-progress-desktop, 0%); background:linear-gradient(90deg, #1E88E5, #FF9800);border-radius:2px;transition:width 0.4s ease;}} @media (max-width:767.98px){.process-steps{padding-left:20px;}.process-steps::before{content:'';position:absolute;left:45px; top:var(--timeline-top-mobile, 0px);height:var(--timeline-height-mobile, 0px);width:4px;background-color:#ddd; z-index:-1;}.process-steps::after{content:'';position:absolute;left:45px;top:var(--timeline-top-mobile, 0px);height:var(--timeline-progress, 0);width:4px;background:linear-gradient(var(--primary-color), var(--secondary-color));z-index:-1;transition:height 0.1s ease-out;}.process-step{display:flex;text-align:left;align-items:flex-start;}.process-icon{width:80px; height:80px;flex-shrink:0;margin:0 20px 0 0;}.process-icon i{font-size:2.5rem;}.process-step:not(:last-child)::after{display:none;}.process-step:hover{transform:none;}}.final-cta{background-color:var(--primary-color);color:var(--white-color);} .project-card{border:0;border-radius:15px;transition:all 0.3s ease-in-out;overflow:hidden;}.project-card:hover{transform:translateY(-10px);box-shadow:0 1rem 3rem rgba(30, 136, 229, 0.175) !important;}.project-card .card-body{z-index:1;}.project-card-img-wrapper{overflow:hidden;}.project-card-img-wrapper img{transition:transform 0.4s ease;border-radius:15px 15px 0 0;}.project-card:hover .project-card-img-wrapper img{transform:scale(1.05);}.project-tags{margin-bottom:1rem;}.project-tags .badge{font-size:0.75rem;font-weight:600;padding:0.4em 0.7em;background-color:var(--light-gray-color) !important;color:#6c757d !important;} .project-detail-header{background-color:#E3F2FD;}.project-gallery img{border-radius:10px;transition:transform 0.3s ease;}.project-gallery img:hover{transform:scale(1.05);box-shadow:0 0.5rem 1.5rem rgba(30, 136, 229, 0.5) !important;}.title-gradient{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}.project-title-gradient{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--primary-color));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:animated-gradient 8s ease-in-out infinite;} @media (max-width:991.98px){.js-scroll-animations .service-card, .js-scroll-animations .section-title, .js-scroll-animations .card, .js-scroll-animations .icon-benefit, .js-scroll-animations .process-step{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;will-change:opacity, transform;}.js-scroll-animations .service-card.is-visible, .js-scroll-animations .section-title.is-visible, .js-scroll-animations .card.is-visible, .js-scroll-animations .icon-benefit.is-visible, .js-scroll-animations .process-step.is-visible{opacity:1;transform:translateY(0);} .js-scroll-animations .service-card:hover, .js-scroll-animations .card:hover{transform:translateY(0);}.js-scroll-animations .service-card.service-card-blue.is-visible{background:linear-gradient(45deg, #1E88E5, #64B5F6);color:var(--white-color);transition-delay:0.3s;}.js-scroll-animations .service-card.service-card-orange.is-visible{background:linear-gradient(45deg, #FF9800, #FFB74D);color:var(--white-color);transition-delay:0.3s;}.js-scroll-animations .service-card.is-visible .service-icon{background-color:var(--white-color);transform:scale(1.1);transition-delay:0.3s;}.js-scroll-animations .service-card.is-visible .service-icon i{background:none;-webkit-text-fill-color:currentColor;animation:icon-spin 0.5s ease-in-out;animation-delay:0.3s;}.js-scroll-animations .service-card.service-card-blue.is-visible .service-icon i{color:var(--primary-color);}.js-scroll-animations .service-card.service-card-orange.is-visible .service-icon i{color:var(--secondary-color);}.js-scroll-animations .service-card.is-visible h4, .js-scroll-animations .service-card.is-visible p{color:var(--white-color);transition-delay:0.3s;}} .about-us-img{animation:logo-pulse 5s infinite ease-in-out;}@media (max-width:767.98px){.about-us-img{width:50%;margin:0 auto 2rem auto;display:block;}}.value-card{border:none;border-radius:15px;padding:2rem;transition:all 0.3s ease;}.value-card-blue{background-color:#E3F2FD;}.value-card-orange{background-color:#FFF3E0;}.value-card:hover{transform:translateY(-10px);box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important;}.card-recursos{background:linear-gradient(45deg, #1E88E5, #64B5F6);color:var(--white-color);transition:all 0.4s ease-in-out;}.card-recursos:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 1.5rem 4rem rgba(0, 0, 0, .2) !important;}.card-recursos .card-title{color:var(--white-color);}.card-recursos .btn{background-color:var(--white-color);color:var(--primary-color);border-color:var(--white-color);}.card-recursos-orange{background:linear-gradient(45deg, #FF9800, #FFB74D);}.card-recursos-orange .btn{color:var(--secondary-color);} .blog-post-header{background:linear-gradient(45deg, #FF9800, #FFB74D);padding:80px 0;text-align:center;position:relative;overflow:hidden;}.blog-post-header::before, .blog-post-header::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);z-index:1;}.blog-post-header::before{background:radial-gradient(circle, rgba(255, 152, 0, 0.5) 0%, rgba(255, 152, 0, 0) 70%);top:-150px;left:-200px;animation:move-blobs 18s infinite linear;}.blog-post-header::after{background:radial-gradient(circle, rgba(255, 204, 128, 0.4) 0%, rgba(255, 204, 128, 0) 70%);bottom:-200px;right:-250px;animation:move-blobs 18s infinite linear reverse;}.blog-post-title{color:white;text-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}.blog-content .service-card{border-left:4px solid var(--primary-color);padding:20px;margin-bottom:30px;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);}.blog-content .service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}.blog-content .service-card:hover p, .blog-content .service-card:hover h3{color:#333;}.blog-content code{background-color:#f8f9fa;padding:2px 4px;border-radius:4px;color:#e83e8c;} .filter-button-group .btn{border-radius:50rem; margin:0 5px;font-weight:500;transition:all 0.3s ease;padding:0.5rem 1.2rem;}.filter-button-group .btn.is-checked{background-color:var(--primary-color);color:var(--white-color);box-shadow:0 4px 10px rgba(30, 136, 229, 0.4);}.filter-button-group .btn:hover{transform:translateY(-2px);}.grid-sizer, .grid-item{width:33.333%;}.grid-item{padding:15px;}.project-item{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);transition:all 0.4s ease-in-out;cursor:default;}.project-item img{width:100%;height:100%;object-fit:cover;transition:all 0.4s ease-in-out;}.project-item:hover{box-shadow:0 15px 40px rgba(30, 136, 229, 0.3);transform:translateY(-10px);}.project-item:hover img{transform:scale(1.1);}.project-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 20%, transparent 100%);display:flex;align-items:flex-end;padding:25px;opacity:0;transition:opacity 0.4s ease-in-out;color:var(--white-color);text-align:left;}.project-item:hover .project-item-overlay{opacity:1;}.project-item-overlay>div{transform:translateY(20px);transition:transform 0.4s ease-in-out 0.1s;}.project-item:hover .project-item-overlay>div{transform:translateY(0);}.project-item-overlay .project-category{font-size:0.8rem;font-weight:500;color:rgba(255, 255, 255, 0.7);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.25rem;}.project-description{font-size:0.9rem;margin-top:0.5rem;color:rgba(255, 255, 255, 0.85);line-height:1.5;}@media (max-width:991.98px){.grid-sizer, .grid-item{width:50%;}} .contact-form-container, .contact-info-container{background-color:var(--bg-card);height:100%;}.contact-info-container{background-color:var(--bg-light);}.contact-item a{color:#333;transition:color 0.3s ease;}.contact-item a:hover{color:var(--primary-color);}.btn-success{background-color:#25D366;border-color:#25D366;transition:all 0.3s ease;}.btn-success:hover{background-color:#1DA851;border-color:#1DA851;transform:translateY(-3px);box-shadow:0 5px 15px rgba(37, 211, 102, 0.4);}@media (max-width:767.98px){.grid-sizer, .grid-item{width:100%;}} .pricing-card.pricing-card-blue{background-color:#E3F2FD;border:1px solid #90CAF9;}.pricing-card.pricing-card-gold{background:linear-gradient(45deg, #FFDF8D, #FFF8E1);border:1px solid #FFC107;transform:scale(1.05); z-index:2;}.pricing-card.pricing-card-gold .badge{background-color:#FFC107 !important;color:#212529 !important;} .store-type-card{border:1px solid var(--border-color);border-radius:15px;transition:all 0.3s ease;background-color:var(--bg-card);padding:1.5rem;}.store-type-card:hover{transform:translateY(-10px);box-shadow:0 1rem 3rem rgba(0, 0, 0, .1) !important;border-color:var(--primary-color);} #faqAccordion .accordion-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:15px !important;margin-bottom:1rem;overflow:hidden;transition:all 0.3s ease-in-out;}#faqAccordion .accordion-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.07);border-color:var(--primary-color);}#faqAccordion .accordion-button{font-weight:600;color:var(--text-heading);background-color:var(--bg-card);border-radius:15px !important;}#faqAccordion .accordion-button:not(.collapsed){color:var(--primary-color);background-color:#F0F8FF;box-shadow:none;}#faqAccordion .accordion-button:focus{box-shadow:none;}#faqAccordion .accordion-button::after{content:'+';font-family:'Montserrat', sans-serif;font-weight:400;background-image:none;font-size:2rem;line-height:1;color:var(--primary-color);transition:transform 0.2s ease-in-out;}#faqAccordion .accordion-button:not(.collapsed)::after{content:'−';}#faqAccordion .accordion-body{padding:1.5rem 2rem;background-color:#fff;}.extra-item{padding:1.5rem;border:1px solid var(--border-color);border-radius:15px;background-color:var(--bg-card);transition:all 0.3s ease;}.extra-item:hover{transform:translateY(-5px);box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);border-color:var(--primary-color);} .recursos-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;padding:0 5%;margin-bottom:50px;}.resource-card{background-color:var(--bg-card);border-radius:10px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.08);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;display:flex;flex-direction:column;}.resource-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.12);}.card-image-placeholder{width:100%;aspect-ratio:16 / 9;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;color:#adb5bd;font-size:14px;font-family:var(--font-text);}.card-image-placeholder::after{content:'Imagen (16:9)';}.card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1;}.card-category{display:inline-block;margin-bottom:10px;background-color:#f0f8ff;color:var(--primary-color);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;align-self:flex-start;}.resource-card h3{font-size:20px;margin-bottom:15px;line-height:1.3;color:var(--text-heading);}.resource-card p{font-size:15px;color:#6c757d;line-height:1.6;flex-grow:1;margin-bottom:20px;}.btn-read-more{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color 0.3s ease;text-align:center;margin-top:auto;}.btn-read-more:hover{background-color:#1565C0; color:#fff;} @media (max-width:992px){.recursos-grid{grid-template-columns:repeat(2, 1fr);}}@media (max-width:768px){.recursos-grid{grid-template-columns:1fr;padding:0 5%;}} .theme-toggle{display:flex;background-color:#e9ecef;border-radius:50px;padding:3px;margin-left:15px;align-items:center;}body.dark-mode .theme-toggle{background-color:#2c2c2c;}.theme-btn{border:none;background:transparent;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#adb5bd;transition:all 0.3s ease;font-size:14px;}.theme-btn:hover{color:var(--primary-color);}.theme-btn.active{background-color:var(--white-color);box-shadow:0 2px 5px rgba(0,0,0,0.1);}#theme-light.active{color:#FF9800;}#theme-dark.active{color:#1E88E5; background-color:#333;}body.dark-mode #theme-dark.active{color:#90CAF9;}