.vitrina{background:var(--bg);color:var(--text)}.vitrina .container{max-width:1280px;margin:0 auto;padding:0 80px}.vitrina .nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ad9;position:fixed;top:0;left:0;right:0}.vitrina .nav-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:18px 80px;display:flex}.vitrina .nav-logo{align-items:center;gap:10px;display:flex}.vitrina .nav-logo img{width:auto;height:32px}.vitrina .nav-cta{background:var(--lime);color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-family:Termina,sans-serif;font-size:13px;font-weight:900;text-decoration:none;transition:opacity .2s;display:inline-flex}.vitrina .nav-cta:hover{opacity:.85}.vitrina .hero{text-align:center;padding:180px 0 96px}.vitrina .tag{text-transform:uppercase;letter-spacing:.1em;color:var(--lime);border:1px solid var(--border);border-radius:999px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}.vitrina .hero h1{max-width:14ch;margin:0 auto 24px;font-family:Termina,sans-serif;font-size:clamp(42px,7vw,88px);font-weight:900;line-height:1.05}.vitrina .hero p{color:var(--muted);max-width:60ch;margin:0 auto;font-size:clamp(16px,2vw,20px);line-height:1.5}.vitrina .hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:56px;display:flex}.vitrina .stat-number{color:var(--lime);font-family:Termina,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1}.vitrina .stat-label{color:var(--muted);margin-top:8px;font-size:13px}.vitrina .section{padding:96px 0}.vitrina .section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--lime);margin-bottom:16px;font-size:11px;font-weight:600;display:inline-block}.vitrina .section h2{margin:0 0 16px;font-family:Termina,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.1}.vitrina .section-desc{color:var(--muted);max-width:60ch;margin-bottom:48px}.vitrina .featured-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.vitrina .featured-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;transition:border-color .2s}.vitrina .featured-card:hover{border-color:var(--lime)}.vitrina .featured-card.highlight{border-color:var(--lime);background:#1a1a0a}.vitrina .quote-mark{color:var(--lime);opacity:.4;font-family:Termina,sans-serif;font-size:64px;line-height:.6}.vitrina .featured-card blockquote{margin:16px 0 24px;font-size:clamp(16px,1.5vw,19px);font-style:italic;line-height:1.6}.vitrina .testimonial-author{align-items:center;gap:14px;display:flex}.vitrina .avatar{border:2px solid var(--lime);background:var(--border);object-fit:cover;width:48px;height:48px;color:var(--lime);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-family:Termina,sans-serif;font-size:18px;display:flex}.vitrina .author-name{font-size:15px;font-weight:600}.vitrina .author-role{color:var(--muted);font-size:13px}.vitrina .result-badge{color:var(--lime);background:#d4e83a1f;border-radius:999px;margin-top:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.vitrina .screenshots-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vitrina .screenshot{aspect-ratio:16/10;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:border-color .2s;overflow:hidden}.vitrina .screenshot:hover{border-color:var(--lime)}.vitrina .screenshot img{object-fit:cover;width:100%;height:100%}.vitrina .screenshot.wide{aspect-ratio:16/6;grid-column:span 2}.vitrina .videos{background:linear-gradient(#0a0a0a 0%,#0d0d0d 100%)}.vitrina .videos-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.vitrina .video-card{aspect-ratio:9/16;background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.vitrina .video-card:hover{border-color:var(--lime)}.vitrina .video-card video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vitrina .play-btn{border:2px solid var(--lime);width:56px;height:56px;color:var(--lime);background:#d4e83a1f;border-radius:999px;justify-content:center;align-items:center;font-size:20px;display:flex}.vitrina .video-label{color:var(--text);text-align:center;padding:0 12px;font-size:13px;font-weight:600}.vitrina .video-desc{color:var(--muted);font-size:12px}.vitrina .testi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vitrina .testi-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .2s,transform .2s}.vitrina .testi-card:hover{border-color:#d4e83a66;transform:translateY(-2px)}.vitrina .stars{color:var(--lime);gap:3px;margin-bottom:12px;font-size:14px;display:flex}.vitrina .testi-card blockquote{color:#e0e0e0;margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.6}.vitrina .cta{border-top:1px solid var(--border);text-align:center;background:linear-gradient(#0a0a0a 0%,#0d0f00 100%)}.vitrina .cta h2{font-size:clamp(32px,5vw,64px)}.vitrina .cta p{color:var(--muted);max-width:50ch;margin:0 auto 32px}.vitrina .cta-btn{background:var(--lime);color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:18px 40px;font-family:Termina,sans-serif;font-size:15px;font-weight:900;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.vitrina .cta-btn:hover{opacity:.9;transform:scale(1.02)}.vitrina .cta-sub{color:var(--muted);margin-top:24px;font-size:13px}.vitrina .footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:40px 0;font-size:13px}.vitrina .footer a{color:var(--lime);text-decoration:none}@media (max-width:900px){.vitrina .screenshots-grid{grid-template-columns:repeat(2,1fr)}.vitrina .videos-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.vitrina .testi-grid{grid-template-columns:repeat(2,1fr)}.vitrina .screenshot.wide{aspect-ratio:16/10;grid-column:span 1}}@media (max-width:768px){.vitrina .container,.vitrina .nav-inner{padding-left:24px;padding-right:24px}.vitrina .hero{padding-top:130px}.vitrina .testi-grid{grid-template-columns:1fr}}@media (max-width:560px){.vitrina .screenshots-grid{grid-template-columns:1fr}}
