:root{--primary-color: #121214;--secondary-color: #FFFFFF;--accent-color: #4CAF50;--text-color: #B0BEC5;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);--transition-fast: 0.3s ease;--font-primary: "Roboto", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-color);background-color:var(--primary-color);overflow-x:hidden}a{text-decoration:none;color:var(--accent-color);transition:color var(--transition-fast)}a:hover{color:#69f0ae}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,.btn{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:2.5rem;color:var(--secondary-color);margin-bottom:var(--spacing-xs);position:relative;display:inline-block}.section-divider{height:4px;width:70px;background:var(--accent-color);margin:var(--spacing-sm) auto;border-radius:var(--border-radius-sm)}.section-header p{font-size:1.1rem;color:var(--text-color);max-width:700px;margin:0 auto}#header{position:fixed;top:0;left:0;width:100%;background-color:rgba(18,18,20,.9);box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;transition:all var(--transition-fast)}#header.scrolled{padding:.5rem 0;background-color:rgba(18,18,20,.95)}#header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--spacing-sm)}.logo-container{display:flex;align-items:center}.logo{height:60px;width:auto;transition:all var(--transition-fast)}#header.scrolled .logo{height:50px}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.menu-toggle .bar{height:3px;width:100%;background-color:var(--secondary-color);border-radius:3px;transition:all var(--transition-fast)}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:var(--border-radius-md);font-weight:500;text-align:center;transition:all var(--transition-fast);border:none}.btn-primary{background-color:var(--accent-color);color:var(--primary-color)}.btn-primary:hover{background-color:#69f0ae;color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--box-shadow)}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--accent-color);border:2px solid var(--accent-color)}.btn-secondary:hover{background-color:rgba(76,175,80,.1);color:#69f0ae;transform:translateY(-3px);box-shadow:var(--box-shadow)}.btn-small{padding:.5rem 1rem;font-size:.9rem}.blog-post .btn{background-color:var(--accent-color);color:var(--primary-color);padding:.8rem 1.8rem;border-radius:var(--border-radius-md);transition:all var(--transition-fast);position:relative;z-index:2}.blog-post .btn:hover{background-color:#69f0ae;color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--box-shadow)}.cursor{display:inline-block;background-color:var(--secondary-color);margin-left:2px;width:4px;animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}section[id]{scroll-margin-top:100px}.nav-menu ul{display:flex;gap:var(--spacing-md)}.nav-menu li{position:relative}.nav-link{font-weight:500;font-size:1rem;color:var(--secondary-color);padding:.5rem 0;position:relative}.nav-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width var(--transition-fast)}.nav-link:hover::after,.nav-link.active::after{width:100%}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;padding:var(--spacing-xl) 0;overflow:hidden}.hero-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(18, 18, 20, 0.5), rgba(18, 18, 20, 0.6)),url("/assets/images/Hero_Section.png");background-size:cover;background-position:center;z-index:1}.hero-section .container{position:relative;z-index:2}.hero-section .container{display:flex;align-items:center;justify-content:space-between}.hero-content-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.hero-content{margin-bottom:0;text-align:left;flex:1}.hero-content h1{font-size:3rem;font-weight:700;color:var(--secondary-color);margin-bottom:var(--spacing-sm);line-height:1.2}.hero-content p{font-size:1.2rem;color:var(--text-color);margin-bottom:var(--spacing-md)}.hero-image{flex:1;display:flex;align-items:center;justify-content:center}.hero-image .hero-custom-img{max-width:100%;height:auto;max-height:450px;object-fit:contain}@media(max-width: 768px){.hero-image .hero-custom-img{max-height:300px;margin-top:var(--spacing-md)}}.cta-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:left}@media(max-width: 768px){.hero-section .hero-content-wrapper{flex-direction:column;text-align:center}.hero-section .hero-image{margin-top:var(--spacing-md)}.hero-section .cta-buttons{justify-content:center}}.about-section{background-color:#1e1e1e;padding:var(--spacing-xl) 0}.about-section .about-content{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-lg);justify-content:center}.about-section .about-image-wrapper{position:relative;width:300px;height:300px;margin:0 auto}.about-section .about-image-wrapper::before{content:"";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% + 30px);height:calc(100% + 30px);border:4px solid var(--accent-color);border-radius:50%}.about-section .about-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 20%;position:relative;z-index:2;box-shadow:var(--box-shadow)}.about-section .about-text h3{color:var(--secondary-color);margin-bottom:var(--spacing-sm);font-size:1.8rem;text-align:left}.about-section .about-text p{margin-bottom:var(--spacing-md);line-height:1.6;text-align:justify}.about-section .about-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--spacing-md)}.about-section .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex-grow:1}.about-section .stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-color)}.about-section .stat-label{font-size:.9rem;color:var(--text-color);margin-top:.5rem}@media(max-width: 992px){.about-section .about-content{grid-template-columns:1fr}.about-section .about-text h3,.about-section .about-text p{text-align:center}.about-section .about-image-wrapper{margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto}.about-section .about-stats{justify-content:center}}@media(max-width: 768px){.about-section .about-image-wrapper{width:250px;height:250px}}.services-section{padding:var(--spacing-xl) 0;background-color:var(--primary-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--spacing-md)}.service-card{background-color:#1a1a1d;border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--box-shadow);transition:all var(--transition-fast);text-align:center}.service-card:hover{transform:translateY(-10px);box-shadow:var(--box-shadow);border-color:hsla(0,0%,100%,.1)}.service-card:hover{transform:translateY(-10px)}.service-icon{font-size:2.5rem;color:var(--accent-color);margin-bottom:var(--spacing-sm)}.service-card h3{font-size:1.3rem;color:var(--secondary-color);margin-bottom:var(--spacing-sm)}.service-card p{color:var(--text-color)}.portfolio-section{padding:var(--spacing-xl) 0;background-color:#1e1e1e}.portfolio-filter{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.portfolio-filter .filter-btn{background-color:rgba(0,0,0,0);color:var(--text-color);border:1px solid hsla(0,0%,100%,.2);padding:.5rem 1.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);margin-bottom:5px}.portfolio-filter .filter-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--secondary-color)}.portfolio-filter .filter-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--secondary-color);font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--spacing-md)}.portfolio-item{position:relative;overflow:hidden;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);height:250px}.portfolio-item .portfolio-image{width:100%;height:100%}.portfolio-item .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-item .portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(18, 18, 20, 0.95), rgba(18, 18, 20, 0.5));color:var(--secondary-color);display:flex;align-items:flex-end;padding:var(--spacing-md);opacity:0;transition:var(--transition-fast)}.portfolio-item .portfolio-info{transform:translateY(20px);transition:var(--transition-fast)}.portfolio-item .portfolio-info h3{margin-bottom:var(--spacing-xs);font-size:1.4rem}.portfolio-item .portfolio-info p{font-size:.9rem;margin-bottom:var(--spacing-sm)}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-info{transform:translateY(0)}.testimonials-section{padding:var(--spacing-xl) 0;background-color:var(--primary-color)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-md)}.testimonial-item{background-color:#1a1a1d;border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--box-shadow);transition:all var(--transition-fast);text-align:center}.testimonial-item:hover{transform:translateY(-10px);box-shadow:var(--box-shadow);border-color:hsla(0,0%,100%,.1)}.testimonial-item:hover{transform:translateY(-10px)}.testimonial-item p{color:var(--text-color);margin-bottom:var(--spacing-xs)}.testimonial-item h4{color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.testimonial-item span{color:var(--text-color);font-style:italic;display:block;margin-bottom:var(--spacing-sm)}.testimonial-item .client-link{display:inline-block;padding:.5rem 1rem;background-color:var(--accent-color);color:var(--primary-color);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-fast)}.testimonial-item .client-link:hover{background-color:#69f0ae;color:var(--primary-color)}.contact-section{padding:var(--spacing-xl) 0;background-color:#1e1e1e}.contact-container{display:flex;gap:var(--spacing-lg)}.contact-info{flex:1}.info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item i{font-size:1.5rem;color:var(--accent-color)}.info-item h3{font-size:1.2rem;color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.info-note{font-size:.8rem;color:var(--text-color);font-style:italic}.social-media{margin-top:var(--spacing-md)}.social-icons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-color);color:var(--accent-color);border-radius:50%;font-size:1.2rem;transition:all var(--transition-fast)}.social-icon:hover{background-color:var(--accent-color);color:var(--primary-color)}.blog-section{padding:var(--spacing-xl) 0;background-color:var(--primary-color)}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--spacing-md)}.blog-post{background-color:var(--primary-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--box-shadow);transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.blog-post:hover{transform:translateY(-10px)}.blog-post h3{font-size:1.3rem;color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.blog-post p{color:var(--text-color);margin-bottom:var(--spacing-md)}.blog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("/zini-solutions/public/assets/images/Otimizar SEO.jpg") no-repeat center center/cover;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);padding:var(--spacing-sm);text-align:center}.blog-post:hover .blog-overlay{opacity:1}.blog-post h3{font-size:1.3rem;color:var(--secondary-color);transition:color var(--transition-fast),text-shadow var(--transition-fast);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast);position:relative;z-index:2}.blog-post:hover h3{color:var(--primary-color);color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.blog-post p{color:var(--text-color);transition:color var(--transition-fast),text-shadow var(--transition-fast);margin-bottom:var(--spacing-md);transition:color var(--transition-fast);position:relative;z-index:2}.blog-post:hover p{color:var(--primary-color);color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.contact-form{flex:2;background-color:var(--primary-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow)}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--secondary-color)}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #444;border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;background-color:#333;color:var(--text-color);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:120px}footer{background-color:#1e1e1e;color:var(--secondary-color);padding:var(--spacing-lg) 0 var(--spacing-sm);text-align:center}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-logo{display:flex;flex-direction:column;align-items:center}.footer-logo .logo{height:80px;width:auto;margin-bottom:var(--spacing-sm);filter:brightness(0) invert(1)}.footer-logo p{font-size:.9rem;opacity:.8}.footer-links,.footer-services,.footer-social{text-align:left}.footer-links h3,.footer-services h3,.footer-social h3{font-size:1.2rem;margin-bottom:var(--spacing-sm);position:relative;padding-bottom:var(--spacing-xs);color:var(--secondary-color)}.footer-links h3::after,.footer-services h3::after,.footer-social h3::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--accent-color)}.footer-links ul,.footer-services ul{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-color);opacity:.8;transition:opacity var(--transition-fast)}.footer-links a:hover{opacity:1}.footer-services li{color:var(--text-color);opacity:.8}.footer-social .social-icons{margin-top:var(--spacing-sm)}.footer-social .social-icon{background-color:#333;color:var(--accent-color)}.footer-social .social-icon:hover{background-color:var(--accent-color);color:var(--primary-color)}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid #444;color:var(--text-color);font-size:.9rem;opacity:.7}@media(max-width: 768px){.nav-menu{display:none;flex-direction:column;width:100%;position:absolute;top:80px;left:0;background-color:rgba(18,18,20,.95);padding:var(--spacing-sm) 0;box-shadow:0 5px 10px rgba(0,0,0,.2)}.nav-menu.active{display:flex}.nav-menu ul{flex-direction:column;text-align:center}.nav-menu li{margin:.5rem 0}.menu-toggle{display:flex}.hero-section .container{flex-direction:column-reverse;text-align:center}.hero-content{text-align:center;margin-top:var(--spacing-lg)}.cta-buttons{justify-content:center}.hero-image{margin-top:var(--spacing-lg)}.about-content{flex-direction:column}.about-image{margin-bottom:var(--spacing-md)}.contact-container{flex-direction:column}.contact-info,.contact-form{width:100%}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links,.footer-services,.footer-social{text-align:center}.footer-links h3::after,.footer-services h3::after,.footer-social h3::after{left:50%;transform:translateX(-50%)}.footer-social .social-icons{justify-content:center}}@media(max-width: 480px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.btn{padding:.6rem 1.5rem;font-size:.9rem}.section-header h2{font-size:2rem}.section-header p{font-size:.9rem}.service-card{padding:var(--spacing-sm)}.service-card h3{font-size:1.1rem}.service-icon{font-size:2rem}.portfolio-filter button{font-size:.9rem;padding:.4rem .8rem}.portfolio-info h3{font-size:1.1rem}.portfolio-info p{font-size:.8rem}.contact-form{padding:var(--spacing-sm)}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.6rem;font-size:.9rem}.social-icon{width:35px;height:35px;font-size:1rem}.footer-logo .logo{height:60px}.footer-logo p{font-size:.8rem}.footer-links h3,.footer-services h3,.footer-social h3{font-size:1rem}.footer-links a,.footer-services li{font-size:.8rem}.footer-bottom p{font-size:.8rem}}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--accent-color);color:var(--primary-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--box-shadow);transition:all var(--transition-fast);opacity:0;visibility:hidden;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:#69f0ae;transform:translateY(-5px)}/*# sourceMappingURL=main.css.map */