:root{--color-primary:#1e3a5f;--color-primary-light:#2c5282;--color-secondary:#4a5568;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-bg:#ffffff;--color-bg-light:#f8fafc;--color-text:#2d3748;--color-text-light:#718096;--color-white:#ffffff;--font-heading:'Montserrat', sans-serif;--font-body:'Open Sans', sans-serif;--spacing-container:1.5rem;--spacing-section:4rem;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--transition:all 0.3s ease;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-body);color:var(--color-text);line-height:1.6;background-color:var(--color-bg);}h1, h2, h3, h4, h5, h6{font-family:var(--font-heading);color:var(--color-primary);line-height:1.25;margin-bottom:1rem;}p{margin-bottom:1rem;}a{text-decoration:none;color:inherit;transition:var(--transition);}ul{list-style:none;}img{max-width:100%;height:auto;display:block;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-container);}section{padding:var(--spacing-section) 0;}header{background-color:var(--color-white);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;width:100%;z-index:1000;height:70px;display:flex;align-items:center;}nav{display:flex;justify-content:space-between;align-items:center;}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--color-primary);letter-spacing:-0.5px;}.nav-links{display:none;gap:2rem;align-items:center;}.nav-links a{font-weight:600;font-size:0.95rem;color:var(--color-secondary);}.nav-links a:hover{color:var(--color-primary);}.btn-nav{background-color:var(--color-primary);color:var(--color-white) !important;padding:0.5rem 1.25rem;border-radius:4px;}.btn-nav:hover{background-color:var(--color-primary-light) !important;}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;}.hamburger span{width:25px;height:3px;background-color:var(--color-primary);transition:var(--transition);}.hero{margin-top:70px;background:linear-gradient(135deg, #f0f4f8 0%, #dbeafe 100%);min-height:calc(100vh - 70px);display:flex;align-items:center;text-align:center;}.hero-content{max-width:800px;}.hero h1{font-size:2.25rem;font-weight:800;margin-bottom:1.5rem;color:var(--color-primary);}.hero .subtitle{font-size:1.125rem;color:var(--color-secondary);margin-bottom:2.5rem;}.hero-btns{display:flex;flex-direction:column;gap:1rem;justify-content:center;}.btn{display:inline-block;padding:0.75rem 2rem;border-radius:4px;font-weight:700;text-align:center;cursor:pointer;border:none;transition:var(--transition);}.btn-primary{background-color:var(--color-accent);color:var(--color-white);}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white);}.services{background-color:var(--color-bg-light);}.section-title{font-size:2rem;text-align:center;margin-bottom:1rem;}.section-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem;}.service-card{background:var(--color-white);padding:2rem;border-radius:8px;box-shadow:var(--shadow-sm);transition:var(--transition);text-align:center;}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}.service-card .icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:1.5rem;}.portfolio{background-color:var(--color-white);}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:2rem;}.portfolio-item{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;transition:var(--transition);}.portfolio-item:hover{box-shadow:var(--shadow-lg);}.portfolio-img-wrapper{width:100%;}.portfolio-info{padding:1.5rem;}.portfolio-info h3{font-size:1.25rem;margin-bottom:0.5rem;}.portfolio-info p{color:var(--color-text-light);font-size:0.9rem;margin-bottom:1rem;}.btn-text{color:var(--color-primary);font-weight:700;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.5rem;}.btn-text:hover{color:var(--color-accent);}.about{background-color:var(--color-bg-light);}.about-content{display:grid;grid-template-columns:1fr;gap:2rem;}.about-text h3{font-size:1.25rem;color:var(--color-secondary);font-weight:600;margin-bottom:1.5rem;}.stats{display:flex;gap:2rem;margin-top:2rem;justify-content:space-between;}.stat-item{display:flex;flex-direction:column;}.stat-item .number{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-accent);}.stat-item .label{font-size:0.8rem;color:var(--color-secondary);text-transform:uppercase;letter-spacing:0.5px;}.contact{background-color:var(--color-primary);color:var(--color-white);}.contact .section-title{color:var(--color-white);}.contact .section-subtitle{color:#cbd5e1;}.contact-wrapper{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem;}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;}.contact-item i{font-size:1.5rem;color:var(--color-accent);width:30px;text-align:center;}.contact-item h4{margin-bottom:0;font-size:1rem;color:#cbd5e1;}.contact-item a, .contact-item p{margin-bottom:0;font-weight:600;font-size:1.1rem;color:var(--color-white);}.contact-form{background:var(--color-white);padding:2rem;border-radius:8px;color:var(--color-text);}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.9rem;}.form-group input, .form-group textarea{width:100%;padding:0.75rem;border:1px solid #cbd5e1;border-radius:4px;font-family:var(--font-body);font-size:1rem;}.form-group input:focus, .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(30, 58, 95, 0.1);}.btn-block{width:100%;}footer{background-color:#0f172a;color:var(--color-white);padding:2rem 0;text-align:center;}.footer-logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;margin-bottom:1rem;}.footer-links{margin-bottom:1rem;display:flex;justify-content:center;gap:1.5rem;}.footer-links a{color:#94a3b8;font-size:0.9rem;}.footer-links a:hover{color:var(--color-white);}.copyright{color:#64748b;font-size:0.8rem;margin-bottom:0;}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;background-color:#25d366;color:white;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-lg);z-index:100;transition:var(--transition);}.whatsapp-float:hover{transform:scale(1.1);background-color:#20bd5a;}.nav-active .nav-links{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:var(--color-white);padding:1rem 0;box-shadow:var(--shadow-md);}.pricing{background-color:var(--color-bg-light);}.pricing-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;}.tab-btn{padding:0.75rem 2rem;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);font-weight:700;border-radius:50px;cursor:pointer;transition:var(--transition);}.tab-btn:hover{background-color:rgba(30, 58, 95, 0.1);}.tab-btn.active{background-color:var(--color-primary);color:var(--color-white);}.pricing-content{display:none;animation:fadeIn 0.5s ease;}.pricing-content.active{display:block;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.pricing-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;}.pricing-card{background:var(--color-white);border-radius:8px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;position:relative;transition:var(--transition);display:flex;flex-direction:column;height:100%;}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light);}.pricing-card.popular{border:2px solid var(--color-accent);transform:scale(1.02);z-index:10;}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px);}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--color-accent);color:var(--color-white);padding:0.25rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;}.price-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0;min-height:260px;display:flex;flex-direction:column;justify-content:flex-start;}.price-header h3{font-size:1.25rem;margin-bottom:1rem;min-height:3rem;display:flex;align-items:center;justify-content:center;}.price-header .price{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1;margin:1rem 0;}.price-header .period{font-size:1rem;color:var(--color-text-light);font-weight:400;}.price-header .desc{margin-top:auto;font-size:0.9rem;color:var(--color-text-light);line-height:1.4;min-height:3.5rem;display:flex;align-items:flex-end;justify-content:center;}.pricing-card .features{flex-grow:1;margin-bottom:1.5rem;}.pricing-card .features li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;font-size:0.95rem;color:var(--color-text);}.pricing-card .features li i{color:var(--color-accent);margin-top:4px;flex-shrink:0;}.btn-details{width:100%;padding:0.75rem;background-color:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);border-radius:4px;cursor:pointer;font-size:0.85rem;transition:var(--transition);text-align:center;}.btn-details:hover{background-color:var(--color-secondary);color:white;}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:2000;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(2px);}.modal-overlay.active{display:flex;animation:fadeIn 0.2s ease-out;}.modal-content{background-color:white;width:100%;max-width:600px;max-height:90vh;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-light);}.modal-header h3{margin:0;color:var(--color-primary);}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-secondary);}.modal-body{padding:2rem;overflow-y:auto;}.modal-body ul{list-style:none;}.modal-body li{padding:0.5rem 0;border-bottom:1px solid #f1f5f9;display:flex;gap:0.75rem;}.modal-body li:last-child{border-bottom:none;}.maintenance-section h3{text-align:center;margin-bottom:2rem;}.maintenance-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto;}.maint-card{background:var(--color-white);padding:2rem;border-radius:8px;box-shadow:var(--shadow-sm);text-align:center;border:1px solid #e2e8f0;}.maint-card.accent{background-color:#f0f9ff;border-color:#bae6fd;}.maint-card h4{font-size:1.2rem;color:var(--color-primary);}.maint-price{font-size:2rem;font-weight:800;color:var(--color-text);margin:1rem 0;}.maint-price span{font-size:1rem;color:var(--color-text-light);font-weight:400;}.maint-card ul{text-align:left;display:inline-block;color:var(--color-text-light);font-size:0.9rem;}.maint-card ul li{margin-bottom:0.5rem;list-style-type:disc;}.apps-placeholder{text-align:center;padding:4rem 2rem;background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-sm);}.apps-placeholder i{color:#cbd5e1;margin-bottom:1.5rem;}.apps-placeholder h3{font-size:1.5rem;color:var(--color-secondary);}@media (min-width:768px){.nav-links{display:flex;}.hamburger{display:none;}.hero-btns{flex-direction:row;}.services-grid{grid-template-columns:repeat(3, 1fr);}.portfolio-grid{grid-template-columns:repeat(2, 1fr);}.about-content{grid-template-columns:1fr 1fr;align-items:center;}.contact-wrapper{grid-template-columns:1fr 1fr;}.hero h1{font-size:3rem;}.pricing-grid{grid-template-columns:repeat(2, 1fr);}.maintenance-grid{grid-template-columns:repeat(2, 1fr);}}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(4, 1fr);}}