:root{ --primary:#FF6347; --primary-hover:#E8492D; --primary-active:#D43F26; --primary-dark:#C13520; --primary-light:#FF8574; --primary-lightest:#FFE8E3; --sea-blue:#0284C7; --sea-turquoise:#0D9488; --desert-sand:#D97706; --success:#047857; --warning:#D97706; --text-dark:#1F2937; --text-medium:#4B5563; --text-light:#6B7280; --bg-light:#F9FAFB; --bg-white:#FFFFFF; --border:#E5E7EB; --shadow-sm:0 2px 8px rgba(232, 73, 45, 0.1); --shadow-md:0 4px 15px rgba(232, 73, 45, 0.15); --shadow-lg:0 8px 25px rgba(232, 73, 45, 0.2); --spacing-xs:8px; --spacing-sm:12px; --spacing-md:20px; --spacing-lg:40px; --spacing-xl:60px; --radius-sm:8px; --radius-md:12px; --radius-lg:20px; --radius-full:50px;}
*{ margin:0; padding:0; box-sizing:border-box;}
html{ scroll-behavior:smooth;}
[id]{ scroll-margin-top:20px;}
body{ font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color:var(--text-dark); line-height:1.6;}
h1, h2, h3, h4, h5, h6{ color:var(--text-dark); margin-bottom:var(--spacing-sm); font-weight:700;}
h1{ font-size:36px; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
h2{ font-size:28px; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
h3{ font-size:22px; color:#C13520;}
h4{ font-size:18px; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
p{ margin-bottom:16px; line-height:1.6; color:var(--text-dark);}
b, strong{ color:var(--text-dark); font-weight:700;}
ul{ list-style:none; margin-left:15px;}
.tc ul li, .content ul li, article ul li, .entry-content ul li{ margin:8px 0; position:relative; color:var(--text-dark);}
.tc ul li::before, .content ul li::before, article ul li::before, .entry-content ul li::before{ content:"•"; color:var(--primary); position:absolute; left:-15px; font-weight:bold;}
/* Remove bullets from navigation */
nav ul li, .menu li, .main-navigation li, .sub-menu li, .footer-links li{ margin:0; position:static;}
nav ul li::before, .menu li::before, .main-navigation li::before, .sub-menu li::before, .footer-links li::before{ content:none !important; display:none !important;}
.tc{ width:100%; margin:0 auto; max-width:100%;}
.th{ padding:25px 0;}
.ts{ color:var(--text-medium); margin-bottom:var(--spacing-md);}
.ti{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-left:3px solid var(--primary); box-shadow:var(--shadow-md); border-radius:0 var(--radius-sm) var(--radius-sm) 0; margin-bottom:var(--spacing-md);}
.in{ border-left:3px solid var(--primary); padding:var(--spacing-md); background:var(--primary-lightest); margin-bottom:var(--spacing-md); border-radius:0 var(--radius-sm) var(--radius-sm) 0; box-shadow:var(--shadow-sm);}
.in p{ padding:8px 0; border-bottom:1px solid var(--border); margin-bottom:0;}
.in p:last-child{ border-bottom:0;}
.s{ padding:var(--spacing-md) 0; border-bottom:1px solid var(--border);}
.s:last-child{ border-bottom:0;}
.pt{ overflow:hidden; border-radius:10px; box-shadow:var(--shadow-lg); margin-top:15px;}
.pt table{ width:100%; border-collapse:collapse;}
.pt thead{ background:var(--primary-dark); color:var(--bg-white);}
.pt th{ padding:15px; text-align:left; border-right:2px solid rgba(255, 255, 255, 0.1); font-weight:700;}
.pt th:last-child{ border-right:0;}
.pt tr{ border-bottom:1px solid var(--border);}
.pt tr:last-child{ border-bottom:0;}
.pt tr:nth-child(even){ background:var(--bg-light);}
.pt td{ padding:15px; border-right:1px solid var(--border); color:var(--text-dark);}
.pt td:last-child{ border-right:0;}
.trips-cards-section{ padding:var(--spacing-lg) 0; width:100%; margin-bottom:var(--spacing-lg);}
.main-title{ text-align:center; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-size:36px; margin-bottom:10px; font-weight:800;}
.main-subtitle{ text-align:center; color:var(--text-medium); font-size:20px; margin:0 auto 50px; max-width:800px; padding:0 var(--spacing-md); line-height:1.6;}
.category-section{ margin-bottom:var(--spacing-xl);}
.category-title{ background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-size:28px; margin-bottom:10px; font-weight:700; padding:0 var(--spacing-md); border-left:4px solid var(--primary); margin-left:var(--spacing-md);}
.category-subtitle{ color:var(--text-medium); font-size:18px; margin-bottom:30px; padding:0 var(--spacing-md); margin-left:24px; line-height:1.5;}
.trips-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:25px; width:100%; padding:0 var(--spacing-md); margin-bottom:var(--spacing-md);}
.trip-card{ background:var(--bg-white); border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-md); transition:all 0.3s; position:relative;}
.trip-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg);}
.trip-card img{ width:100%; height:200px; object-fit:cover;}
.card-content{ padding:var(--spacing-md);}
.trip-card h3{ margin-bottom:var(--spacing-sm); color:#C13520; font-weight:700;}
.trip-info{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:15px;}
.trip-info span{ font-size:14px; color:var(--text-medium); display:inline-flex; align-items:center; gap:3px; font-weight:500; background:var(--bg-light); padding:4px 8px; border-radius:15px; white-space:nowrap;}
.price-tag{ position:absolute; top:15px; right:15px; background:var(--primary-dark); color:var(--bg-white); padding:10px 16px; border-radius:25px; font-weight:700; font-size:15px; backdrop-filter:blur(5px); box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);}
.card-btn{ display:inline-block; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); color:var(--bg-white); padding:12px 30px; border-radius:25px; text-decoration:none; font-weight:700; transition:all 0.3s; text-align:center; width:100%; text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);}
.card-btn:hover{ background:linear-gradient(135deg, var(--primary-hover), var(--primary-active)); transform:scale(1.02); color:var(--bg-white); text-decoration:none;}
.site-footer{ background:transparent;}
.footer-cta{ background:transparent; padding:50px var(--spacing-md); text-align:center;}
.cta-content{ max-width:800px; margin:0 auto;}
.cta-title{ font-size:36px; font-weight:800; color:var(--text-dark); margin-bottom:15px; line-height:1.2;}
.cta-subtitle{ font-size:18px; color:var(--text-dark); margin-bottom:30px;}
.cta-whatsapp{ display:inline-flex; align-items:center; gap:10px; background:var(--success); color:var(--bg-white); padding:16px 32px; border-radius:30px; text-decoration:none; font-size:16px; font-weight:700; box-shadow:0 4px 15px rgba(4, 120, 87, 0.3); transition:all 0.3s;}
.cta-whatsapp:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(4, 120, 87, 0.4); background:#065f46; color:var(--bg-white);}
.cta-whatsapp span{ display:inline; background:transparent; padding:0; border-radius:0; box-shadow:none;}
.whatsapp-icon{ font-size:22px;}
.footer-main{ background:transparent; color:var(--text-dark); padding:var(--spacing-lg) 0 var(--spacing-md);}
.footer-container{ max-width:100%; padding:0 var(--spacing-lg);}
.footer-grid{ display:grid; grid-template-columns:2fr 1.5fr 1.5fr; gap:50px; margin-bottom:30px;}
.footer-col h3{ font-size:18px; font-weight:700; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:15px;}
.footer-about{ font-size:14px; line-height:1.8; color:var(--text-dark); margin-bottom:15px;}
.usp-list{ list-style:none; padding:0;}
.usp-item{ position:static;}
.footer-links{ list-style:none; padding:0;}
.footer-links li{ margin-bottom:10px;}
.footer-links li::before{ display:none;}
.footer-links a{ color:var(--text-dark); text-decoration:none; font-size:14px; transition:color 0.3s;}
.footer-links a:hover{ color:var(--primary);}
.footer-rating{ display:flex; align-items:center; gap:8px; margin-bottom:10px;}
.rating-stars{ color:var(--warning); font-size:16px;}
.rating-text{ color:var(--text-dark); font-size:14px;}
.footer-rating .rating-text:first-child{ font-size:20px; color:var(--primary-dark);}
.faq-container{ max-width:1000px; margin:0 auto;}
.faq-title{ text-align:center; font-size:36px; font-weight:800; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:var(--spacing-lg);}
.faq-grid{ display:grid; gap:var(--spacing-md);}
.faq-item{ background:var(--bg-white); border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); transition:all 0.3s;}
.faq-item:hover{ box-shadow:var(--shadow-md);}
.faq-question{ padding:var(--spacing-md); cursor:pointer; display:flex; justify-content:space-between; align-items:center; user-select:none; background:var(--bg-white); transition:background 0.3s;}
.faq-question:hover{ background:var(--bg-light);}
.faq-question span:first-child{ font-size:18px; font-weight:600; color:var(--text-dark); flex:1; padding-right:var(--spacing-md);}
.faq-icon{ font-size:24px; font-weight:700; color:var(--primary); transition:transform 0.3s; min-width:24px; text-align:center;}
.faq-item.active .faq-icon{ transform:rotate(45deg);}
.faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.3s ease, padding 0.3s ease; padding:0 var(--spacing-md); font-size:16px; line-height:1.6; color:var(--text-dark); background:var(--bg-light);}
.faq-item.active .faq-answer{ max-height:1000px; padding:var(--spacing-md);}
.reviews-section{ padding:var(--spacing-xl) var(--spacing-md); background:transparent;}
.reviews-container{ max-width:1200px; margin:0 auto;}
.section-header{ text-align:center; margin-bottom:var(--spacing-lg);}
.section-title{ font-size:36px; font-weight:800; background:linear-gradient(135deg, var(--primary), var(--primary-hover)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:15px;}
.section-subtitle{ font-size:18px; color:var(--text-medium); font-weight:500; margin-bottom:10px;}
.rating-summary{ display:flex; align-items:center; justify-content:center; gap:15px; margin-top:15px;}
.rating-number{ font-size:32px; font-weight:800; color:var(--primary-dark);}
.reviews-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(450px, 1fr)); gap:25px; margin-bottom:30px;}
.review-card{ background:var(--bg-white); border-radius:var(--radius-lg); padding:25px; box-shadow:var(--shadow-md); transition:all 0.3s; border:2px solid transparent; overflow:hidden;}
.review-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--primary-light);}
.review-card.hidden{ display:none;}
.review-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}
.reviewer-info{ display:flex; align-items:center;}
.reviewer-avatar{ width:45px; height:45px; border-radius:50%; background:var(--primary-dark); display:flex; align-items:center; justify-content:center; color:var(--bg-white); font-weight:700; font-size:18px; margin-right:12px;}
.reviewer-details{ flex:1;}
.reviewer-name{ font-size:16px; font-weight:700; color:var(--text-dark); margin-bottom:3px;}
.review-date{ font-size:12px; color:var(--text-medium); font-weight:500;}
.stars{ color:var(--warning); font-size:16px;}
.review-text{ font-size:15px; color:var(--text-dark); line-height:1.6; font-weight:500;}
.show-more-container{ text-align:center; margin:var(--spacing-lg) 0;}
.show-more-btn{ background:linear-gradient(135deg, var(--primary), var(--primary-hover)); color:var(--bg-white); border:none; padding:16px var(--spacing-lg); border-radius:30px; font-size:16px; font-weight:700; cursor:pointer; transition:all 0.3s; box-shadow:var(--shadow-md); display:inline-flex; align-items:center; gap:10px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);}
.show-more-btn:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg); background:linear-gradient(135deg, var(--primary-hover), var(--primary-active));}
.btn-arrow{ transition:transform 0.3s; font-size:18px;}
.floating-buttons-container{ position:fixed; bottom:var(--spacing-md); right:var(--spacing-md); display:flex; gap:10px; z-index:1000; flex-direction:row-reverse;}
.floating-tours-btn{ text-decoration:none !important; padding:12px var(--spacing-md); background:linear-gradient(135deg, var(--primary), var(--primary-hover)); color:var(--bg-white); border:none; border-radius:25px; font-size:15px; font-weight:700; cursor:pointer; box-shadow:var(--shadow-md); transition:all 0.3s ease; white-space:nowrap; display:flex; align-items:center; gap:8px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);}
.floating-tours-btn:hover{ background:linear-gradient(135deg, var(--primary-hover), var(--primary-active)); transform:translateY(-2px); box-shadow:var(--shadow-lg);}
.floating-tours-btn:active{ transform:translateY(0); box-shadow:var(--shadow-sm);}
.floating-whatsapp-btn{ text-decoration:none !important; padding:12px var(--spacing-md); background:var(--success); color:var(--bg-white); text-decoration:none; border-radius:25px; font-size:15px; font-weight:700; box-shadow:var(--shadow-md); transition:all 0.3s ease; white-space:nowrap; display:flex; align-items:center; gap:8px;}
.floating-whatsapp-btn:hover{ background:#065f46; transform:translateY(-2px); box-shadow:var(--shadow-lg); color:var(--bg-white);}
.floating-whatsapp-btn:active{ transform:translateY(0); box-shadow:var(--shadow-sm);}
.floating-tours-btn:focus, .floating-whatsapp-btn:focus{ outline:3px solid var(--warning); outline-offset:3px;}
.quick-prices{ max-width:1000px; margin:var(--spacing-lg) auto; padding:0 var(--spacing-md);}
.quick-prices h2{ text-align:center; color:var(--text-dark); font-size:1.8rem; margin-bottom:30px;}
.price-categories{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:var(--spacing-md); margin-bottom:30px;}
.price-cat{ background:var(--bg-white); border:2px solid var(--border); border-radius:var(--radius-sm); padding:var(--spacing-md); text-align:center; transition:all 0.3s; box-shadow:var(--shadow-sm);}
.price-cat:hover{ border-color:var(--primary); transform:translateY(-3px); box-shadow:var(--shadow-md);}
.cat-name{ display:block; font-weight:600; color:var(--text-dark); font-size:1.1rem; margin-bottom:10px;}
.cat-price{ display:block; font-weight:700; color:var(--primary-dark); font-size:1.5rem;}
.cat-count{ display:block; font-size:0.9rem; color:var(--text-medium); margin-top:5px;}
.view-full-btn{ display:block; margin:0 auto; padding:15px var(--spacing-lg); background:linear-gradient(135deg, var(--primary), var(--primary-hover)); color:var(--bg-white); border:none; border-radius:var(--radius-sm); font-size:16px; font-weight:700; cursor:pointer; transition:all 0.3s; text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);}
.view-full-btn:hover{ background:linear-gradient(135deg, var(--primary-hover), var(--primary-active)); transform:translateY(-2px); box-shadow:var(--shadow-md);}
.full-price-list{ max-width:1000px; margin:var(--spacing-lg) auto; background:var(--bg-white); border-radius:10px; box-shadow:var(--shadow-md); overflow:hidden; display:none;}
.full-price-list.active{ display:block; animation:slideDown 0.4s ease;}
@keyframes slideDown{ from{ opacity:0; transform:translateY(-20px);}
to{ opacity:1; transform:translateY(0);}
}
.price-list-header{ background:var(--primary-dark); color:var(--bg-white); padding:25px; text-align:center; position:relative;}
.popup-title{ font-size:1.5rem; font-weight:700; color:var(--bg-white); padding-right:var(--spacing-lg);}
.close-btn{ position:absolute; top:var(--spacing-md); right:var(--spacing-md); background:transparent; border:none; color:var(--bg-white); font-size:28px; cursor:pointer; transition:all 0.3s; line-height:1; padding:5px;}
.close-btn:hover{ opacity:0.7; transform:scale(1.1);}
.category-header{ background:var(--primary-lightest); font-weight:700; font-size:1.1rem; color:var(--text-dark); padding:15px var(--spacing-md); border-bottom:2px solid var(--primary); margin:0;}
.price-table{ width:100%; border-collapse:collapse;}
.price-table tr{ border-bottom:1px solid var(--border);}
.price-table tr:hover{ background:var(--bg-light);}
.price-table td{ padding:15px var(--spacing-md);}
.trip-link{ text-decoration:none; color:inherit; display:flex; justify-content:space-between; align-items:center; width:100%;}
.trip-name{ font-weight:600; color:var(--text-dark); font-size:1rem;}
.trip-link:hover .trip-name{ color:var(--primary);}
.trip-price{ text-align:right; font-weight:700; color:var(--primary-dark); font-size:1.1rem;}
.trip-divider{ border:0; height:8px; background:linear-gradient(45deg, var(--primary) 25%, var(--primary-hover) 25%, var(--primary-hover) 50%, var(--primary) 50%, var(--primary) 75%, var(--primary-hover) 75%); background-size:20px 20px; width:100%; margin:var(--spacing-lg) 0;}
.trust-features{ display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:var(--spacing-md) 0; margin:var(--spacing-md) 0;}
.trust-item{ display:flex; align-items:center; gap:8px; padding:10px; background:var(--bg-light); border-radius:var(--radius-sm); border:1px solid var(--border);}
.trust-item .icon{ font-size:18px; color:var(--primary);}
@media (min-width:1200px){ .tc{ width:60%; padding:0 var(--spacing-md);}
}
@media (min-width:768px) and (max-width:1199px){ .tc{ width:80%; padding:0 var(--spacing-md);}
.footer-container{ padding:0 30px;}
.footer-grid{ gap:var(--spacing-lg);}
}
@media (max-width:768px){ body{ padding:0 !important; margin:0 !important;}
h1{ font-size:28px;}
h2{ font-size:24px;}
h3{ font-size:20px;}
.tc{ width:100% !important; max-width:100% !important; padding:0 !important; margin:0 !important;}
.th{ padding:var(--spacing-md) 0;}
.ti{ width:100%; margin:0;}
.in{ padding:15px; margin:0;}
.in p{ padding:6px 0;}
.s{ padding:15px 0; margin:0;}
.pt{ margin:0;}
.trips-cards-section{ padding:30px 0;}
.main-title{ font-size:28px;}
.main-subtitle{ font-size:18px; margin-bottom:var(--spacing-lg);}
.category-section{ margin-bottom:var(--spacing-lg);}
.category-title{ font-size:22px; margin-left:15px;}
.category-subtitle{ font-size:16px; margin-left:19px;}
.trips-grid{ padding:0 15px; gap:15px;}
.trip-card img{ height:180px;}
.trip-info span{ font-size:12px; padding:3px 6px;}
.footer-cta{ padding:var(--spacing-lg) 10px;}
.cta-title{ font-size:28px;}
.cta-subtitle{ font-size:16px;}
.cta-whatsapp{ padding:15px 30px; font-size:16px;}
.footer-main{ padding:30px 0 var(--spacing-md);}
.footer-container{ max-width:100%; padding:0 10px;}
.footer-grid{ grid-template-columns:1fr; gap:30px;}
.faq-section{ padding:var(--spacing-lg) 5px;}
.faq-container{ max-width:100%; padding:0; width:100%;}
.faq-title{ font-size:28px; margin-bottom:30px; padding:0 10px;}
.faq-grid{ padding:0; gap:5px;}
.faq-item{ border-radius:var(--radius-md); margin-bottom:0;}
.faq-question{ padding:16px;}
.faq-question span:first-child{ font-size:16px;}
.faq-answer{ font-size:15px;}
.faq-item.active .faq-answer{ padding:16px;}
.reviews-section{ padding:var(--spacing-lg) 5px;}
.reviews-container{ max-width:100%; padding:0; width:100%;}
.section-header{ padding:0 10px;}
.reviews-grid{ grid-template-columns:1fr; gap:5px; padding:0;}
.review-card{ border-radius:var(--radius-md);}
.section-title{ font-size:28px;}
.rating-number{ font-size:26px;}
.rating-summary{ flex-direction:column; gap:8px;}
.floating-buttons-container{ gap:8px; bottom:15px; right:15px;}
.floating-tours-btn, .floating-whatsapp-btn{ padding:10px 14px; font-size:13px; border-radius:var(--spacing-md); gap:4px;}
.quick-prices{ max-width:100%; padding:0; margin:var(--spacing-md) 0;}
.quick-prices h2{ font-size:1.4rem; padding:0 15px;}
.price-categories{ grid-template-columns:repeat(2, 1fr); gap:10px; padding:0 10px;}
.price-cat{ padding:15px 10px; border-radius:6px;}
.cat-name{ font-size:0.9rem;}
.cat-price{ font-size:1.2rem;}
.cat-count{ font-size:0.8rem;}
.view-full-btn{ margin:0 10px; font-size:14px; padding:12px 25px;}
.full-price-list{ max-width:100%; margin:var(--spacing-md) 0; border-radius:0;}
.price-list-header{ padding:var(--spacing-md) 15px;}
.popup-title{ font-size:1.2rem; padding-right:35px;}
.close-btn{ font-size:24px; top:15px; right:15px;}
.category-header{ font-size:0.95rem; padding:12px 15px;}
.price-table td{ padding:10px 15px;}
.trip-name{ font-size:0.9rem;}
.trip-price{ font-size:0.95rem;}
.trust-features{ grid-template-columns:repeat(2, 1fr); gap:10px;}
}
@media (max-width:480px){ .tc{ width:100% !important; padding:0 !important;}
.th{ padding:15px 0;}
.in{ padding:12px;}
.s{ padding:12px 0;}
.pt{ overflow-x:auto;}
.pt table{ font-size:16px;}
.pt th, .pt td{ padding:10px;}
.trips-grid{ grid-template-columns:1fr; padding:0; gap:var(--spacing-md);}
.category-title{ font-size:20px; margin-left:10px;}
.category-subtitle{ font-size:15px; margin-left:14px;}
.trip-card{ border-radius:var(--radius-md); width:100%;}
.card-content{ padding:15px;}
.trip-info{ gap:6px;}
.trip-info span{ font-size:14px; padding:3px 6px;}
}
@keyframes pulseButton{ 0%, 100%{ box-shadow:var(--shadow-md);}
50%{ box-shadow:var(--shadow-lg);}
}
.floating-tours-btn:hover, .floating-whatsapp-btn:hover{ animation:pulseButton 2s infinite;}