.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-md) 0;transition:all var(--transition-normal);background-color:#1d1d1be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header--scrolled{background-color:#1d1d1bfa;box-shadow:0 4px 20px #0000004d;padding:var(--spacing-sm) 0}.header__container{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center}.header__logo-img{height:45px;width:auto;min-width:180px;object-fit:contain}.header__nav-list{display:flex;gap:var(--spacing-lg)}.header__nav-link{font-size:.95rem;font-weight:600;color:var(--color-white);transition:color var(--transition-fast);position:relative}.header__nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:hover:after{width:100%}.header__mobile-toggle{display:none;flex-direction:column;gap:5px;padding:5px}.header__mobile-toggle span{display:block;width:24px;height:2px;background-color:var(--color-white);transition:all var(--transition-fast)}.header__mobile-toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__mobile-toggle--open span:nth-child(2){opacity:0}.header__mobile-toggle--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.header__mobile-toggle{display:flex}.header__nav{position:fixed;top:70px;left:0;right:0;background-color:var(--color-background);padding:var(--spacing-lg);box-shadow:0 10px 30px #0006;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.header__nav--open{transform:translateY(0);opacity:1;visibility:visible}.header__nav-list{flex-direction:column;gap:var(--spacing-md)}.header__nav-link{font-size:1.1rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#52bbb51a,#1d1d1b00 50%)}.hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(82,187,181,.15) 1px,transparent 1px);background-size:30px 30px;opacity:.5}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero__content{max-width:600px}.hero__title{font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--color-white);margin-bottom:var(--spacing-md)}.hero__title-highlight{color:var(--color-primary)}.hero__subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);line-height:1.7}.hero__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__icon-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.hero__icon-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),rgba(82,187,181,.3));opacity:.1;animation:pulse 3s ease-in-out infinite}.hero__icon-container:after{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;border:2px dashed var(--color-primary);opacity:.3;animation:rotate 20s linear infinite}.hero__icon{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(82,187,181,.3))}.hero__scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-gray);font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-primary),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.05);opacity:.15}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollLine{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:968px){.hero__container{grid-template-columns:1fr;text-align:center}.hero__content{max-width:100%}.hero__title{font-size:2.5rem}.hero__actions{justify-content:center}.hero__visual{order:-1}.hero__icon-container{width:200px;height:200px}.hero__icon{width:100px;height:100px}}@media(max-width:480px){.hero__title{font-size:2rem}.hero__subtitle{font-size:1rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}}.about{background-color:var(--color-background-light)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.about__content{padding-right:var(--spacing-xl)}.about__text{color:var(--color-text-light);margin-bottom:var(--spacing-md);font-size:1.1rem;line-height:1.8}.about__text strong{color:var(--color-primary);font-weight:600}.about__stats{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(82,187,181,.3)}.about__stat{display:flex;flex-direction:column}.about__stat-number{font-size:2rem;font-weight:700;color:var(--color-primary)}.about__stat-label{font-size:.875rem;color:var(--color-gray)}.about__values-title{font-size:1.5rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-lg)}.about__values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.about__value-card{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 15px #0003;transition:all var(--transition-normal);border:1px solid rgba(82,187,181,.1)}.about__value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about__value-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-sm)}.about__value-title{font-size:1.1rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-xs)}.about__value-description{font-size:.9rem;color:var(--color-text-light);line-height:1.6}@media(max-width:968px){.about__grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.about__content{padding-right:0}}@media(max-width:600px){.about__stats{flex-direction:column;gap:var(--spacing-md)}.about__values-grid{grid-template-columns:1fr}}.services__header{text-align:center;margin-bottom:var(--spacing-3xl)}.services__header .section-subtitle{margin:var(--spacing-sm) auto 0}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.service-card{background-color:var(--color-background-light);border:1px solid rgba(82,187,181,.15);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.service-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #52bbb526;transform:translateY(-4px)}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-card__title{font-size:1.5rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-sm)}.service-card__description{color:var(--color-text-light);line-height:1.7;margin-bottom:var(--spacing-md)}.service-card__features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.service-card__feature{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);background-color:#52bbb51a;border-radius:var(--radius-full)}.service-card__feature-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary)}.services__cta{text-align:center;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,#52bbb526,#52bbb50d);border-radius:var(--radius-lg);border:1px solid rgba(82,187,181,.2)}.services__cta-text{font-size:1.25rem;color:var(--color-text);margin-bottom:var(--spacing-md)}@media(max-width:968px){.services__grid{grid-template-columns:1fr}}@media(max-width:480px){.service-card{padding:var(--spacing-lg)}.service-card__title{font-size:1.25rem}}.projects{background-color:var(--color-background-light)}.projects__header{margin-bottom:var(--spacing-3xl)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.project-card{background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 15px #0003;transition:all var(--transition-normal);display:flex;flex-direction:column;border:1px solid rgba(82,187,181,.1)}.project-card:hover{box-shadow:0 10px 30px #52bbb526;transform:translateY(-4px);border-color:var(--color-primary)}.project-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.project-card__category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary)}.project-card__status{font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background-color:#52bbb526;color:var(--color-text-light)}.project-card__status--mvp{background-color:#52bbb526;color:var(--color-primary-dark)}.project-card__status--en-desarrollo{background-color:#ffc10726;color:#b38600}.project-card__status--conceptualización{background-color:#b2b2b233;color:var(--color-dark-gray)}.project-card__status--cliente{background-color:#52bbb533;color:var(--color-primary-dark)}.project-card__title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-sm)}.project-card__description{color:var(--color-text-light);line-height:1.7;flex-grow:1;margin-bottom:var(--spacing-md)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-card__tag{font-size:.75rem;color:var(--color-text-light);padding:4px 10px;border:1px solid rgba(82,187,181,.3);border-radius:var(--radius-full)}.projects__note{display:flex;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-xl);background-color:var(--color-background);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.projects__note-icon{font-size:2.5rem;flex-shrink:0}.projects__note-title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-xs)}.projects__note-text{color:var(--color-text-light);line-height:1.7}@media(max-width:968px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects__grid{grid-template-columns:1fr}.projects__note{flex-direction:column;text-align:center;align-items:center}}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.contact__intro{font-size:1.1rem;color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-xl)}.contact__details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact__detail{display:flex;gap:var(--spacing-md);align-items:flex-start}.contact__detail-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#52bbb526;border-radius:var(--radius-md);flex-shrink:0}.contact__detail-title{font-size:.875rem;font-weight:600;color:var(--color-white);margin-bottom:2px}.contact__detail-text{color:var(--color-text-light)}.contact__form{background-color:var(--color-background-light);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;border:1px solid rgba(82,187,181,.15)}.contact__form-group{margin-bottom:var(--spacing-md)}.contact__label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.contact__input{width:100%;padding:var(--spacing-sm);font-size:1rem;font-family:inherit;border:1px solid rgba(82,187,181,.2);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:all var(--transition-fast)}.contact__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #52bbb533}.contact__select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2352BBB5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:var(--spacing-xl)}.contact__select option{background-color:var(--color-background);color:var(--color-text)}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{width:100%;margin-top:var(--spacing-sm)}@media(max-width:768px){.contact__grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}}.footer{background-color:var(--color-near-black);color:var(--color-white);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{max-width:350px}.footer__logo{height:36px;width:auto;min-width:150px;margin-bottom:var(--spacing-md)}.footer__tagline{color:var(--color-gray);font-size:.95rem;line-height:1.7}.footer__links-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-white)}.footer__links-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{color:var(--color-gray);font-size:.95rem;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__contact-item{color:var(--color-gray);font-size:.95rem;margin-bottom:var(--spacing-xs)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg)}.footer__copyright{color:var(--color-gray);font-size:.875rem}.footer__credits{color:var(--color-primary);font-size:.875rem}@media(max-width:768px){.footer__top{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer__brand{max-width:100%}.footer__logo{margin:0 auto var(--spacing-md)}.footer__bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}:root{--color-primary: #52BBB5;--color-primary-light: #6fccc7;--color-primary-dark: #3d9994;--color-secondary: #EDEDED;--color-gray: #B2B2B2;--color-dark-gray: #2E2D2C;--color-near-black: #1D1D1B;--color-white: #FFFFFF;--color-background: #1D1D1B;--color-background-light: #2E2D2C;--color-text: #EDEDED;--color-text-light: #B2B2B2;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:1.125rem;color:var(--color-text-light);max-width:600px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:transparent}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}@media(max-width:768px){.section-title{font-size:2rem}.section{padding:var(--spacing-2xl) 0}}