*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
'Segoe UI',
sans-serif;

background:
linear-gradient(
180deg,
#f5f1e8 0%,
#eef3ea 40%,
#f5f1e8 100%
);

color:#222;

}

/* ===================================== */
/* CONTACT */
/* ===================================== */

#contact {

padding:120px 8%;

background:
linear-gradient(
180deg,
#f5f1e8,
#eef3ea
);

}

.contact-container {

display:grid;

grid-template-columns:
1fr 1fr;

gap:60px;

align-items:start;

}

.contact-details {

margin-top:30px;

display:flex;
flex-direction:column;
gap:20px;

}

.contact-details a {

color:#1F4D3A;
font-weight:600;

}

.contact-form form {

display:flex;
flex-direction:column;
gap:15px;

}

.contact-form input,
.contact-form select,
.contact-form textarea {

padding:15px;

border:none;

border-radius:12px;

background:white;

box-shadow:
0 3px 10px rgba(0,0,0,0.08);

}

.contact-form button {

background:#1F4D3A;

color:white;

border:none;

padding:15px;

border-radius:12px;

font-size:1rem;

cursor:pointer;

}

/* ===================================== */
/* FOOTER */
/* ===================================== */

footer {

background:#10261d;

color:white;

padding:70px 8%;

text-align:center;

}

.footer-logo {

height:90px;

margin-bottom:20px;

}

.footer-links {

margin:30px 0;

display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

}

.footer-links a {

color:white;

text-decoration:none;

}

/* ===================================== */
/* WHATSAPP */
/* ===================================== */

.floating-whatsapp {

position:fixed;

bottom:25px;
right:25px;

width:65px;
height:65px;

display:flex;
align-items:center;
justify-content:center;

font-size:1.8rem;

background:#25D366;

border-radius:50%;

text-decoration:none;

color:white;

box-shadow:
0 10px 25px rgba(0,0,0,0.25);

z-index:1000;

}

/* ===================================== */
/* COOKIE */
/* ===================================== */

#cookie-banner {

position:fixed;

bottom:0;
left:0;
right:0;

background:#1F4D3A;

color:white;

padding:15px;

display:flex;

justify-content:center;
align-items:center;
gap:15px;

flex-wrap:wrap;

z-index:2000;

}

#cookie-banner button {

padding:8px 15px;

border:none;

border-radius:6px;

cursor:pointer;

}

/* MOBILE */

@media(max-width:900px){

.contact-container {

grid-template-columns:1fr;

}

}

.navbar{

position:fixed;
top:0;
width:100%;

display:flex;
justify-content:space-between;
align-items:center;

padding:12px 40px;

background:
rgba(255,255,255,0.92);

backdrop-filter:blur(10px);

z-index:1000;

box-shadow:
0 2px 20px rgba(0,0,0,0.08);

}

.logo-container img{

height:70px;

}

.nav-links{

display:flex;
list-style:none;
gap:30px;

}

.nav-links a{

text-decoration:none;
color:#1F4D3A;
font-weight:600;

}

.nav-buttons{

display:flex;
align-items:center;
gap:10px;

}

.nav-buttons button{

padding:8px 12px;
cursor:pointer;

border:none;

background:#587c57;
color:white;

border-radius:6px;

}

.whatsapp-button{

padding:10px 18px;

background:#25D366;
color:white;

text-decoration:none;
border-radius:8px;

font-weight:600;

}

#hero{

height:100vh;

background:

linear-gradient(
rgba(0,0,0,0.45),
rgba(0,0,0,0.45)
),

url("assets/hero-waterfall.jpg");

background-size:cover;
background-position:center;

display:flex;
justify-content:center;
align-items:center;

text-align:center;

}

.hero-overlay{

max-width:900px;

padding:30px;

color:white;

}

.hero-overlay h1{

font-size:4rem;
margin-bottom:25px;

}

.subtitle{

font-size:1.3rem;
margin-bottom:25px;

}

.highlight{

font-size:1.2rem;

font-weight:700;

color:#FFD166;

margin-bottom:35px;

}

.hero-buttons{

display:flex;
justify-content:center;
gap:20px;

margin-bottom:35px;

}

.primary-btn{

background:#25D366;
padding:15px 25px;

border-radius:10px;

text-decoration:none;
color:white;

font-weight:700;

}

.secondary-btn{

background:white;

padding:15px 25px;

border-radius:10px;

text-decoration:none;

color:#1F4D3A;

font-weight:700;

}

.hero-stats{

display:flex;
justify-content:center;
gap:30px;

font-weight:600;

}

@media(max-width:768px){

.hero-overlay h1{
font-size:2.5rem;
}

.nav-links{
display:none;
}

.hero-stats{
flex-direction:column;
}

}
/* WHY DEETOURS */

#why-deetours {

padding:120px 8%;

background:
linear-gradient(
180deg,
#eef3ea 0%,
#f8f6f1 100%
);

}

.section-header {

text-align:center;
max-width:800px;
margin:auto auto 70px auto;

}

.section-header h2 {

font-size:3rem;
color:#1F4D3A;
margin-bottom:20px;

}

