<!DOCTYPE html>

<head>

<title>We Are The Amazon - Viajes al Amazonas</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: 'Georgia', serif;

color: #333;

line-height: 1.6;

}

header {

background: linear-gradient(135deg, #7b9fa8 0%, #9bb5c0 100%);

color: white;

padding: 2rem;

text-align: center;

position: sticky;

top: 0;

z-index: 100;

}

.logo {

font-size: 2.5rem;

font-weight: bold;

margin-bottom: 1rem;

letter-spacing: 2px;

}

nav {

display: flex;

justify-content: center;

gap: 2rem;

flex-wrap: wrap;

}

nav a {

color: white;

text-decoration: none;

font-size: 0.95rem;

font-weight: 500;

transition: all 0.3s;

border-bottom: 2px solid transparent;

}

nav a:hover, nav a.active {

border-bottom-color: #ffd700;

}

.hero {

background: linear-gradient(135deg, #7b9fa8 0%, #9bb5c0 100%);

color: white;

padding: 6rem 2rem;

text-align: center;

min-height: 500px;

display: flex;

flex-direction: column;

justify-content: center;

}

.hero h1 {

font-size: 3rem;

margin-bottom: 1.5rem;

font-weight: normal;

letter-spacing: 1px;

}

.hero .subtitle {

font-size: 1.3rem;

margin-bottom: 2rem;

font-weight: normal;

}

.btn {

display: inline-block;

padding: 1rem 2rem;

background: transparent;

color: white;

border: 2px solid #ffd700;

text-decoration: none;

font-size: 1rem;

cursor: pointer;

transition: all 0.3s;

margin-top: 1rem;

}

.btn:hover {

background: #ffd700;

color: #333;

}

section {

padding: 4rem 2rem;

max-width: 1200px;

margin: 0 auto;

}

section h2 {

font-size: 2.5rem;

color: #ffd700;

margin-bottom: 2rem;

text-align: center;

font-weight: normal;

}

.section-content {

font-size: 1.1rem;

line-height: 1.8;

margin-bottom: 2rem;

}

.experiences {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 2rem;

margin-top: 2rem;

}

.experience-card {

background: #f5f5f5;

padding: 2rem;

border-radius: 8px;

text-align: center;

}

.experience-card h3 {

color: #7b9fa8;

margin-bottom: 1rem;

font-size: 1.3rem;

}

.contact-section {

background: #2c3e50;

color: white;

padding: 3rem 2rem;

}

.contact-section h2 {

color: #ffd700;

margin-bottom: 2rem;

}

form {

max-width: 600px;

margin: 0 auto;

}

input, textarea {

width: 100%;

padding: 1rem;

margin-bottom: 1rem;

border: none;

border-radius: 4px;

font-family: inherit;

font-size: 1rem;

}

textarea {

resize: vertical;

min-height: 150px;

}

input[type="checkbox"] {

width: auto;

margin-right: 0.5rem;

}

.form-group {

margin-bottom: 1rem;

}

button {

background: #ffd700;

color: #333;

padding: 1rem 2rem;

border: none;

border-radius: 4px;

cursor: pointer;

font-weight: bold;

font-size: 1rem;

width: 100%;

transition: all 0.3s;

}

button:hover {

background: #ffed4e;

transform: scale(1.02);

}

footer {

background: #1a252f;

color: white;

padding: 3rem 2rem;

text-align: center;

}

footer h3 {

font-size: 1.2rem;

margin-bottom: 1rem;

}

.footer-content {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 2rem;

margin-bottom: 2rem;

text-align: left;

}

.footer-section h4 {

color: #ffd700;

margin-bottom: 1rem;

}

.footer-section ul {

list-style: none;

}

.footer-section ul li {

margin-bottom: 0.5rem;

}

.footer-section a {

color: white;

text-decoration: none;

}

.footer-section a:hover {

color: #ffd700;

}

.hidden {

display: none;

}

.section-active {

display: block;

}

@media (max-width: 768px) {

nav {

gap: 1rem;

}

.hero h1 {

font-size: 2rem;

}

section {

padding: 2rem 1rem;

}

section h2 {

font-size: 2rem;

}

</style>

</head>

<body>

<div class="logo">WE ARE THE AMAZON</div>

<nav>

<a href="#" onclick="showSection('about')" class="nav-link">QUIÉNES SOMOS</a>

<a href="#" onclick="showSection('experiences')" class="nav-link">ACTIVIDADES</a>

<a href="#" onclick="showSection('amazon')" class="nav-link">EL AMAZONAS</a>

<a href="#" onclick="showSection('contact')" class="nav-link">CONTACTO</a>

</nav>

</header>

<h1>Quiénes somos</h1>

<p class="subtitle">Somos la primera y única agencia Internacional especializada en el Amazonas</p>

<button class="btn" onclick="showSection('about')">Descúbrenos</button>

</div>

<h2>Amazonas - Actividades y Experiencias</h2>

<h3>Cruceros en el Amazonas</h3>

<p>Navega por los ríos más caudalosos del mundo en una experiencia única.</p>

</div>

<h3>Vivir en la Selva del Amazonas</h3>

<p>Inmersión total en la naturaleza con comunidades locales.</p>

</div>

<h3>Viajes en Avioneta</h3>

<p>Sobrevuela la selva para descubrir vistas espectaculares.</p>

</div>

<h3>Viaja Conmigo al Amazonas</h3>

<p>Expedición personalizada con guías expertos.</p>

</div>

<h3>Fortaleza de Kuelap y Catarata Gocta</h3>

<p>Explora las maravillas arqueológicas del norte peruano.</p>

</div>

<h3>Expediciones en el Amazonas</h3>

<p>Aventuras profundas para viajeros experimentados.</p>

</div>

<h3>Plantas Medicinales y Cultura Chamánica</h3>

<p>Conoce la sabiduría ancestral de la selva.</p>

</div>

<h3>Perú y Brasil Imprescindible</h3>

<p>Combinación perfecta de dos países amazónicos.</p>

</div>

</section>

</div>

<h1>Quiénes somos</h1>

<p class="subtitle">Somos la primera y única agencia Internacional especializada en el Amazonas</p>

</div>

<h2>Sobre Nosotros</h2>

<p><strong>En WE ARE THE AMAZON</strong> ofrecemos un ecoturismo vivencial en el Amazonas con toda la seguridad y confort que te puede ofrecer una agencia totalmente integrada con el terreno y las comunidades del entorno.</p>

<p style="margin-top: 2rem;"><strong>Porque creemos que un turismo diferente en el Amazonas es posible</strong>, nosotros ofrecemos experiencias de inmersión personalizadas para cada viajero.</p>

<p style="margin-top: 2rem;">No somos una agencia de viajes para el Amazonas, somos tu compañero de viaje local. Queremos que experimentes la selva como lo hacemos nosotros, con respeto, autenticidad y amor por este ecosistema único.</p>

</div>

</section>

</div>

<h1>Actividades y Experiencias</h1>

<p class="subtitle">Elige tu aventura amazónica perfecta</p>

</div>

<h2>Nuestras Experiencias</h2>

<h3>Cruceros en el Amazonas</h3>

<p>Navegación de varios días por el río Amazonas. Incluye avistamiento de fauna, visitas a comunidades indígenas y alojamiento en barcos especializados.</p>

</div>

<h3>Vivir en la Selva del Amazonas</h3>

<p>Hospedaje en lodges ecológicos. Aprende sobre medicina tradicional, pesca y caza sostenible con los guías locales.</p>

</div>

<h3>Viajes en Avioneta en el Amazonas</h3>

<p>Sobrevuela la selva virgen. Vistas aéreas de la biodiversidad amazónica sin igual.</p>

</div>

<h3>Viaja Conmigo al Amazonas</h3>

<p>Expedición de viaje de autor con especialistas en la región. Experiencia única y personalizada.</p>

</div>

<h3>Fortaleza de Kuelap y Catarata Gocta</h3>

<p>Explora la fortaleza prehispánica de Kuelap y la espectacular catarata Gocta en el norte del Perú.</p>

</div>

<h3>Expediciones en el Amazonas</h3>

<p>Expediciones intensivas en la selva profunda. Para viajeros que buscan aventura extrema.</p>

</div>

<h3>Ruta de Plantas Medicinales Amazónicas y Cultura Chamánica</h3>

<p>Aprende sobre el uso tradicional de plantas en la medicina ancestral con chamanes locales.</p>

</div>

<h3>Perú y Brasil Imprescindible</h3>

<p>Tour combinado visitando lo mejor del Amazonas en Perú y Brasil en un solo viaje.</p>

</div>

</section>

</div>

<h1>El Amazonas y Nosotros</h1>

<p class="subtitle">Nuestro compromiso con la selva</p>

</div>

<h2>Nuestro Compromiso</h2>

<p>Porque el Amazonas es la joya más grande de este planeta y la que más debemos cuidar, sería imprudente ser una agencia de viajes, así que seremos tu compañero de viaje local.</p>

<p style="margin-top: 2rem;">Nos comprometemos a:</p>

<ul style="margin-left: