:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primario: #f57c00;--color-secundario: #fff3e0;--color-texto: #333;--color-fondo: #fff;--color-boton: #e65100;--color-footer: #212121}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background-color:var(--color-fondo);color:var(--color-texto);scroll-behavior:smooth}.container{width:100%;padding:40px;box-sizing:border-box}.header{background:var(--color-secundario);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 40px}.header .logo{font-size:24px;font-weight:700;color:var(--color-primario)}.header nav ul{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:0;justify-content:flex-end}.header nav ul li a{text-decoration:none;color:var(--color-texto);font-weight:500}.header nav ul li a:hover{color:var(--color-primario)}.hero{background:linear-gradient(to bottom right,#ffa726,#fb8c00);color:#fff;text-align:center;padding:10px 20px}.hero h2{font-size:32px;margin-bottom:16px;font-weight:600}.imagen-inicio{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:12px;margin-bottom:20px;display:block}.subtexto-principal,.texto-descarga{background-color:#ffffffbf;padding:10px 16px;border-radius:8px;display:block;text-align:center;max-width:600px;margin:0 auto 12px;color:#000;line-height:1.5}.texto-descarga{font-weight:700}.subtexto-principal,.texto-descarga{opacity:0;transform:translateY(30px);transition:all .8s ease}.subtexto-principal.animado,.texto-descarga.animado{opacity:1;transform:translateY(0)}.boton-descargar{background-color:var(--color-boton);color:#fff;padding:14px 28px;border:none;border-radius:25px;font-size:16px;text-decoration:none;font-weight:700}.boton-descargar:hover{background-color:#bf360c}.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.features .card{background:var(--color-secundario);padding:20px;border-radius:12px;text-align:center;font-size:18px;font-weight:500}.screenshots .mockups{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.screenshots img{max-width:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.faq-item{margin-bottom:24px}.faq-item h3{margin-bottom:8px;color:var(--color-primario)}.contact form{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:auto}.contact input,.contact textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px}.contact button{background-color:var(--color-primario);color:#fff;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer}.contact button:hover{background-color:#ef6c00}footer{background-color:var(--color-footer);color:#fff;padding:24px 0;text-align:center}footer a{color:#ffcc80;text-decoration:none}footer a:hover{text-decoration:underline}.botones-descarga{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:16px;flex-wrap:wrap}.boton-ios,.boton-android{padding:14px 28px;border-radius:25px;font-size:16px;text-decoration:none;font-weight:700;color:#fff;border:none;display:inline-block;transition:background-color .3s}.boton-ios{background-color:#2e6bd8}.boton-ios:hover{background-color:#1c4ebb}.boton-android{background-color:#2ab774}.boton-android:hover{background-color:#219c63}.badge-store{height:54px;width:180px;object-fit:contain;display:block}.logo-contenedor{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.logo-imagen{height:40px;width:auto}.logo-texto{font-size:24px;font-weight:700;color:var(--color-primario);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:none}.menu-toggle span{display:block;width:25px;height:3px;background-color:var(--color-texto);border-radius:2px}.menu{display:flex}.menu ul{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:0;justify-content:flex-end}.menu-derecha{display:flex;align-items:center;gap:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subtexto-principal,.texto-descarga{opacity:0;animation:fadeInUp 1s ease forwards}.texto-descarga{animation-delay:.3s}@media (max-width: 768px){.menu{display:none;position:fixed;top:70px;right:0;width:30%;max-height:90vh;overflow-y:auto;background-color:var(--color-secundario);padding:20px;border-radius:8px;box-shadow:0 4px 10px #00000026;z-index:2000;flex-direction:column}.menu.abierto{display:flex;max-height:500px;padding:10px 20px;flex-direction:column;margin-top:8px}.menu ul{flex-direction:column;align-items:flex-start;padding:0;margin:0;list-style:none;gap:12px}.menu ul li a{display:block;padding:8px 0;color:var(--color-texto);text-decoration:none;font-weight:500}.menu ul li a:hover{color:var(--color-primario)}.menu-toggle{display:flex;position:absolute;flex-direction:column;cursor:pointer;gap:4px;padding:0;margin-left:auto;margin-right:20;background:none;z-index:1100}.menu-toggle span{display:block;width:25px;height:3px;background-color:var(--color-texto);border-radius:2px}.menu-derecha{display:flex;align-items:center;gap:16px;position:relative}.cerrar-menu{all:unset;display:inline-block;font-size:28px;font-weight:700;color:var(--color-texto);line-height:1;padding:0;margin:0;background:none;border:none;box-shadow:none}}.screenshot-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px}.screenshot-item{max-width:280px;text-align:center}.screenshot-item img{width:100%;border-radius:20px;box-shadow:0 5px 20px #0000001a}.screenshot-item p{margin-top:16px;font-weight:700;font-size:1rem;color:#0a2351}