<body class="bg-gradient-to-br from-gray-50 to-blue-50 min-h-screen"> <!-- Header --> <header class="bg-white/90 backdrop-blur-md shadow-lg border-b border-gray-200 sticky top-0 z-30"> <div class="container mx-auto px-4 py-6"> <div class="flex items-center justify-between" data-aos="fade-down" data-aos-duration="800"> <div class="flex items-center space-x-3 group"> <div class="w-12 h-12 bg-gradient-to-r from-blue-600 to-gray-600 rounded-full flex items-center justify-center shadow-lg group-hover:shadow-xl transition-all duration-300 animate-float" > <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" /> </svg> </div> <div> <h1 class="text-2xl font-bold bg-gradient-to-r from-gray-800 to-blue-600 bg-clip-text text-transparent">Amsotravel</h1> <p class="text-sm text-gray-600">Agencia de Viajes y Turismo</p> </div> </div> <div class="hidden md:flex items-center space-x-2 text-sm text-gray-600 bg-blue-50 px-4 py-2 rounded-full border border-blue-200 hover:shadow-md transition-all duration-300" > <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <span >Licencia habilitante: <a href="https://www.rapilist.com/upload/e1311bf2-909e/files/tyd.pdf" target="_blank" class="text-blue-700 hover:text-blue-800 font-medium hover:underline transform hover:scale-105 transition-all duration-300 inline-block" >Portal de Tramites</a ></span > </div> </div> </div> </header> <!-- Main Content --> <main class="container mx-auto px-4 py-12"> <!-- About Us Section --> <section class="mb-16" data-aos="fade-up" data-aos-duration="1000"> <div class="bg-white/90 backdrop-blur-md rounded-3xl shadow-2xl overflow-hidden border border-gray-200 hover:shadow-3xl transition-all duration-500" > <div class="bg-gradient-to-r from-gray-800 via-blue-800 to-gray-800 p-12 text-white text-center relative overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-gray-600/20 to-cyan-600/20 animate-pulse"></div> <div class="relative z-10"> <h2 class="text-5xl font-bold mb-6 animate-fade-in-up">Quiénes Somos</h2> <div class="w-32 h-1 bg-white mx-auto rounded-full opacity-90 hover:opacity-100 transition-opacity duration-300"></div> </div> </div> <div class="p-12"> <div class="max-w-5xl mx-auto"> <div class="grid md:grid-cols-3 gap-10 mb-12"> <div class="text-center group" data-aos="zoom-in" data-aos-delay="100"> <div class="w-24 h-24 bg-gradient-to-br from-pink-50 to-red-100 rounded-3xl flex items-center justify-center mx-auto mb-6 group-hover:shadow-xl transition-all duration-300 group-hover:scale-110" > <svg class="w-10 h-10 text-red-500 group-hover:text-red-600 transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /> </svg> </div> <h3 class="font-bold text-gray-800 mb-3 text-lg group-hover:text-red-600 transition-colors duration-300">Empresa Familiar</h3> <p class="text-gray-600 leading-relaxed">Con raÃces profundas en la hospitalidad</p> </div> <div class="text-center group" data-aos="zoom-in" data-aos-delay="200"> <div class="w-24 h-24 bg-gradient-to-br from-blue-50 to-indigo-100 rounded-3xl flex items-center justify-center mx-auto mb-6 group-hover:shadow-xl transition-all duration-300 group-hover:scale-110" > <svg class="w-10 h-10 text-blue-600 group-hover:text-blue-700 transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> <h3 class="font-bold text-gray-800 mb-3 text-lg group-hover:text-blue-600 transition-colors duration-300">Experiencia</h3> <p class="text-gray-600 leading-relaxed">Viajeros antes que agentes</p> </div> <div class="text-center group" data-aos="zoom-in" data-aos-delay="300"> <div class="w-24 h-24 bg-gradient-to-br from-yellow-50 to-orange-100 rounded-3xl flex items-center justify-center mx-auto mb-6 group-hover:shadow-xl transition-all duration-300 group-hover:scale-110" > <svg class="w-10 h-10 text-yellow-600 group-hover:text-yellow-700 transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> </div> <h3 class="font-bold text-gray-800 mb-3 text-lg group-hover:text-yellow-600 transition-colors duration-300">Calidad</h3> <p class="text-gray-600 leading-relaxed">Los mejores prestadores</p> </div> </div> <div class="prose prose-lg max-w-none text-gray-700" data-aos="fade-up" data-aos-duration="800"> <p class="text-xl leading-relaxed mb-8 font-medium"> <strong class="bg-gradient-to-r from-gray-800 to-blue-600 bg-clip-text text-transparent">Amsotravel</strong> nació como nacen los grandes sueños: con una valija llena de ganas, experiencias personales y mucho amor por los viajes. </p> <div class="grid md:grid-cols-2 gap-8 mb-8"> <p class="leading-relaxed text-lg"> Somos una empresa familiar con raÃces profundas en la hospitalidad, el compromiso y el deseo de compartir momentos inolvidables. Antes que agentes de viajes, fuimos (y seguimos siendo) viajeros. </p> <p class="leading-relaxed text-lg"> Conocemos la emoción del primer destino, la sorpresa de lo inesperado y la importancia de sentirse cuidado en cada paso del camino. </p> </div> <p class="leading-relaxed mb-8 text-lg"> Nuestra propuesta no es solo armar itinerarios: es acompañarte en la creación de recuerdos que queden grabados para siempre. Por eso diseñamos experiencias pensadas a medida, para personas, grupos e instituciones que buscan algo más que un viaje… buscan vivir una experiencia. </p> <p class="leading-relaxed mb-8 text-lg"> Trabajamos junto a los mejores prestadores del paÃs y del exterior para garantizar calidad, seguridad y emoción en cada destino. </p> <div class="bg-gradient-to-r from-blue-50 to-gray-50 p-8 rounded-2xl border-l-4 border-blue-600 shadow-lg hover:shadow-xl transition-all duration-300" data-aos="flip-up" data-aos-duration="800" > <p class="text-2xl font-bold text-gray-800 mb-4">En Amsotravel, cada pasajero es parte de nuestra historia.</p> <p class="text-blue-700 font-semibold text-lg">Gracias por elegirnos. ¡Nos vemos en el próximo viaje!</p> </div> </div> </div> </div> </div> </section> <!-- Hero Section with animated background --> <div class="text-center mb-16 relative overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-blue-600/10 to-gray-600/10 rounded-3xl animate-pulse"></div> <div class="relative z-10 py-12" data-aos="zoom-in" data-aos-duration="1000"> <h2 class="text-5xl font-bold bg-gradient-to-r from-gray-800 to-blue-600 bg-clip-text text-transparent mb-6">Información Legal</h2> <div class="w-32 h-1 bg-gradient-to-r from-blue-600 to-gray-600 mx-auto rounded-full mb-6 transform hover:scale-110 transition-transform duration-300" ></div> <p class="text-gray-600 text-xl max-w-2xl mx-auto leading-relaxed">Transparencia y compromiso con nuestros clientes</p> </div> </div> <!-- Legal Information Section --> <section class="mb-20"> <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto"> <!-- Defensa al Consumidor --> <div class="bg-white/80 backdrop-blur-sm rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all duration-500 border border-gray-200 hover:border-gray-300 group transform hover:-translate-y-2" data-aos="fade-right" data-aos-duration="800" > <div class="flex items-center mb-6"> <div class="w-16 h-16 bg-gradient-to-br from-gray-100 to-gray-200 rounded-2xl flex items-center justify-center mr-4 group-hover:shadow-lg transition-all duration-300 group-hover:scale-110" > <svg class="w-8 h-8 text-gray-700 group-hover:text-gray-800 transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> </svg> </div> <div> <h3 class="text-xl font-bold text-gray-800 group-hover:text-blue-600 transition-colors duration-300">Defensa al Consumidor</h3> <p class="text-gray-600">Protección de derechos</p> </div> </div> <p class="text-gray-600 mb-6 leading-relaxed"> Para consultas, reclamos o información sobre derechos del consumidor, accede al portal oficial del gobierno. </p> <a href="https://autogestion.produccion.gob.ar/consumidores" target="_blank" class="inline-flex items-center bg-gradient-to-r from-gray-700 to-gray-800 text-white px-6 py-3 rounded-xl hover:from-gray-800 hover:to-gray-900 transition-all duration-300 group shadow-lg hover:shadow-xl transform hover:scale-105" > <span>Acceder al Portal</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /> </svg> </a> </div> <!-- Denuncias Agencias de Viajes --> <div class="bg-white/80 backdrop-blur-sm rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all duration-500 border border-blue-200 hover:border-blue-300 group transform hover:-translate-y-2" data-aos="fade-left" data-aos-duration="800" > <div class="flex items-center mb-6"> <div class="w-16 h-16 bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl flex items-center justify-center mr-4 group-hover:shadow-lg transition-all duration-300 group-hover:scale-110" > <svg class="w-8 h-8 text-blue-600 group-hover:text-blue-700 transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /> </svg> </div> <div> <h3 class="text-xl font-bold text-gray-800 group-hover:text-blue-600 transition-colors duration-300">Denuncias para Agencias</h3> <p class="text-gray-600">Canal oficial de denuncias</p> </div> </div> <p class="text-gray-600 mb-6 leading-relaxed"> Portal especÃfico para presentar denuncias relacionadas con servicios de agencias de viajes y turismo. </p> <a href="https://www.argentina.gob.ar/servicio/presentar-una-denuncia-contra-una-agencia-de-viajes" target="_blank" class="inline-flex items-center bg-gradient-to-r from-blue-600 to-blue-700 text-white px-6 py-3 rounded-xl hover:from-blue-700 hover:to-blue-800 transition-all duration-300 group shadow-lg hover:shadow-xl transform hover:scale-105" > <span>Presentar Denuncia</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /> </svg> </a> </div> </div> <!-- Mobile License Info --> <div class="md:hidden mt-8" data-aos="fade-up" data-aos-duration="600"> <div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-xl border border-blue-200 hover:shadow-2xl transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-sm text-gray-600"> <svg class="w-4 h-4 text-blue-600 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <span >Licencia habilitante: <a href="https://www.rapilist.com/upload/e1311bf2-909e/files/tyd.pdf" target="_blank" class="text-blue-700 hover:text-blue-800 font-medium hover:underline transform hover:scale-105 transition-all duration-300 inline-block" >Portal de Tramites</a ></span > </div> </div> </div> </section> </main> <!-- Footer --> <footer class="bg-gradient-to-r from-gray-900 via-blue-900 to-gray-900 text-white py-16 relative overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-blue-600/10 to-gray-600/10 animate-pulse"></div> <div class="container mx-auto px-4 relative z-10" data-aos="fade-up" data-aos-duration="800"> <div class="text-center"> <div class="flex items-center justify-center space-x-3 mb-8 group"> <div class="w-12 h-12 bg-gradient-to-r from-blue-600 to-gray-600 rounded-2xl flex items-center justify-center shadow-lg group-hover:shadow-xl transition-all duration-300 group-hover:scale-110 animate-float" > <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" /> </svg> </div> <h3 class="text-3xl font-bold bg-gradient-to-r from-white to-gray-200 bg-clip-text text-transparent">Amsotravel</h3> </div> <p class="text-gray-300 mb-8 max-w-2xl mx-auto text-lg leading-relaxed"> Creando experiencias de viaje inolvidables con compromiso, calidad y profesionalismo. </p> <div class="border-t border-gray-700/50 pt-8"> <p class="text-gray-400"> © 2025 Amsotravel. Todos los derechos reservados. | <a href="https://www.rapilist.com/upload/e1311bf2-909e/files/tyd.pdf" target="_blank" class="hover:text-blue-400 transition-colors duration-300 font-medium hover:underline transform hover:scale-105 inline-block" >Licencia habilitante</a > </p> </div> </div> </div> </footer> <!-- Scroll to top button --> <button id="scrollToTop" class="fixed bottom-6 right-6 bg-gradient-to-r from-blue-600 to-gray-600 text-white p-4 rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 opacity-0 invisible transform hover:scale-110 group" onclick="window.scrollTo({top: 0, behavior: 'smooth'})" > <svg class="w-5 h-5 group-hover:-translate-y-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /> </svg> </button> </body>
Agencia de Viajes y Turismo - Online - Nos dedicamos a brindar experiencias de viajes, para que siempre quieras volver.
318
$ Peso argentino
Dirección
ONLINE - Lomas de Zamora - Buenos Aires