:root{--mk-blue:#369;--mk-blue-dark:#264d73;--mk-blue-light:#4a80b3;--mk-green:#9c3;--mk-green-dark:#7aa329;--mk-green-light:#a8d94a;--mk-dark:#1e2a38;--mk-gray:#5a6a7a;--mk-gray-light:#f0f4f8;--mk-white:#fff;--font-main:'Google Sans Flex',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-main);background:var(--mk-white);color:var(--mk-dark);font-weight:400;line-height:1.6;}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");}.navbar-mk{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 4%;transition:all .4s ease;}.navbar-mk.scrolled{background:rgba(255,255,255,.97);padding:.8rem 4%;box-shadow:0 2px 30px rgba(51,102,153,.08);}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.6rem;font-weight:800;color:var(--mk-white);text-decoration:none;letter-spacing:-.03em;transition:color .3s ease;}.navbar-mk.scrolled .logo{color:var(--mk-dark);}.logo span{color:var(--mk-green);}.logo img{width:150px;transition:opacity .3s ease;}.logo .logo-light{display:block;}.logo .logo-dark{display:none;}.navbar-mk.scrolled .logo .logo-light{display:none;}.navbar-mk.scrolled .logo .logo-dark{display:block;}.nav-links{display:flex;align-items:center;gap:3rem;list-style:none;margin:0;padding:0;}.nav-links a{font-size:.85rem;font-weight:600;color:rgba(255,255,255,.9);text-decoration:none;letter-spacing:.02em;transition:color .3s ease;}.navbar-mk.scrolled .nav-links a{color:var(--mk-gray);}.nav-links a:hover{color:var(--mk-green);}.nav-cta{padding:.65rem 1.5rem;background:var(--mk-green);color:var(--mk-white)!important;border-radius:6px;font-weight:600;}.nav-cta:hover{background:var(--mk-green-dark);color:var(--mk-white)!important;}.nav-login{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);transition:all .3s ease;}.nav-login i{font-size:1rem;}.nav-login:hover{background:var(--mk-green);color:var(--mk-white)!important;}.navbar-mk.scrolled .nav-login{background:var(--mk-gray-light);}.navbar-mk.scrolled .nav-login:hover{background:var(--mk-green);color:var(--mk-white)!important;}.mobile-login{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--mk-gray-light);margin-top:.5rem;padding-top:1rem!important;}.mobile-login i{font-size:1rem;}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(30,42,56,.7) 0%,rgba(30,42,56,0) 100%),url('/img/Content/prado.jpeg');background-size:cover;background-position:center;will-change:transform;}.hero-container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 4%;width:100%;}.hero-content{max-width:700px;}@media(max-height:1100px){.hero-content{padding-top:8rem;padding-bottom:8rem;}}.hero-subtitle{display:inline-block;font-size:.8rem;font-weight:600;color:var(--mk-green);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease forwards;}.hero-title{font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--mk-white);margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease .15s forwards;}.hero-title span{color:var(--mk-green);}.hero-description{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,.8);max-width:540px;line-height:1.75;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease .3s forwards;}.hero-cta{display:flex;gap:1rem;opacity:0;animation:fadeInUp .8s ease .45s forwards;}.btn-primary-mk{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;background:var(--mk-green);color:var(--mk-white);font-size:.9rem;font-weight:700;text-decoration:none;border-radius:6px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}.btn-primary-mk::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;}.btn-primary-mk:hover{background:var(--mk-green-dark);box-shadow:0 10px 30px rgba(153,204,51,.3);color:var(--mk-white);}.btn-primary-mk:hover::before{left:100%;}.btn-secondary-mk{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;background:transparent;color:var(--mk-white);font-size:.9rem;font-weight:600;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:6px;transition:all .4s cubic-bezier(.4,0,.2,1);}.btn-secondary-mk:hover{border-color:var(--mk-white);background:rgba(255,255,255,.15);color:var(--mk-white);}.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15);opacity:0;animation:fadeInUp .8s ease .6s forwards;}.hero-stat-number{font-size:2.5rem;font-weight:800;color:var(--mk-white);line-height:1;}.hero-stat-label{font-size:.85rem;color:rgba(255,255,255,.6);margin-top:.25rem;}@keyframes fadeInUp{from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:translateY(0);}}.section{padding:6rem 4%;}.section-container{max-width:1400px;margin:0 auto;}.section-header{margin-bottom:3.5rem;}.section-label{font-size:.75rem;font-weight:700;color:var(--mk-green);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;}.section-title{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.02em;color:var(--mk-dark);line-height:1.15;}.section-title span{color:var(--mk-blue);}.services{background:var(--mk-gray-light);}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.service-card{background:var(--mk-white);border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden;}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--mk-blue),var(--mk-green));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(51,102,153,.12);border-color:rgba(51,102,153,.1);}.service-card:hover::before{transform:scaleX(1);}.service-icon{width:56px;height:56px;background:var(--mk-blue);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);}.service-card:hover .service-icon{background:var(--mk-green);transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px rgba(153,204,51,.3);}.service-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;color:var(--mk-dark);}.service-card p{font-size:.95rem;color:var(--mk-gray);line-height:1.65;margin:0;}.projects-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:3rem;}.projects-intro-text p{font-size:1.05rem;color:var(--mk-gray);line-height:1.75;}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.project-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;}.project-card:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 25px 50px rgba(51,102,153,.2);}.project-card.large{grid-column:span 2;aspect-ratio:16/9;}.project-card.wide{aspect-ratio:16/9;}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);}.project-card:hover .project-image{transform:scale(1.1);}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,42,56,.95) 0%,rgba(51,102,153,.4) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;opacity:0;transition:opacity .4s ease;}.project-card:hover .project-overlay{opacity:1;}.project-category{font-size:.7rem;font-weight:700;color:var(--mk-green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;}.project-title{font-size:1.25rem;font-weight:700;color:#fff;}.own-projects-stack{display:flex;flex-direction:column;gap:1.5rem;}.own-projects-stack .project-card{aspect-ratio:16/9;flex:1;}.project-card.own-project{border:2px solid var(--mk-green);}.project-card.own-project::after{content:'Proyecto propio';position:absolute;top:12px;right:12px;background:var(--mk-green);color:#fff;font-size:.65rem;font-weight:700;padding:.35rem .75rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;z-index:10;}.project-card.shadowed{box-shadow:0 4px 20px rgba(0,0,0,.15);}.about{background:var(--mk-white);position:relative;overflow:hidden;}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center;}.about-image-wrapper{position:relative;}.about-image{width:100%;border-radius:12px;box-shadow:0 25px 50px rgba(51,102,153,.15);}.about-image-accent{position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:3px solid var(--mk-green);border-radius:12px;z-index:-1;}.about-content .section-header{margin-bottom:1.5rem;}.about-content p{font-size:1rem;color:var(--mk-gray);line-height:1.8;margin-bottom:1.25rem;}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem;}.about-feature{display:flex;align-items:flex-start;gap:.85rem;}.about-feature-icon{width:42px;height:42px;min-width:42px;background:var(--mk-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;}.about-feature h4{font-size:.95rem;font-weight:700;margin-bottom:.15rem;color:var(--mk-dark);}.about-feature p{font-size:.85rem;color:var(--mk-gray);margin:0;line-height:1.4;}.clients{background:var(--mk-gray-light);padding:4rem 4%;}.clients-container{max-width:1400px;margin:0 auto;text-align:center;}.clients-title{font-size:.8rem;font-weight:700;color:var(--mk-gray);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;}.clients-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 3rem;}.client-logo{font-size:.95rem;font-weight:600;color:var(--mk-gray);opacity:.6;transition:all .3s ease;}.client-logo:hover{opacity:1;color:var(--mk-blue);}.contact{position:relative;overflow:hidden;}.contact-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(51,102,153,.92) 0%,rgba(38,77,115,.95) 100%),url('https://images.unsplash.com/photo-1502082553048-f009c37129b9?w=1920&q=85');background-size:cover;background-position:center;}.contact-container{position:relative;z-index:2;max-width:1400px;margin:0 auto;}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}.contact-info{color:var(--mk-white);}.contact-info .section-label{color:var(--mk-green);}.contact-info .section-title{color:var(--mk-white);}.contact-info .section-title span{color:var(--mk-green);}.contact-info>p{font-size:1.05rem;color:rgba(255,255,255,.8);line-height:1.75;margin-bottom:2rem;}.contact-details{display:flex;flex-direction:column;gap:1rem;}.contact-item{display:flex;align-items:center;gap:1rem;color:var(--mk-white);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;}.contact-item:hover{color:var(--mk-green);}.contact-item-icon{width:44px;height:44px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;}.contact-form{background:var(--mk-white);border-radius:12px;padding:2.5rem;}.form-group{margin-bottom:1.25rem;}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--mk-gray);margin-bottom:.4rem;}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;background:var(--mk-gray-light);border:2px solid var(--mk-gray-light);border-radius:8px;font-family:var(--font-main);font-size:.95rem;color:var(--mk-dark);transition:border-color .3s ease;}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--mk-blue);background:var(--mk-white);}.form-group textarea{min-height:110px;resize:vertical;}.form-submit-message{width:100%;padding:1rem;background:var(--mk-green);border:0;border-radius:8px;color:var(--mk-white);font-family:var(--font-main);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;}.form-submit-message:hover{background:var(--mk-green-dark);}.footer{background:var(--mk-dark);color:var(--mk-white);padding:2rem 4%;}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.footer-logo{font-size:1.3rem;font-weight:800;color:var(--mk-white);}.footer-logo span{color:var(--mk-green);}.footer-text{font-size:.85rem;color:var(--mk-gray);}.footer-social{display:flex;gap:.75rem;}.social-link{width:38px;height:38px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mk-white);transition:all .3s ease;}.social-link:hover{background:var(--mk-green);}.mobile-menu-btn{display:none;background:none;border:0;color:var(--mk-white);cursor:pointer;z-index:101;}.navbar-mk.scrolled .mobile-menu-btn{color:var(--mk-dark);}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.1);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:98;}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible;}.mobile-menu a{font-size:1rem;font-weight:600;color:var(--mk-dark);text-decoration:none;padding:.75rem 1rem;border-radius:8px;transition:all .3s ease;}.mobile-menu a:hover{background:var(--mk-gray-light);color:var(--mk-blue);}.mobile-menu .nav-cta{background:var(--mk-green);color:var(--mk-white);text-align:center;margin-top:.5rem;}.mobile-menu .nav-cta:hover{background:var(--mk-green-dark);color:var(--mk-white);}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1);}.reveal.active{opacity:1;transform:translateY(0);}.reveal-delay-1{transition-delay:.1s;}.reveal-delay-2{transition-delay:.2s;}.reveal-delay-3{transition-delay:.3s;}.reveal-delay-4{transition-delay:.4s;}.reveal-delay-5{transition-delay:.5s;}.reveal-delay-6{transition-delay:.6s;}.magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1);}.hero-stat-number{display:inline-block;}@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr);}.projects-intro{grid-template-columns:1fr;gap:1rem;}.projects-grid{grid-template-columns:repeat(2,1fr);}.project-card.large{grid-column:span 2;}.about-grid{grid-template-columns:1fr;gap:3rem;}.contact-grid{grid-template-columns:1fr;gap:2.5rem;}}@media(max-width:768px){.navbar-mk{padding:1rem 5%;}.nav-links{display:none;}.mobile-menu-btn{display:block;}.hero-title{font-size:2.4rem;}.hero-stats{flex-direction:column;gap:1.5rem;}.hero-cta{flex-direction:column;}.section{padding:4rem 5%;}.services-grid{grid-template-columns:1fr;}.projects-grid{grid-template-columns:1fr;}.project-card.large{grid-column:span 1;}.about-features{grid-template-columns:1fr;}.footer-container{flex-direction:column;gap:1rem;text-align:center;}}