.section-header p {

font-size:1.2rem;
color:#555;

}

.feature-grid {

display:grid;

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

gap:30px;

}

.feature-card {

background:white;

border-radius:20px;

overflow:hidden;

box-shadow:
0 10px 30px rgba(0,0,0,0.08);

transition:all .35s ease;

}

.feature-card:hover {

transform:translateY(-10px);

box-shadow:
0 20px 40px rgba(0,0,0,0.15);

}

.feature-card img {

width:100%;
height:220px;

object-fit:cover;

display:block;

}

.card-content {

padding:25px;

}

.card-content h3 {

color:#1F4D3A;

margin-bottom:12px;

}

.card-content p {

color:#666;

line-height:1.7;

}

/* ===================================== */
/* GUIDE SECTION */
/* ===================================== */

#guide {

padding:120px 8%;

background:
linear-gradient(
135deg,
rgba(88,124,87,0.06),
rgba(201,151,43,0.04)
);

background-image:
radial-gradient(
circle at 20% 20%,
rgba(88,124,87,.05),
transparent 300px
),
radial-gradient(
circle at 80% 80%,
rgba(201,151,43,.05),
transparent 300px
);

}

.guide-container {

display:grid;

grid-template-columns:
1fr 1fr;

gap:60px;

align-items:center;

}

.guide-image img {

width:100%;

border-radius:24px;

box-shadow:
0 20px 50px rgba(0,0,0,0.15);

}

.section-tag {

display:inline-block;

padding:8px 18px;

background:#1F4D3A;

color:white;

border-radius:25px;

margin-bottom:20px;

font-size:.9rem;

}

.guide-content h2 {

font-size:3rem;

margin-bottom:25px;

color:#1F4D3A;

}

.guide-content p {

font-size:1.1rem;

line-height:1.8;

margin-bottom:18px;

color:#444;

}

.guide-highlights {

display:grid;

grid-template-columns:
1fr 1fr;

gap:15px;

margin-top:30px;

}

.guide-highlights div {

background:white;

padding:16px;

border-radius:12px;

box-shadow:
0 5px 15px rgba(0,0,0,0.08);

}


/* ===================================== */
/* ADVENTURE SECTION */
/* ===================================== */

#adventure {

padding:120px 8%;

background:#f8f6f1;

}

.adventure-grid {

display:grid;

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

gap:35px;

}

.adventure-card {

background:white;

border-radius:20px;

overflow:hidden;

box-shadow:
0 10px 30px rgba(0,0,0,0.08);

transition:all .3s ease;

}

.adventure-card:hover {

transform:translateY(-10px);

box-shadow:
0 15px 40px rgba(0,0,0,0.15);

}

.adventure-card img {

width:100%;

height:280px;

object-fit:cover;

}

.adventure-content {

padding:30px;

}

.adventure-content h3 {

font-size:1.8rem;

margin-bottom:10px;

color:#1F4D3A;

}

.distance {

display:inline-block;

padding:8px 14px;

background:#eef3ea;

border-radius:20px;

margin-bottom:15px;

font-weight:600;

color:#1F4D3A;

}

.adventure-content p {

line-height:1.8;

color:#666;

}


/* MOBILE */

@media(max-width:900px){

.guide-container{

grid-template-columns:1fr;

}

.guide-content h2{

font-size:2.2rem;

}

.guide-highlights{

grid-template-columns:1fr;

}

}
/* ===================================== */
/* TIMELINE */
/* ===================================== */

#timeline {

padding:120px 8%;

background:
linear-gradient(
180deg,
#eef3ea,
#f8f6f1
);

}

.timeline-container {

max-width:900px;
margin:auto;

}

.timeline-item {

display:flex;
gap:25px;

margin-bottom:40px;

}

.timeline-icon {

width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

font-size:1.8rem;

background:#1F4D3A;

color:white;

border-radius:50%;

flex-shrink:0;

}

.timeline-content {

background:white;

padding:25px;

border-radius:15px;

box-shadow:
0 5px 15px rgba(0,0,0,0.08);

width:100%;

}

/* ===================================== */
/* GALLERY */
/* ===================================== */

#gallery {

padding:120px 8%;

background:#10261d;

color:white;

}

#gallery .section-header h2 {

color:white;

}

.gallery-grid {

column-count:3;
column-gap:15px;

}

.gallery-grid img {

width:100%;

margin-bottom:15px;

border-radius:18px;

transition:.3s;

cursor:pointer;

}

.gallery-grid img:hover {

transform:scale(1.03);

}

@media(max-width:900px){

.gallery-grid {

column-count:2;

}

}

@media(max-width:600px){

.gallery-grid {

column-count:1;

}

}

/* ===================================== */
/* VIDEO */
/* ===================================== */

#video-section {

padding:120px 8%;

background:
linear-gradient(
180deg,
#10261d,
#1F4D3A
);

color:white;

}

#video-section h2 {

color:white;

}

.video-wrapper {

max-width:1000px;

margin:auto;

}

.video-wrapper video {

width:100%;

border-radius:20px;

box-shadow:
0 20px 50px rgba(0,0,0,0.3);

}