:root{--font-heading: 'Outfit',sans-serif;--font-body: 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-glass: rgba(255,255,255,0.85);--bg-dark: #0f172a;--bg-dark-surface: #1e293b;--text-main: #0f172a;--text-muted: #64748b;--text-light: #f8fafc;--bg-card: #ffffff;--accent-color: var(--brand-500);--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-500: #2563eb;--brand-600: #1d4ed8;--brand-700: #1e40af;--brand-800: #1e3a8a;--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--accent-emerald: #10b981;--border-color: #e2e8f0;--border-dark: #334155;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0,0,0,0.04);--shadow-md: 0 10px 25px -5px rgba(15,23,42,0.08),0 8px 10px -6px rgba(15,23,42,0.04);--shadow-lg: 0 20px 35px -10px rgba(37,99,235,0.15);--shadow-glow: 0 0 25px rgba(37,99,235,0.25);--transition-fast: 0.2s ease;--transition-normal: 0.3s cubic-bezier(0.4,0,0.2,1);}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;font-size: 16px;}body{font-family: var(--font-body);background-color: var(--bg-main);color: var(--text-main);line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden;}a{color: inherit;text-decoration: none;transition: var(--transition-fast);}img{max-width: 100%;height: auto;display: block;}.container{width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 1.5rem;}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 700;line-height: 1.2;color: var(--text-main);}.text-gradient{background: linear-gradient(135deg,var(--brand-500) 0%,var(--accent-indigo) 50%,var(--accent-purple) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.bg-pattern{background-color: var(--bg-main);background-image: radial-gradient(#cbd5e1 0.7px,transparent 0.7px);background-size: 24px 24px;}.site-header{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: var(--bg-surface-glass);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(226,232,240,0.7);transition: var(--transition-normal);}.site-header.scrolled{box-shadow: var(--shadow-md);background: rgba(255,255,255,0.95);}.site-header.nav-style-solid_dark{background: #0f172a;border-bottom: 1px solid rgba(255,255,255,0.08);backdrop-filter: none;-webkit-backdrop-filter: none;}.site-header.nav-style-solid_dark.scrolled{background: rgba(15,23,42,0.97);box-shadow: 0 8px 30px rgba(0,0,0,0.35);}.site-header.nav-style-solid_dark .nav-link{color: #cbd5e1;}.site-header.nav-style-solid_dark .nav-link:hover,.site-header.nav-style-solid_dark .nav-link.active{color: #fff;}.site-header.nav-style-solid_dark .logo-brand{color: #fff;}.site-header.nav-style-solid_dark .logo-brand-slogan{color: #94a3b8;}.site-header.nav-style-solid_dark .search-btn{color: #cbd5e1;}.site-header.nav-style-solid_dark .search-btn:hover,.site-header.nav-style-solid_dark .search-btn.active{color: #fff;background: rgba(255,255,255,0.12);}.site-header.nav-style-solid_dark .header-search{border-top: 1px solid rgba(255,255,255,0.08);}.site-header.nav-style-minimal{background: transparent;border-bottom: none;backdrop-filter: none;-webkit-backdrop-filter: none;}.site-header.nav-style-minimal.scrolled{background: rgba(255,255,255,0.92);border-bottom: 1px solid rgba(226,232,240,0.7);box-shadow: var(--shadow-md);}.header-container{display: flex;align-items: center;justify-content: space-between;height: 80px;}.logo-brand{display: flex;align-items: center;gap: 12px;font-family: var(--font-heading);font-size: 1.35rem;font-weight: 800;color: var(--bg-dark);}.logo-badge{background: linear-gradient(135deg,var(--brand-500),var(--accent-indigo));color: #fff;width: 42px;height: 42px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.1rem;box-shadow: 0 4px 12px rgba(37,99,235,0.3);}.logo-brand-text{display: flex;flex-direction: column;line-height: 1.2;}.logo-brand-slogan{font-family: var(--font-body);font-weight: 500;font-size: 0.7rem;color: #64748b;}.logo-image{height: 44px;width: auto;max-width: 220px;object-fit: contain;border-radius: 8px;}.nav-links{display: flex;align-items: center;gap: 2rem;list-style: none;}.nav-link{font-weight: 600;font-size: 0.95rem;color: #475569;position: relative;padding: 0.5rem 0;}.nav-link:hover,.nav-link.active{color: var(--brand-500);}.nav-link::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--brand-500);transition: var(--transition-fast);border-radius: 2px;}.nav-link:hover::after,.nav-link.active::after{width: 100%;}.nav-links li.has-submenu{position: relative;}.nav-caret{font-size: 0.6em;margin-left: 0.35rem;vertical-align: middle;opacity: 0.65;transition: transform var(--transition-fast);}.has-submenu:hover .nav-caret,.has-submenu:focus-within .nav-caret{transform: rotate(180deg);}.nav-submenu{position: absolute;top: calc(100% + 4px);left: 50%;transform: translate(-50%,8px);min-width: 220px;margin: 0;padding: 0.4rem 0;list-style: none;background: #fff;border: 1px solid rgba(15,23,42,0.08);border-radius: 12px;box-shadow: 0 18px 40px rgba(15,23,42,0.18);opacity: 0;visibility: hidden;transition: opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index: 1100;}.has-submenu>.nav-submenu::before{content: '';position: absolute;top: -8px;left: 0;right: 0;height: 8px;}.has-submenu:hover>.nav-submenu,.has-submenu:focus-within>.nav-submenu{opacity: 1;visibility: visible;transform: translate(-50%,0);}.nav-submenu li{width: 100%;}.nav-submenu-link{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 1.1rem;font-size: 0.9rem;font-weight: 500;color: #334155;text-decoration: none;transition: background var(--transition-fast),color var(--transition-fast);}.nav-submenu-link:hover,.nav-submenu-link.active{background: rgba(37,99,235,0.08);color: var(--brand-500);}.btn-header{background: var(--bg-dark);color: #fff;padding: 0.65rem 1.4rem;border-radius: var(--radius-full);font-weight: 600;font-size: 0.9rem;display: flex;align-items: center;gap: 8px;}.btn-header:hover{background: var(--brand-500);box-shadow: var(--shadow-glow);}.mobile-menu-btn{display: none;background: none;border: none;cursor: pointer;padding: 0.5rem;margin-left: 0.5rem;flex-direction: column;justify-content: center;gap: 5px;width: 36px;height: 36px;z-index: 1101;}.hamburger-line{display: block;width: 22px;height: 2px;background: #1e293b;border-radius: 2px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin: center;}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform: translateY(7px) rotate(45deg);}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity: 0;transform: scaleX(0);}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.mdq-mobile-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(15,23,42,0.45);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);z-index: 1099;opacity: 0;visibility: hidden;transition: opacity 0.35s ease,visibility 0.35s ease;}.mdq-mobile-overlay.active{opacity: 1;visibility: visible;}.mdq-mobile-drawer{position: fixed;top: 0;left: 0;width: min(72vw,340px);height: 100%;height: 100dvh;background: #ffffff;z-index: 1100;transform: translateX(-100%);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);display: flex;flex-direction: column;box-shadow: 8px 0 30px rgba(0,0,0,0.1);}.mdq-mobile-drawer.active{transform: translateX(0);}.mdq-mobile-drawer-head{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;border-bottom: 1px solid #f1f5f9;flex-shrink: 0;}.mdq-mobile-brand{display: flex;align-items: center;gap: 0.6rem;text-decoration: none;}.mdq-mobile-close{width: 36px;height: 36px;border: none;background: #f1f5f9;border-radius: 10px;color: #475569;font-size: 1.1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s;}.mdq-mobile-close:hover{background: #e2e8f0;color: #1e293b;}.mdq-mobile-drawer-search{padding: 0.75rem 1.25rem;border-bottom: 1px solid #f1f5f9;flex-shrink: 0;}.mdq-mobile-drawer-search form{display: flex;align-items: center;gap: 0.6rem;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;padding: 0 0.8rem;transition: border-color 0.2s,box-shadow 0.2s;}.mdq-mobile-drawer-search form:focus-within{border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37,99,235,0.1);}.mdq-mobile-drawer-search i{color: #94a3b8;font-size: 0.85rem;}.mdq-mobile-drawer-search input{flex: 1;border: none;background: transparent;padding: 0.65rem 0;font-size: 0.9rem;color: #1e293b;outline: none;}.mdq-mobile-drawer-search input::placeholder{color: #94a3b8;}.mdq-mobile-drawer-scroll{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;}.mdq-mobile-nav{list-style: none;margin: 0;padding: 0.5rem 0;}.mdq-mobile-nav li a{display: flex;align-items: center;gap: 0.6rem;padding: 0.7rem 1.25rem;color: #334155;text-decoration: none;font-size: 0.92rem;font-weight: 500;transition: background 0.15s,color 0.15s;border-radius: 0;}.mdq-mobile-nav li a:hover,.mdq-mobile-nav li a.active{background: #eff6ff;color: #2563eb;}.mdq-mobile-nav li a.active{font-weight: 700;}.mdq-mobile-caret{margin-left: auto;font-size: 0.65rem;color: #94a3b8;transition: transform 0.25s;}.mdq-mobile-nav li.has-children.open .mdq-mobile-caret{transform: rotate(180deg);}.mdq-mobile-sub{list-style: none;margin: 0;padding: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;background: #f8fafc;}.mdq-mobile-nav li.has-children.open .mdq-mobile-sub{max-height: 500px;}.mdq-mobile-sub li a{padding-left: 2.5rem !important;font-size: 0.85rem !important;color: #64748b !important;}.mdq-mobile-sub li a:hover,.mdq-mobile-sub li a.active{color: #2563eb !important;}.mdq-mobile-divider{height: 1px;background: #f1f5f9;margin: 0.4rem 1.25rem;}.mdq-mobile-section-title{padding: 0.6rem 1.25rem 0.2rem;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;color: #94a3b8;}.mdq-mobile-nav-secondary li a{font-size: 0.88rem;color: #475569;}.mdq-mobile-nav-secondary li a i{width: 20px;text-align: center;color: #94a3b8;font-size: 0.85rem;}.mdq-mobile-nav-footer li a{font-size: 0.82rem;color: #94a3b8;}.mdq-mobile-nav-footer li a i{width: 20px;text-align: center;font-size: 0.8rem;}.mdq-mobile-drawer-foot{padding: 0.75rem 1.25rem;border-top: 1px solid #f1f5f9;text-align: center;font-size: 0.72rem;color: #cbd5e1;flex-shrink: 0;}.search-btn{background: none;border: none;color: #475569;font-size: 1.1rem;cursor: pointer;padding: 0.6rem;margin-left: 1rem;border-radius: 50%;transition: var(--transition-fast);display: inline-flex;align-items: center;justify-content: center;}.search-btn:hover,.search-btn.active{color: var(--brand-500);background: rgba(37,99,235,0.08);}.header-search{display: none;padding: 0 0 1.25rem;border-top: 1px solid rgba(226,232,240,0.7);}.header-search.open{display: block;}.header-search-form{display: flex;align-items: center;gap: 0.75rem;background: #fff;border: 1px solid var(--border-color);border-radius: var(--radius-full);padding: 0.4rem 0.4rem 0.4rem 1.25rem;box-shadow: var(--shadow-md);}.header-search-form>i{color: #94a3b8;}.header-search-form input{flex: 1;min-width: 0;border: none;outline: none;background: none;font-family: inherit;font-size: 0.95rem;color: var(--text-main);}.header-search-form button{background: var(--bg-dark);color: #fff;border: none;border-radius: var(--radius-full);padding: 0.6rem 1.4rem;font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: var(--transition-fast);}.header-search-form button:hover{background: var(--brand-500);}@media (max-width: 768px){.header-search-form input::placeholder{font-size: 0.85rem;}}.hero-section{position: relative;padding: 10rem 0 6rem 0;overflow: hidden;}.hero-glow-1{position: absolute;top: -100px;right: -100px;width: 450px;height: 450px;background: radial-gradient(circle,rgba(59,130,246,0.2) 0%,rgba(99,102,241,0.05) 70%,transparent 100%);filter: blur(60px);pointer-events: none;}.hero-glow-2{position: absolute;bottom: 0;left: -100px;width: 350px;height: 350px;background: radial-gradient(circle,rgba(139,92,246,0.15) 0%,transparent 70%);filter: blur(60px);pointer-events: none;}.hero-content{position: relative;z-index: 1;text-align: center;max-width: 900px;margin: 0 auto;}.hero-badge-pill{display: inline-flex;align-items: center;gap: 8px;padding: 6px 18px;background: var(--brand-50);border: 1px solid var(--brand-100);color: var(--brand-700);border-radius: var(--radius-full);font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 2rem;}.hero-title{font-size: clamp(2.5rem,5vw,4.5rem);font-weight: 800;letter-spacing: -1px;margin-bottom: 1.5rem;}.hero-subtitle{font-size: clamp(1.1rem,2vw,1.3rem);color: var(--text-muted);max-width: 760px;margin: 0 auto 2.5rem auto;line-height: 1.7;}.hero-actions{display: flex;align-items: center;justify-content: center;gap: 1.25rem;flex-wrap: wrap;}.btn-primary{background: var(--bg-dark);color: #fff;padding: 1rem 2.2rem;border-radius: var(--radius-full);font-weight: 700;font-size: 1.05rem;display: inline-flex;align-items: center;gap: 10px;border: none;cursor: pointer;box-shadow: var(--shadow-md);}.btn-primary:hover{background: var(--brand-500);transform: translateY(-2px);box-shadow: var(--shadow-lg);}.btn-secondary{background: var(--bg-surface);color: var(--text-main);padding: 1rem 2.2rem;border-radius: var(--radius-full);font-weight: 700;font-size: 1.05rem;display: inline-flex;align-items: center;gap: 10px;border: 2px solid var(--border-color);}.btn-secondary:hover{border-color: var(--brand-500);color: var(--brand-500);transform: translateY(-2px);}.section{padding: 6rem 0;}.section-header{text-align: center;max-width: 700px;margin: 0 auto 4rem auto;}.section-tag{color: var(--brand-500);font-weight: 700;font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 0.5rem;display: block;}.section-title{font-size: 2.5rem;font-weight: 800;margin-bottom: 1rem;}.section-subtitle{color: var(--text-muted);font-size: 1.1rem;}.about-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: start;}.about-text-card{background: var(--bg-surface);padding: 2.5rem;border-radius: var(--radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);}.about-title{font-size: 2rem;margin-bottom: 1.5rem;position: relative;padding-bottom: 1rem;}.about-title::after{content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 4px;background: var(--brand-500);border-radius: 2px;}.about-paragraph{color: var(--text-muted);font-size: 1.05rem;margin-bottom: 1.25rem;line-height: 1.8;}.stats-row{display: flex;gap: 1.5rem;margin-top: 2rem;}.stat-box{flex: 1;background: var(--brand-50);border: 1px solid var(--brand-100);padding: 1.5rem;border-radius: var(--radius-md);text-align: center;}.stat-num{font-family: var(--font-heading);font-size: 2.5rem;font-weight: 800;color: var(--brand-700);display: block;}.stat-label{font-size: 0.85rem;font-weight: 700;color: var(--brand-800);text-transform: uppercase;letter-spacing: 0.5px;}.stack-list{display: flex;flex-direction: column;gap: 1.5rem;}.stack-card{background: var(--bg-surface);padding: 2rem;border-radius: var(--radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);transition: var(--transition-normal);}.stack-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--brand-100);}.stack-header{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.25rem;}.stack-icon{width: 48px;height: 48px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}.icon-blue{background: #dbeafe;color: #1d4ed8;}.icon-purple{background: #f3e8ff;color: #7e22ce;}.icon-emerald{background: #d1fae5;color: #047857;}.stack-title{font-size: 1.25rem;font-weight: 700;}.tech-badges{display: flex;flex-wrap: wrap;gap: 0.6rem;}.tech-badge{padding: 6px 14px;background: var(--bg-main);border: 1px solid var(--border-color);border-radius: var(--radius-sm);font-size: 0.85rem;font-weight: 600;color: #334155;transition: var(--transition-fast);}.tech-badge:hover{border-color: var(--brand-500);color: var(--brand-500);background: #fff;}.portfolio-filters{display: flex;align-items: center;justify-content: center;gap: 0.75rem;margin-bottom: 3rem;flex-wrap: wrap;}.filter-btn{padding: 8px 22px;border-radius: var(--radius-full);border: 1px solid var(--border-color);background: var(--bg-surface);font-weight: 600;font-size: 0.95rem;color: var(--text-muted);cursor: pointer;transition: var(--transition-fast);}.filter-btn:hover,.filter-btn.active{background: var(--bg-dark);color: #fff;border-color: var(--bg-dark);box-shadow: var(--shadow-sm);}.portfolio-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));gap: 2rem;}.portfolio-card{background: var(--bg-surface);border-radius: var(--radius-lg);border: 1px solid var(--border-color);overflow: hidden;box-shadow: var(--shadow-sm);transition: var(--transition-normal);display: flex;flex-direction: column;}.portfolio-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-md);}.portfolio-img-wrapper{position: relative;width: 100%;height: 220px;overflow: hidden;background: #e2e8f0;}.portfolio-img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.portfolio-card:hover .portfolio-img{transform: scale(1.05);}.portfolio-body{padding: 1.75rem;display: flex;flex-direction: column;flex: 1;}.portfolio-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.75rem;}.portfolio-card-title{font-size: 1.35rem;font-weight: 700;}.category-tag{font-size: 0.75rem;font-weight: 700;padding: 4px 10px;background: var(--brand-50);color: var(--brand-700);border-radius: var(--radius-full);text-transform: uppercase;}.portfolio-desc{color: var(--text-muted);font-size: 0.95rem;margin-bottom: 1.25rem;flex: 1;}.portfolio-footer{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;border-top: 1px solid var(--border-color);}.btn-link{color: var(--brand-500);font-weight: 700;font-size: 0.95rem;display: flex;align-items: center;gap: 6px;}.btn-link:hover{color: var(--brand-700);gap: 10px;}.downloads-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 2rem;}.download-card{background: var(--bg-surface);border-radius: var(--radius-lg);border: 1px solid var(--border-color);padding: 2rem;box-shadow: var(--shadow-sm);transition: var(--transition-normal);display: flex;flex-direction: column;position: relative;}.download-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-md);border-color: var(--brand-100);}.download-cover{margin: -2rem -2rem 1.25rem;border-radius: var(--radius-lg) var(--radius-lg) 0 0;overflow: hidden;height: 160px;}.download-cover img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}.download-card:hover .download-cover img{transform: scale(1.05);}.download-icon{width: 56px;height: 56px;background: var(--brand-50);color: var(--brand-600);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.5rem;margin-bottom: 1.5rem;}.download-title{font-size: 1.3rem;font-weight: 700;margin-bottom: 0.5rem;}.download-meta{display: flex;align-items: center;gap: 12px;font-size: 0.85rem;color: var(--text-muted);margin-bottom: 1rem;}.download-version{background: #f1f5f9;padding: 2px 8px;border-radius: 4px;font-weight: 700;color: #334155;}.download-desc{color: var(--text-muted);font-size: 0.95rem;margin-bottom: 1.75rem;flex: 1;line-height: 1.6;}.btn-download{width: 100%;background: var(--brand-500);color: #fff;padding: 0.85rem 1.25rem;border-radius: var(--radius-md);font-weight: 700;font-size: 0.95rem;display: flex;align-items: center;justify-content: center;gap: 8px;border: none;cursor: pointer;transition: var(--transition-fast);}.btn-download:hover{background: var(--brand-600);box-shadow: var(--shadow-glow);}.download-count-badge{font-size: 0.8rem;color: var(--text-muted);margin-top: 0.75rem;text-align: center;}.contact-card{background: var(--bg-dark);color: #fff;border-radius: var(--radius-lg);padding: 4rem;display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;position: relative;overflow: hidden;}.contact-info h2{color: #fff;font-size: 2.2rem;margin-bottom: 1rem;}.contact-info p{color: #94a3b8;font-size: 1.1rem;margin-bottom: 2rem;}.social-links{display: flex;gap: 1rem;}.social-btn{width: 44px;height: 44px;border-radius: var(--radius-full);background: rgba(255,255,255,0.1);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;}.social-btn:hover{background: var(--brand-500);transform: translateY(-2px);}.contact-form{display: flex;flex-direction: column;gap: 1.25rem;}.form-group{display: flex;flex-direction: column;gap: 6px;}.form-input,.form-textarea{width: 100%;padding: 0.9rem 1.2rem;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--radius-md);color: #fff;font-family: inherit;font-size: 0.95rem;}.form-input:focus,.form-textarea:focus{outline: none;border-color: var(--brand-500);background: rgba(255,255,255,0.1);}@keyframes footerGradientShift{0%{background-position: 0% 0;}100%{background-position: 200% 0;}}.site-footer{background: #0b1220;color: #94a3b8;padding: 0;position: relative;overflow: hidden;}.site-footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--brand-500),var(--accent-indigo),var(--accent-purple),var(--brand-500));background-size: 200% 100%;animation: footerGradientShift 8s linear infinite;}.footer-newsletter{display: flex;align-items: center;justify-content: space-between;gap: 1.75rem;flex-wrap: wrap;padding: 2.5rem 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.footer-newsletter-info{flex: 1 1 340px;}.footer-newsletter-info h3{color: #fff;font-size: 1.35rem;margin-bottom: 0.35rem;}.footer-newsletter-info h3 i{color: var(--accent-indigo);}.footer-newsletter-info p{color: #64748b;font-size: 0.95rem;margin: 0;max-width: 480px;}.footer-newsletter-form{display: flex;gap: 0.75rem;flex: 1 1 340px;max-width: 480px;}.footer-newsletter-form input{flex: 1;padding: 0.9rem 1.2rem;border-radius: var(--radius-full);border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.06);color: #fff;font-family: inherit;font-size: 0.95rem;}.footer-newsletter-form input::placeholder{color: #64748b;}.footer-newsletter-form input:focus{outline: none;border-color: var(--brand-500);box-shadow: 0 0 0 3px rgba(37,99,235,0.25);}.footer-newsletter-form button{padding: 0.9rem 1.6rem;border-radius: var(--radius-full);border: none;cursor: pointer;background: linear-gradient(135deg,var(--brand-500),var(--accent-indigo));color: #fff;font-weight: 700;font-size: 0.95rem;display: inline-flex;align-items: center;gap: 8px;transition: var(--transition-fast);}.footer-newsletter-form button:hover{transform: translateY(-2px);box-shadow: var(--shadow-glow);}.footer-newsletter-msg{flex-basis: 100%;color: #34d399;font-weight: 600;font-size: 0.9rem;text-align: center;}.footer-grid{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1.2fr;gap: 2.5rem;padding: 3.5rem 1.5rem;max-width: 1240px;margin: 0 auto;}.footer-brand{display: flex;align-items: center;gap: 12px;font-family: var(--font-heading);font-weight: 800;color: #fff;font-size: 1.3rem;margin-bottom: 1rem;}.footer-brand-img{height: 48px;width: auto;max-width: 220px;object-fit: contain;display: block;}.footer-col-brand p{color: #64748b;font-size: 0.95rem;line-height: 1.7;margin-bottom: 1.5rem;}.footer-social-title{display: block;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 1px;color: #475569;font-weight: 700;margin-bottom: 0.75rem;}.footer-social .social-btn{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.08);}.footer-social .social-btn:hover{background: var(--brand-500);border-color: var(--brand-500);}.footer-col h4{color: #fff;font-size: 1.05rem;margin-bottom: 1.25rem;position: relative;padding-bottom: 0.6rem;}.footer-col h4::after{content: '';position: absolute;bottom: 0;left: 0;width: 28px;height: 3px;border-radius: 2px;background: linear-gradient(90deg,var(--brand-500),var(--accent-indigo));}.footer-links{list-style: none;display: flex;flex-direction: column;gap: 0.65rem;}.footer-links a{color: #94a3b8;font-size: 0.95rem;display: inline-flex;align-items: center;gap: 8px;transition: var(--transition-fast);}.footer-links a::before{content: '\f105';font-family: 'Font Awesome 6 Free';font-weight: 900;color: var(--brand-500);font-size: 0.75rem;}.footer-links a:hover{color: #fff;transform: translateX(4px);}.footer-contact{list-style: none;display: flex;flex-direction: column;gap: 0.9rem;}.footer-contact li{display: flex;gap: 0.75rem;align-items: flex-start;color: #94a3b8;font-size: 0.95rem;line-height: 1.5;}.footer-contact i{color: var(--brand-500);margin-top: 3px;}.footer-contact a{color: #94a3b8;word-break: break-all;}.footer-contact a:hover{color: #fff;}.footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;flex-wrap: wrap;padding: 1.5rem 1.5rem;border-top: 1px solid rgba(255,255,255,0.08);max-width: 1240px;margin: 0 auto;}.footer-bottom p{margin: 0;font-size: 0.9rem;color: #64748b;}.footer-legal{list-style: none;display: flex;gap: 1.5rem;flex-wrap: wrap;margin: 0;}.footer-legal a{color: #94a3b8;font-size: 0.9rem;}.footer-legal a:hover{color: #fff;}.footer-backtop{width: 42px;height: 42px;border-radius: var(--radius-full);border: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.06);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition-fast);}.footer-backtop:hover{background: var(--brand-500);border-color: var(--brand-500);transform: translateY(-3px);}.video-responsive-container{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;background: #0f172a;border-radius: 14px;}.video-responsive-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}.blog-card{position: relative;will-change: transform;}.blog-card:hover{transform: translateY(-8px);box-shadow: 0 20px 40px -12px rgba(37,99,235,0.18);border-color: var(--brand-500);}.blog-card .blog-thumb-link{display: block;overflow: hidden;}.blog-card .blog-thumb-img{transition: transform 0.55s ease;}.blog-card:hover .blog-thumb-img{transform: scale(1.08);}.blog-card .blog-content h3{transition: color var(--transition-fast);}.blog-card:hover .blog-content h3 a{color: var(--brand-500);}.blog-card .btn-read-more{transition: gap var(--transition-fast),color var(--transition-fast);}.blog-card:hover .btn-read-more{gap: 0.85rem;color: var(--brand-600);}.btn-pagination{display: inline-flex;align-items: center;justify-content: center;min-width: 42px;height: 42px;padding: 0 0.9rem;border-radius: 50px;background: var(--bg-surface);border: 1px solid var(--border-color);color: var(--text-main);font-weight: 700;font-size: 0.9rem;text-decoration: none;transition: all var(--transition-fast);}.btn-pagination:hover{border-color: var(--brand-500);color: var(--brand-500);transform: translateY(-2px);box-shadow: var(--shadow-sm);}.btn-pagination.active{background: linear-gradient(135deg,#2563eb,#3b82f6);border-color: transparent;color: #fff;box-shadow: 0 6px 16px rgba(37,99,235,0.35);}.mdq-back-to-top{position: fixed;bottom: 1.5rem;right: 1.5rem;width: 48px;height: 48px;border-radius: var(--radius-full);border: 1px solid rgba(37,99,235,0.4);background: var(--brand-500);color: #fff;font-size: 1.1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 20px rgba(37,99,235,0.35);opacity: 0;visibility: hidden;transform: translateY(15px);transition: opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal),background var(--transition-fast);z-index: 999;}.mdq-back-to-top.show{opacity: 1;visibility: visible;transform: translateY(0);}.mdq-back-to-top:hover{background: var(--brand-600);transform: translateY(-3px);}@media (max-width: 640px){.mdq-back-to-top{bottom: 1rem;right: 1rem;width: 44px;height: 44px;}}.dl-landing{padding: 9rem 0 5rem 0;min-height: 100vh;background: radial-gradient(900px 400px at 80% -10%,rgba(37,99,235,0.12),transparent 60%),radial-gradient(700px 350px at 10% 0%,rgba(139,92,246,0.1),transparent 55%),var(--bg-main);}.dl-crumb{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;font-size: 0.85rem;color: var(--text-muted);margin-bottom: 1.75rem;}.dl-crumb a{color: var(--brand-500);font-weight: 600;display: inline-flex;align-items: center;gap: 6px;}.dl-crumb a:hover{color: var(--brand-700);}.dl-crumb-sep{color: #94a3b8;font-size: 0.7rem;}.dl-cover-wrap{position: relative;margin-bottom: 1.5rem;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);border: 1px solid var(--border-color);}.dl-cover-img{width: 100%;height: 380px;object-fit: cover;display: block;transition: transform 0.4s ease;}.dl-cover-wrap:hover .dl-cover-img{transform: scale(1.02);}.dl-cover-overlay{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top,rgba(15,23,42,0.92) 0%,rgba(15,23,42,0.6) 50%,transparent 100%);padding: 3rem 2.5rem 2rem;}.dl-cover-overlay-content{display: flex;flex-direction: column;gap: 0.5rem;}.dl-cover-title{color: #fff;font-size: clamp(1.6rem,3vw,2.4rem);font-weight: 800;letter-spacing: -0.5px;margin: 0;text-shadow: 0 2px 8px rgba(0,0,0,0.3);}.dl-cover-overlay .dl-version-pill{background: rgba(255,255,255,0.2);color: #fff;border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(4px);width: fit-content;}.dl-cover-overlay .dl-platform-pill{background: rgba(16,185,129,0.2);color: #6ee7b7;border: 1px solid rgba(16,185,129,0.3);backdrop-filter: blur(4px);width: fit-content;}.dl-hero-desc{color: var(--text-muted);font-size: 1rem;line-height: 1.7;margin-bottom: 1.25rem;}.dl-hero-desc p{margin-bottom: 0.5rem;}.dl-hero-desc ul,.dl-hero-desc ol{margin: 0.5rem 0;padding-left: 1.5rem;}.dl-hero-desc li{margin-bottom: 0.3rem;}.dl-hero-desc strong{color: var(--text-main);}.dl-platform-pill{background: #ecfdf5;color: #047857;border: 1px solid #d1fae5;font-weight: 700;font-size: 0.8rem;padding: 0.25rem 0.8rem;border-radius: var(--radius-full);}.dl-btn-demo{background: #fff;color: #7c3aed;border: 2px solid #7c3aed;}.dl-btn-demo:hover{background: #7c3aed;color: #fff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(124,58,237,0.3);}.dl-how-content{color: var(--text-main);line-height: 1.8;font-size: 1rem;}.dl-how-content h1,.dl-how-content h2,.dl-how-content h3{margin-top: 1.5rem;margin-bottom: 0.75rem;}.dl-how-content p{margin-bottom: 1rem;}.dl-how-content ul,.dl-how-content ol{margin: 0.75rem 0;padding-left: 1.5rem;}.dl-how-content li{margin-bottom: 0.4rem;}.dl-how-content img{max-width: 100%;border-radius: 8px;margin: 1rem 0;}.dl-how-content code{background: #f1f5f9;padding: 2px 6px;border-radius: 4px;font-size: 0.9em;}.dl-how-content pre{background: #0f172a;color: #e2e8f0;padding: 1rem;border-radius: 8px;overflow-x: auto;margin: 1rem 0;}.dl-how-content pre code{background: none;color: inherit;padding: 0;}.dl-how-content blockquote{border-left: 4px solid var(--brand-500);padding: 0.75rem 1rem;margin: 1rem 0;background: var(--brand-50);border-radius: 0 8px 8px 0;}.dl-hero{display: flex;align-items: flex-start;gap: 1.75rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2.25rem;box-shadow: var(--shadow-sm);margin-bottom: 2rem;}.dl-hero-icon{width: 84px;height: 84px;flex-shrink: 0;border-radius: 20px;background: linear-gradient(135deg,var(--brand-500),var(--accent-indigo));color: #fff;display: flex;align-items: center;justify-content: center;font-size: 2rem;box-shadow: 0 10px 25px rgba(37,99,235,0.3);}.dl-hero-body{flex: 1;min-width: 0;}.dl-hero-top{display: flex;align-items: center;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 0.75rem;}.dl-version-pill{background: var(--brand-50);color: var(--brand-700);border: 1px solid var(--brand-100);font-weight: 800;font-size: 0.8rem;padding: 0.25rem 0.8rem;border-radius: var(--radius-full);}.dl-cat-pill{background: #f5f3ff;color: #6d28d9;border: 1px solid #ede9fe;font-weight: 700;font-size: 0.8rem;padding: 0.25rem 0.8rem;border-radius: var(--radius-full);}.dl-hero-title{font-size: clamp(1.7rem,3.5vw,2.6rem);font-weight: 800;letter-spacing: -0.5px;margin-bottom: 0.75rem;line-height: 1.15;}.dl-hero-sub{color: var(--text-muted);font-size: 1.05rem;line-height: 1.7;margin-bottom: 1.25rem;}.dl-meta-pills{display: flex;flex-wrap: wrap;gap: 1.25rem;font-size: 0.9rem;color: var(--text-muted);font-weight: 600;}.dl-meta-pills i{color: var(--brand-500);}.dl-actions{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;margin-bottom: 2.5rem;}.dl-btn{display: inline-flex;align-items: center;gap: 9px;padding: 0.95rem 1.9rem;border-radius: var(--radius-full);font-weight: 700;font-size: 1rem;transition: var(--transition-fast);cursor: pointer;}.dl-btn-primary{background: linear-gradient(135deg,var(--brand-500),var(--accent-indigo));color: #fff;box-shadow: var(--shadow-md);}.dl-btn-primary:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg);color: #fff;}.dl-btn-github{background: #0f172a;color: #fff;}.dl-btn-github:hover{background: #24292f;transform: translateY(-2px);color: #fff;}.dl-btn-outline{background: var(--bg-surface);color: var(--text-main);border: 2px solid var(--border-color);}.dl-btn-outline:hover{border-color: var(--brand-500);color: var(--brand-500);transform: translateY(-2px);}.dl-layout{display: grid;grid-template-columns: 1fr 340px;gap: 2rem;align-items: start;}.dl-main{min-width: 0;}.dl-content-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2.5rem;box-shadow: var(--shadow-sm);font-size: 1.05rem;line-height: 1.85;color: #1e293b;}.dl-content-card>*:first-child{margin-top: 0;}.dl-content-card p,.dl-content-card div,.dl-content-card li{color: #334155;}.dl-content-card h1,.dl-content-card h2,.dl-content-card h3,.dl-content-card h4{color: #0f172a;font-weight: 800;margin: 1.75rem 0 0.75rem;}.dl-content-card ul,.dl-content-card ol{padding-left: 1.5rem;margin: 1rem 0;}.dl-content-card li{margin-bottom: 0.4rem;}.dl-content-card a{color: var(--brand-500);font-weight: 600;}.dl-content-card img{border-radius: 14px;margin: 1rem 0;}.dl-content-card blockquote{border-left: 4px solid var(--brand-500);background: #f8fafc;padding: 1.1rem 1.4rem;border-radius: 0 12px 12px 0;font-style: italic;color: #475569;margin: 1.25rem 0;}.dl-content-title{font-size: 1.4rem;font-weight: 800;margin: 0 0 1.25rem 0;display: flex;align-items: center;gap: 0.6rem;color: #0f172a;}.dl-content-title i{color: var(--brand-500);}.dl-block{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-sm);margin-top: 2rem;}.dl-gallery{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1.25rem;}.dl-gallery-item{display: block;border-radius: 14px;overflow: hidden;border: 1px solid var(--border-color);background: #f1f5f9;aspect-ratio: 16 / 10;transition: var(--transition-normal);}.dl-gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}.dl-gallery-item:hover{transform: translateY(-4px);box-shadow: var(--shadow-md);}.dl-gallery-item:hover img{transform: scale(1.06);}.dl-changelog pre{background: #0f172a;color: #a5f3fc;border-radius: 14px;padding: 1.4rem 1.6rem;font-family: 'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;font-size: 0.9rem;line-height: 1.7;overflow-x: auto;white-space: pre-wrap;}.dl-side{display: flex;flex-direction: column;gap: 1.5rem;}.dl-side-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1.75rem;box-shadow: var(--shadow-sm);}.dl-side-title{font-size: 1.05rem;font-weight: 800;margin-bottom: 1.25rem;display: flex;align-items: center;gap: 0.6rem;color: #0f172a;}.dl-side-title i{color: var(--brand-500);}.dl-info-list{list-style: none;display: flex;flex-direction: column;}.dl-info-list li{display: flex;align-items: center;justify-content: space-between;padding: 0.65rem 0;border-bottom: 1px dashed var(--border-color);font-size: 0.92rem;}.dl-info-list li:last-child{border-bottom: none;}.dl-info-list span{color: var(--text-muted);font-weight: 600;}.dl-info-list strong{color: #0f172a;}.dl-side-cta p{color: var(--text-muted);font-size: 0.9rem;line-height: 1.6;margin-bottom: 1.25rem;}.dl-related{list-style: none;display: flex;flex-direction: column;gap: 0.75rem;}.dl-related a{display: flex;align-items: center;gap: 0.8rem;padding: 0.7rem;border-radius: 12px;border: 1px solid var(--border-color);transition: var(--transition-fast);}.dl-related a:hover{border-color: var(--brand-100);background: var(--brand-50);transform: translateX(3px);}.dl-related a>i{width: 40px;height: 40px;flex-shrink: 0;border-radius: 10px;background: var(--brand-50);color: var(--brand-600);display: flex;align-items: center;justify-content: center;}.dl-related a span{display: flex;flex-direction: column;min-width: 0;}.dl-related strong{color: #0f172a;font-size: 0.9rem;}.dl-related small{color: var(--text-muted);font-size: 0.75rem;}.dl-hint{background: #f8fafc;border: 1px dashed var(--border-color);border-radius: 12px;padding: 1rem 1.25rem;font-size: 0.9rem;color: var(--text-muted);}.dl-back{margin-top: 2.5rem;text-align: center;}@media (max-width: 992px){.dl-layout{grid-template-columns: 1fr;}}@media (max-width: 640px){.dl-landing{padding-top: 8rem;}.dl-hero{flex-direction: column;padding: 1.5rem;}.dl-hero-icon{width: 64px;height: 64px;font-size: 1.5rem;border-radius: 16px;}.dl-actions .dl-btn{width: 100%;justify-content: center;}.dl-content-card,.dl-block{padding: 1.5rem;}.dl-cover-img{height: 220px;}.dl-cover-overlay{padding: 2rem 1.5rem 1.25rem;}.dl-cover-title{font-size: 1.4rem;}}.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(15,23,42,0.7);backdrop-filter: blur(6px);z-index: 2000;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;padding: 1.5rem;}.modal-backdrop.active{opacity: 1;pointer-events: auto;}.modal-box{background: var(--bg-surface);border-radius: var(--radius-lg);max-width: 700px;width: 100%;max-height: 90vh;overflow-y: auto;padding: 2.5rem;position: relative;transform: translateY(20px);transition: transform 0.3s ease;}.modal-backdrop.active .modal-box{transform: translateY(0);}.modal-close{position: absolute;top: 1.5rem;right: 1.5rem;background: var(--bg-main);border: none;width: 36px;height: 36px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-size: 1.1rem;cursor: pointer;}.trayectoria-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 1.5rem;}.trayectoria-card{position: relative;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-sm);transition: var(--transition-normal);}.trayectoria-card:hover{transform: translateY(-5px);border-color: var(--brand-100);box-shadow: var(--shadow-md);}.trayectoria-badge{position: absolute;top: 1.25rem;right: 1.25rem;background: var(--brand-50);color: var(--brand-600);border: 1px solid var(--brand-100);font-size: 0.65rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em;padding: 4px 12px;border-radius: var(--radius-full);}.trayectoria-logo-container{height: 60px;display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;}.trayectoria-logo{max-height: 100%;max-width: 120px;object-fit: contain;filter: grayscale(100%);opacity: 0.7;transition: all var(--transition-normal);}.trayectoria-card:hover .trayectoria-logo{filter: grayscale(0%);opacity: 1;}.trayectoria-logo-divider{width: 1px;height: 32px;background: var(--border-color);}.trayectoria-duration{font-size: 0.75rem;color: var(--text-muted);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;}.trayectoria-role{font-size: 1.2rem;font-weight: 700;margin: 0.25rem 0 0.75rem;color: var(--text-main);}.trayectoria-desc{color: var(--text-muted);font-size: 0.95rem;line-height: 1.6;}.trayectoria-quote-card{background: linear-gradient(135deg,var(--bg-surface) 0%,var(--brand-50) 100%);border: 2px dashed var(--brand-100);border-radius: var(--radius-lg);padding: 2rem;display: flex;flex-direction: column;justify-content: center;}.trayectoria-quote-icon{color: var(--brand-500);font-size: 2rem;margin-bottom: 1rem;}.trayectoria-quote-title{font-size: 1.15rem;font-weight: 700;color: var(--brand-700);margin-bottom: 0.5rem;}.trayectoria-quote-text{color: var(--text-muted);font-style: italic;font-size: 0.95rem;line-height: 1.6;}.trayectoria-ai{margin-top: 3rem;background: linear-gradient(135deg,var(--bg-surface) 0%,#eff6ff 100%);border: 1px solid #bfdbfe;border-radius: 2.5rem;padding: 3rem;display: flex;align-items: center;gap: 2rem;position: relative;overflow: hidden;}.trayectoria-ai-icon-box{flex-shrink: 0;background: var(--bg-surface);padding: 1rem;border-radius: 1rem;box-shadow: var(--shadow-sm);border: 1px solid var(--brand-100);color: var(--brand-500);font-size: 2.5rem;display: flex;align-items: center;justify-content: center;width: 76px;height: 76px;}.trayectoria-ai-tag{color: var(--brand-600);font-weight: 800;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 0.5rem;}.trayectoria-ai-title{font-size: 1.6rem;font-weight: 800;margin-bottom: 0.75rem;color: var(--text-main);}.trayectoria-ai-text{color: var(--text-muted);font-size: 1.05rem;line-height: 1.7;}.trayectoria-tech-heading{display: flex;align-items: center;gap: 1rem;margin: 3rem 0 1.5rem;}.trayectoria-tech-bar{width: 6px;height: 32px;background: var(--brand-500);border-radius: 3px;}.trayectoria-tech-title{font-size: 1.5rem;font-weight: 800;color: var(--text-main);}.trayectoria-tech-cloud{display: flex;flex-wrap: wrap;gap: 0.75rem;}.trayectoria-tech-tag{padding: 8px 18px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-full);font-size: 0.85rem;font-weight: 600;color: #334155;transition: var(--transition-fast);}.trayectoria-tech-tag:hover{border-color: var(--brand-500);color: var(--brand-500);background: #fff;transform: translateY(-2px);}@media (max-width: 992px){.about-grid{grid-template-columns: 1fr;}.contact-card{grid-template-columns: 1fr;padding: 2.5rem;}.footer-grid{grid-template-columns: 1fr 1fr;}}@media (max-width: 768px){.nav-links{display: none;}.search-btn{display: none;}.mobile-menu-btn{display: flex;}.hero-section{padding-top: 8rem;}.portfolio-grid{grid-template-columns: 1fr;}.downloads-grid{grid-template-columns: 1fr;}.trayectoria-ai{flex-direction: column;text-align: center;padding: 2rem;}.trayectoria-ai-icon-box{margin: 0 auto;}.header-container{justify-content: space-between;}}@media (max-width: 640px){.footer-grid{grid-template-columns: 1fr;}.footer-newsletter{flex-direction: column;align-items: stretch;text-align: center;padding: 2rem 1.25rem;gap: 1.25rem;}.footer-newsletter-form{flex-direction: column;gap: 0.75rem;max-width: none;}.footer-newsletter-form input{width: 100%;padding: 0.85rem 1.2rem;font-size: 1rem;}.footer-newsletter-form button{width: 100%;justify-content: center;padding: 0.85rem 1.2rem;font-size: 0.95rem;}.footer-newsletter--hide-mobile{display: none !important;}.footer-bottom{justify-content: center;text-align: center;}}.mdq-galeria{margin: 2.5rem 0;}.mdq-galeria figcaption{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.5rem 1rem;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid var(--brand-100);}.mdq-galeria-title{font-family: var(--font-heading);font-weight: 700;font-size: 1.15rem;color: var(--text-main);}.mdq-galeria-title i{color: var(--brand-500);margin-right: 0.35rem;}.mdq-galeria-count{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: var(--brand-500);background: var(--brand-50);padding: 0.15rem 0.6rem;border-radius: 99px;}.mdq-galeria-desc{width: 100%;color: var(--text-muted);font-size: 0.92rem;}.mdq-galeria-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 0.85rem;}.mdq-galeria-item{display: block;border-radius: 14px;overflow: hidden;box-shadow: 0 4px 12px rgba(15,23,42,0.08);transition: transform 0.25s ease,box-shadow 0.25s ease;}.mdq-galeria-item img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;display: block;transition: transform 0.35s ease;}.mdq-galeria-item:hover{transform: translateY(-4px);box-shadow: 0 10px 24px rgba(37,99,235,0.22);}.mdq-galeria-item:hover img{transform: scale(1.05);}.mdq-galeria-pager{display: flex;align-items: center;justify-content: center;gap: 0.85rem;margin-top: 1.1rem;}.mdq-galeria-pager[hidden]{display: none;}.mdq-gpager-btn{width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--brand-100);background: var(--bg-card);color: var(--brand-500);font-size: 0.9rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s ease,color 0.2s ease,transform 0.2s ease;}.mdq-gpager-btn:hover{background: var(--brand-500);border-color: var(--brand-500);color: #fff;transform: scale(1.08);}.mdq-gpager-info{min-width: 3.2rem;text-align: center;font-family: var(--font-heading);font-weight: 700;font-size: 0.88rem;color: var(--text-muted);}#mdq-lightbox{position: fixed;inset: 0;z-index: 9999;background: rgba(15,23,42,0.94);display: none;align-items: center;justify-content: center;padding: 2rem;}#mdq-lightbox.open{display: flex;}.mdq-lb-figure{margin: 0;display: flex;flex-direction: column;align-items: center;gap: 0.85rem;max-width: min(1100px,calc(100vw - 160px));cursor: default;}.mdq-lb-figure img{max-width: 100%;max-height: calc(100vh - 180px);border-radius: 12px;box-shadow: 0 25px 60px rgba(0,0,0,0.5);display: block;}.mdq-lb-caption{color: #cbd5e1;font-size: 0.85rem;letter-spacing: 0.04em;}.mdq-lb-btn{position: absolute;width: 48px;height: 48px;border-radius: 50%;border: none;cursor: pointer;background: rgba(255,255,255,0.12);color: #f8fafc;font-size: 1.15rem;display: flex;align-items: center;justify-content: center;transition: background 0.2s ease,transform 0.2s ease;}.mdq-lb-btn:hover{background: rgba(255,255,255,0.3);transform: scale(1.08);}.mdq-lb-close{top: 1.25rem;right: 1.25rem;}.mdq-lb-prev{left: 1.5rem;top: 50%;transform: translateY(-50%);}.mdq-lb-next{right: 1.5rem;top: 50%;transform: translateY(-50%);}.mdq-lb-prev:hover{transform: translateY(-50%) scale(1.08);}.mdq-lb-next:hover{transform: translateY(-50%) scale(1.08);}@media (max-width: 640px){.mdq-galeria-grid{grid-template-columns: repeat(2,1fr);gap: 0.6rem;}.mdq-lb-btn{width: 38px;height: 38px;font-size: 1rem;}.mdq-lb-close{top: 0.75rem;right: 0.75rem;}.mdq-lb-prev{left: 0.5rem;}.mdq-lb-next{right: 0.5rem;}.mdq-lb-figure{max-width: calc(100vw - 100px);}}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-family: var(--font-heading);color: var(--text-main);margin-top: 1.8rem;margin-bottom: 0.7rem;line-height: 1.3;}.page-content h1{font-size: 2rem;}.page-content h2{font-size: 1.6rem;border-bottom: 2px solid #f1f5f9;padding-bottom: 0.4rem;}.page-content h3{font-size: 1.3rem;}.page-content h4{font-size: 1.1rem;}.page-content p{margin-bottom: 1rem;line-height: 1.75;color: var(--text-main,#1e293b);}.page-content a{color: var(--brand-500,#2563eb);text-decoration: underline;text-underline-offset: 2px;}.page-content a:hover{opacity: 0.85;}.page-content img{max-width: 100%;height: auto;border-radius: 12px;margin: 1.5rem 0;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}.page-content ul,.page-content ol{margin: 1rem 0;padding-left: 1.5rem;}.page-content li{margin-bottom: 0.4rem;line-height: 1.7;}.page-content blockquote{border-left: 4px solid var(--brand-500,#2563eb);background: #f8fafc;padding: 1rem 1.25rem;margin: 1.5rem 0;border-radius: 0 8px 8px 0;font-style: italic;color: #475569;}.page-content table{width: 100%;border-collapse: collapse;margin: 1.5rem 0;}.page-content th,.page-content td{border: 1px solid #e2e8f0;padding: 0.6rem 0.8rem;text-align: left;}.page-content th{background: #f8fafc;font-weight: 700;}.page-content .video-responsive-container{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: 12px;margin: 1.5rem 0;}.page-content .video-responsive-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}.page-content hr{border: none;border-top: 2px solid #f1f5f9;margin: 2rem 0;}.mdq-direct-dl-btn{transition: transform 0.2s,box-shadow 0.2s !important;}.mdq-direct-dl-btn:hover{transform: translateY(-2px) !important;box-shadow: 0 12px 30px rgba(16,185,129,0.45) !important;}.mdq-direct-dl-btn:active{transform: translateY(0) !important;}.search-bar-wrap{margin-bottom: 2.5rem;}.search-bar-form{display: flex;align-items: center;gap: 0.75rem;background: #fff;border: 2px solid #e2e8f0;border-radius: 12px;padding: 0.65rem 1.2rem;box-shadow: 0 2px 12px rgba(0,0,0,0.06);transition: border-color 0.2s,box-shadow 0.2s;}.search-bar-form:focus-within{border-color: #2271b1;box-shadow: 0 0 0 3px rgba(34,113,177,0.15);}.search-bar-form i{color: #94a3b8;font-size: 1.1rem;flex-shrink: 0;}.search-bar-form input{border: none;outline: none;font-size: 1.05rem;background: transparent;color: #1e293b;min-width: 0;}.search-bar-form input::placeholder{color: #94a3b8;}.search-count{margin-bottom: 1.5rem;color: #475569;font-size: 0.95rem;}.search-count strong{color: #1e293b;}.search-empty{text-align: center;padding: 4rem 1rem;color: #64748b;}.search-empty i{font-size: 3rem;color: #cbd5e1;margin-bottom: 1rem;display: block;}.search-empty p{margin: 0.25rem 0;font-size: 1.05rem;}.search-suggestions{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-top: 1.5rem;}.search-suggestions span{background: #f1f5f9;color: #475569;padding: 0.4rem 1rem;border-radius: 20px;font-size: 0.85rem;cursor: pointer;transition: background 0.2s,color 0.2s;}.search-suggestions span:hover{background: #2271b1;color: #fff;}.search-group{margin-bottom: 2rem;}.search-group-title{display: flex;align-items: center;gap: 0.5rem;font-size: 1.1rem;font-weight: 700;margin-bottom: 0.75rem;padding-bottom: 0.5rem;border-bottom: 2px solid #f1f5f9;}.search-group-count{background: #f1f5f9;color: #64748b;font-size: 0.75rem;font-weight: 600;padding: 0.15rem 0.55rem;border-radius: 10px;margin-left: auto;}.search-result-card{display: flex;align-items: center;gap: 1rem;padding: 1rem 1.25rem;background: #fff;border: 1px solid #e2e8f0;border-radius: 10px;margin-bottom: 0.5rem;text-decoration: none;color: inherit;transition: border-color 0.2s,box-shadow 0.2s,transform 0.15s;}.search-result-card:hover{border-color: #2271b1;box-shadow: 0 4px 16px rgba(34,113,177,0.1);transform: translateY(-1px);}.search-result-body{flex: 1;min-width: 0;}.search-result-title{font-weight: 700;font-size: 1rem;color: #1e293b;margin-bottom: 0.25rem;}.search-result-card:hover .search-result-title{color: #2271b1;}.search-result-snippet{font-size: 0.88rem;color: #64748b;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.search-result-snippet mark{background: #fef08a;color: inherit;padding: 0 2px;border-radius: 2px;font-weight: 600;}.search-result-meta{font-size: 0.78rem;color: #94a3b8;margin-top: 0.35rem;}.search-result-arrow{color: #cbd5e1;font-size: 0.85rem;flex-shrink: 0;transition: color 0.2s,transform 0.2s;}.search-result-card:hover .search-result-arrow{color: #2271b1;transform: translateX(3px);}@media (max-width: 640px){.search-bar-form{padding: 0.5rem 0.9rem;}.search-bar-form input{font-size: 0.95rem;}.search-result-card{padding: 0.85rem 1rem;}.search-result-title{font-size: 0.93rem;}}.mdq-features-card{background: #fff;border: 1px solid #e2e8f0;border-radius: 14px;padding: 1.75rem;box-shadow: 0 4px 20px rgba(0,0,0,0.05);}.mdq-features-title{font-size: 1.1rem;font-weight: 800;color: #1e293b;margin: 0 0 1.25rem 0;display: flex;align-items: center;gap: 0.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #f1f5f9;}.mdq-features-title i{color: #059669;}.mdq-features-grid{display: flex;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 1.5rem;}.mdq-feature-item{display: inline-flex;align-items: center;gap: 0.45rem;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;padding: 0.5rem 0.9rem;font-size: 0.88rem;font-weight: 600;color: #334155;transition: transform 0.15s,box-shadow 0.15s;}.mdq-feature-item:hover{transform: translateY(-1px);box-shadow: 0 3px 10px rgba(0,0,0,0.07);}.mdq-feature-item i{font-size: 1rem;}.mdq-rating-display{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1.25rem;padding-bottom: 1rem;border-bottom: 1px solid #f1f5f9;}.mdq-rating-stars i{color: #e2e8f0;font-size: 1.1rem;margin-right: 2px;}.mdq-rating-stars i.active{color: #f59e0b;}.mdq-rating-text{font-size: 0.88rem;color: #64748b;font-weight: 600;}.mdq-rating-form{margin-top: 0.25rem;}.mdq-rating-label{font-size: 0.85rem;color: #64748b;margin: 0 0 0.6rem 0;font-weight: 600;}.mdq-rating-select{display: inline-flex;gap: 0.3rem;}.mdq-star-btn{background: none;border: 2px solid #e2e8f0;border-radius: 8px;padding: 0.45rem 0.55rem;cursor: pointer;transition: all 0.15s;color: #d1d5db;font-size: 1.05rem;}.mdq-star-btn:hover,.mdq-star-btn.hovered{border-color: #f59e0b;color: #f59e0b;background: #fffbeb;}.mdq-star-btn.selected{border-color: #f59e0b;color: #f59e0b;background: #fef3c7;}.mdq-rating-msg{font-size: 0.82rem;margin-top: 0.5rem;min-height: 1.2rem;}.mdq-rating-msg.success{color: #059669;font-weight: 600;}.mdq-rating-msg.error{color: #dc2626;font-weight: 600;}@media (max-width: 640px){.mdq-features-card{padding: 1.25rem;}.mdq-feature-item{padding: 0.4rem 0.7rem;font-size: 0.82rem;}}