@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap');:root {--primary-blue:#1e40af;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--primary-purple:#7c3aed;--secondary-teal:#0d9488;--secondary-dark:#0f766e;--text-dark:#0f172a;--text-gray:#475569;--text-light:#64748b;--bg-white:#ffffff;--bg-light:#f8fafc;--bg-gray:#f1f5f9;--border-light:#e2e8f0;--accent-gold:#f59e0b;--accent-orange:#ea580c;--accent-green:#10b981;--accent-yellow:#fbbf24;--gradient-primary:linear-gradient(135deg,#1e40af 0%,#0d9488 100%);--gradient-hero:linear-gradient(135deg,#1e40af 0%,#0d9488 100%);--gradient-accent:linear-gradient(135deg,#f59e0b 0%,#10b981 100%);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.15);--shadow-xl:0 20px 40px rgba(0,0,0,0.2);--border-radius:16px;--border-radius-lg:20px;--transition:all 0.3s ease} * {margin:0;padding:0;box-sizing:border-box;font-family:'Outfit',sans-serif} body {font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;background:#ffffff;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} body::before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 25%,#cbd5e1 50%,#94a3b8 75%,#64748b 100%);opacity:0.1;z-index:-1;pointer-events:none} .services,.destinations,.contact,.partners-section {background:#ffffff;padding:100px 0;position:relative;overflow:hidden} .services {padding:100px 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);position:relative} @media (max-width:1024px) {.services-grid {grid-template-columns:repeat(2,1fr);gap:1.5rem} } @media (max-width:768px) {.navbar {padding:0.5rem 0 !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(20px);height:auto !important;min-height:auto !important} .nav-container {padding:0 1rem !important;height:100% !important;align-items:center !important} .nav-logo {font-size:1.1rem !important;flex-shrink:0 !important} .nav-logo i {font-size:1.5rem !important;margin-right:0.5rem !important} .nav-menu {display:none !important;position:fixed !important;top:100px !important;left:-100% !important;width:100% !important;height:calc(100vh - 80px) !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(20px) !important;flex-direction:column !important;justify-content:flex-start !important;align-items:stretch !important;padding:1rem 0 !important;transition:left 0.3s ease !important;z-index:999 !important;overflow-y:auto !important} .nav-menu.active {left:0 !important} .nav-menu li {width:100% !important;border-bottom:1px solid #f1f1f1 !important} .nav-menu a {display:block !important;padding:1rem 2rem !important;font-size:1.1rem !important;color:#0f172a !important;text-decoration:none !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .nav-menu a:hover {background:rgba(30,64,175,0.1) !important;color:#1e40af !important} .nav-actions {gap:0.75rem !important;align-items:center !important} .hamburger {display:flex !important;flex-direction:column !important;cursor:pointer !important;padding:0.5rem !important;z-index:1001 !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .hamburger span {width:24px !important;height:3px !important;background:#0f172a !important;margin:3px 0 !important;transition:0.3s !important;transform-origin:center !important;border-radius:2px !important} .hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px) !important} .hamburger.active span:nth-child(2) {opacity:0 !important} .hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px) !important} .services-grid {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;margin:0 !important;row-gap:2rem !important} .destinations-grid {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;margin:0 !important;row-gap:2rem !important} .contact-grid {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;margin:0 !important} .about-content {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;margin:0 !important} .about-content {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;text-align:center !important;margin:0 !important} .about-image {order:-1 !important;margin-bottom:2rem !important;width:100% !important} .about-image img {height:250px !important;border-radius:16px !important;width:100% !important;object-fit:cover !important} .service-card,.destination-card {margin:0 0 1.5rem 0 !important;width:100% !important;min-height:200px !important;padding:1.5rem !important;border-radius:16px !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .service-card:hover,.destination-card:hover {transform:translateY(-5px) !important;box-shadow:0 8px 30px rgba(0,0,0,0.15) !important} .service-card:active,.destination-card:active {transform:scale(0.98) !important;transition:transform 0.1s ease !important} .service-card h3,.destination-card h3 {font-size:1.3rem !important;margin-bottom:1rem !important;color:var(--text-dark) !important;line-height:1.3 !important} .service-card p,.destination-card p {font-size:0.95rem !important;line-height:1.6 !important;color:#64748b !important;margin-bottom:1.5rem !important;flex-grow:1 !important} .service-card .btn,.destination-card .btn {align-self:flex-start !important;width:auto !important;min-width:120px !important} .form-group {margin-bottom:2rem !important} .form-group label {display:block !important;margin-bottom:0.75rem !important;font-weight:600 !important;color:var(--text-dark) !important;font-size:1rem !important} .form-group input,.form-group textarea,.form-group select {width:100% !important;min-height:56px !important;font-size:16px !important;padding:1rem 1.25rem !important;border-radius:12px !important;border:2px solid #e2e8f0 !important;background:#ffffff !important;color:#0f172a !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;box-sizing:border-box !important;font-family:inherit !important} .form-group textarea {min-height:120px !important;resize:vertical !important} .form-group input:focus,.form-group textarea:focus,.form-group select:focus {outline:none !important;border-color:var(--primary-blue) !important;box-shadow:0 0 0 3px rgba(30,64,175,0.1) !important;transform:scale(1.01) !important;background:#ffffff !important} .form-group input:invalid,.form-group textarea:invalid,.form-group select:invalid {border-color:#ef4444 !important} .form-group input:valid,.form-group textarea:valid,.form-group select:valid {border-color:#10b981 !important} .btn {min-height:56px !important;min-width:120px !important;padding:1rem 2rem !important;font-size:1.1rem !important;border-radius:12px !important;font-weight:600 !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;transition:all 0.3s ease !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;border:2px solid transparent !important;cursor:pointer !important;user-select:none !important} .btn:active {transform:scale(0.98) !important;transition:transform 0.1s ease !important} .btn:hover {transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(0,0,0,0.15) !important} .btn-primary {background:var(--primary-blue) !important;color:#ffffff !important;border-color:var(--primary-blue) !important} .btn-secondary {background:transparent !important;color:var(--primary-blue) !important;border-color:var(--primary-blue) !important} .btn-primary:hover {background:var(--secondary-teal) !important;border-color:var(--secondary-teal) !important} .btn-secondary:hover {background:var(--primary-blue) !important;color:#ffffff !important} .container {padding:0 1rem !important;max-width:100% !important;margin:0 auto !important} [data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea,[data-theme="dark"] .form-group select {background:#1a1a1a !important;color:#ffffff !important;border-color:#333333 !important} [data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group textarea:focus,[data-theme="dark"] .form-group select:focus {border-color:#06b6d4 !important;box-shadow:0 0 0 3px rgba(6,182,212,0.1) !important} [data-theme="dark"] .btn {background:var(--primary-blue) !important;color:#ffffff !important;border:2px solid transparent !important} [data-theme="dark"] .btn:hover {background:var(--secondary-teal) !important;transform:translateY(-2px) !important} .floating-emoji,.hero-visual-elements {display:none !important} * {-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .hero {padding:120px 0 80px !important;min-height:100vh !important} .hero h1 {font-size:clamp(2rem,8vw,3rem) !important;line-height:1.2 !important;margin-bottom:1.5rem !important;padding:0 1rem !important} .hero-subtitle {font-size:clamp(0.9rem,4vw,1.1rem) !important;line-height:1.6 !important;padding:0 1rem !important;margin-bottom:2rem !important} .hero-actions {flex-direction:column !important;gap:1rem !important;padding:0 1rem !important} .hero-actions .btn {width:100% !important;max-width:300px !important} .services,.destinations,.about,.contact,.partners-section {padding:60px 0 !important;margin:0 !important;width:100% !important;overflow:hidden !important} .services .container,.destinations .container,.about .container,.contact .container,.partners-section .container {padding:0 1rem !important;max-width:100% !important} .services h2,.destinations h2,.about h2,.contact h2,.partners-section h2 {font-size:clamp(1.8rem,6vw,2.5rem) !important;margin-bottom:1.5rem !important;padding:0 1rem !important;text-align:center !important} .section-subtitle {font-size:clamp(0.9rem,4vw,1.1rem) !important;padding:0 1rem !important;margin-bottom:2rem !important;text-align:center !important} body {-webkit-overflow-scrolling:touch !important;scroll-behavior:smooth !important} .mobile-keyboard-open {height:100vh !important;overflow:hidden !important} .hero,.services,.destinations,.about,.contact {min-height:100vh !important;min-height:100dvh !important} .navbar,.custom-trip-header,.hero,.footer {padding-left:env(safe-area-inset-left) !important;padding-right:env(safe-area-inset-right) !important} .navbar {padding-top:env(safe-area-inset-top) !important} .footer {padding-bottom:env(safe-area-inset-bottom) !important} [data-theme="dark"] .hero h1 {color:#ffffff !important} [data-theme="dark"] .hero-subtitle {color:#e2e8f0 !important} [data-theme="dark"] .hero {background:linear-gradient(135deg,#000000,#111111) !important} [data-theme="dark"] .hero-content {background:rgba(0,0,0,0.9) !important;color:#ffffff !important} [data-theme="dark"] .custom-trip-header {background:linear-gradient(135deg,#000000,#1a1a1a) !important;border-bottom-color:#333333 !important} [data-theme="dark"] .services,[data-theme="dark"] .destinations,[data-theme="dark"] .about,[data-theme="dark"] .contact,[data-theme="dark"] .partners-section {background:#000000 !important;color:#ffffff !important} [data-theme="dark"] .services h2,[data-theme="dark"] .destinations h2,[data-theme="dark"] .about h2,[data-theme="dark"] .contact h2,[data-theme="dark"] .partners-section h2 {color:#ffffff !important} [data-theme="dark"] .section-subtitle {color:#cbd5e1 !important} [data-theme="dark"] .service-card,[data-theme="dark"] .destination-card {background:#111111 !important;color:#ffffff !important;border:1px solid #333333 !important} [data-theme="dark"] .service-card:hover,[data-theme="dark"] .destination-card:hover {background:#1a1a1a !important;border-color:#06b6d4 !important} button:focus,input:focus,textarea:focus,select:focus,a:focus {outline:2px solid var(--secondary-teal);outline-offset:2px} img {max-width:100%;height:auto;display:block} .hero,.services,.destinations,.about,.contact,.footer {overflow-x:hidden;width:100%} .services,.destinations,.contact,.partners-section {padding:60px 0} h1,.hero h1 {font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.1;letter-spacing:-0.02em} h2 {font-size:clamp(2rem,6vw,2.5rem);line-height:1.2;letter-spacing:-0.01em} h3 {font-size:clamp(1.5rem,4vw,1.8rem);line-height:1.3} p,.section-subtitle {font-size:clamp(1rem,3vw,1.1rem);line-height:1.6} .services h2,.destinations h2,.contact h2,.about h2 {text-align:center !important;margin-bottom:1.5rem !important} .section-subtitle {text-align:center !important;margin-bottom:2rem !important;max-width:100% !important} .footer {padding:40px 0 20px !important} .footer-content {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;text-align:center !important} .footer-section {margin-bottom:2rem !important} .footer-section h4 {font-size:1.3rem !important;margin-bottom:1rem !important;color:var(--text-dark) !important} .footer-section p,.footer-section a {font-size:0.95rem !important;line-height:1.6 !important;margin-bottom:0.5rem !important} .footer-bottom {padding:1rem !important;text-align:center !important;border-top:1px solid #e2e8f0 !important} .footer-links {flex-direction:column !important;gap:1rem !important;margin-top:1rem !important} .footer-links a {padding:0.5rem 1rem !important;border-radius:8px !important;transition:all 0.3s ease !important} .footer-links a:hover {background:rgba(30,64,175,0.1) !important;color:var(--primary-blue) !important} .contact {padding:60px 0 !important} .contact-grid {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important} .contact-item {padding:1.5rem !important;text-align:center !important;border-radius:16px !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .contact-item:hover {transform:translateY(-5px) !important;box-shadow:0 8px 30px rgba(0,0,0,0.15) !important;border-color:var(--primary-blue) !important} .contact-item h4 {font-size:1.2rem !important;margin-bottom:1rem !important;color:var(--text-dark) !important} .contact-item p,.contact-item a {font-size:0.95rem !important;line-height:1.6 !important;color:#64748b !important} .contact-item i {font-size:2rem !important;color:var(--primary-blue) !important;margin-bottom:1rem !important} [data-theme="dark"] .footer {background:#000000 !important;color:#ffffff !important} [data-theme="dark"] .footer-section h4 {color:#ffffff !important} [data-theme="dark"] .footer-section p,[data-theme="dark"] .footer-section a {color:#cbd5e1 !important} [data-theme="dark"] .footer-bottom {border-top-color:#333333 !important} [data-theme="dark"] .footer-links a:hover {background:rgba(6,182,212,0.1) !important;color:#06b6d4 !important} [data-theme="dark"] .contact-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-item h4 {color:#ffffff !important} [data-theme="dark"] .contact-item p,[data-theme="dark"] .contact-item a {color:#cbd5e1 !important} [data-theme="dark"] .contact-item:hover {border-color:#06b6d4 !important;background:#1a1a1a !important} } @media (max-width:1024px) and (min-width:769px) {.footer-content {grid-template-columns:1fr 1fr;gap:2rem} .footer-section:first-child {grid-column:1 / -1;text-align:center} .footer-section:last-child {grid-column:2;text-align:right} } @media (max-width:768px) and (orientation:landscape) {.navbar {height:50px !important;padding:0.25rem 0 !important} .nav-menu {top:50px !important;height:calc(100vh - 50px) !important} .custom-trip-header {top:50px !important;padding:0.75rem 0 !important} .hero {margin-top:100px !important;min-height:80vh !important;padding:80px 0 60px !important} .hero h1 {font-size:clamp(1.8rem,6vw,2.5rem) !important} .hero-subtitle {font-size:clamp(0.8rem,3vw,1rem) !important} .services,.destinations,.about,.contact,.partners-section {padding:40px 0 !important} .service-card,.destination-card {min-height:180px !important;padding:1.25rem !important} .btn {min-height:48px !important;padding:0.75rem 1.5rem !important;font-size:1rem !important} } @media (max-width:480px) {.hero {margin-top:110px;padding:1rem 0;min-height:70vh} .hero-content {padding:0 1rem} .hero h1 {font-size:clamp(2rem,5vw,2.5rem);margin-bottom:1rem} .hero-subtitle {font-size:clamp(0.9rem,2.5vw,1.1rem);margin-bottom:0} .hero-subtitle-container {padding:1.25rem;margin-bottom:1.5rem} .hero-actions {flex-direction:row;gap:1rem;justify-content:center;margin-bottom:1.5rem} .hero-actions .btn {width:auto;max-width:180px;padding:0.875rem 1.5rem;font-size:0.9rem;min-height:44px} .custom-trip-header {top:55px;padding:0.75rem 0} .services,.destinations,.about,.contact {padding:40px 0} .services-grid {grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem} .service-card {padding:1.25rem;border-radius:16px} .service-card h3 {font-size:1.1rem;margin-bottom:0.5rem} .service-card p {font-size:0.85rem;line-height:1.4} .service-icon {width:60px;height:60px;margin-bottom:1rem} .service-icon i {font-size:1.75rem} .contact-content {grid-template-columns:1fr;gap:1.5rem;padding:0 1rem} .contact-item {padding:1.25rem;border-radius:16px} .contact-form {padding:1.25rem;border-radius:16px} .footer {padding:40px 0 30px} .footer-content {grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1rem} } @media (max-width:480px) {.container {padding:0 0.75rem} .hero {margin-top:110px;padding:0.5rem 0} .hero-content {padding:0 0.75rem} .hero h1 {font-size:clamp(2rem,7vw,2.5rem)} .hero-subtitle {font-size:clamp(1rem,3.5vw,1.2rem)} .hero-subtitle-container {padding:1.25rem;margin-bottom:1.5rem} .hero-actions .btn {padding:0.875rem 1.5rem;font-size:0.95rem} .custom-trip-header {top:55px;padding:0.75rem 0} .custom-trip-header .container {padding:0 0.75rem} .custom-trip-header p {font-size:0.85rem} .custom-trip-social a {width:36px;height:36px;min-height:44px;min-width:44px} .services,.destinations,.contact,.partners-section {padding:50px 0} .service-card,.destination-card {padding:1.5rem 1.25rem;border-radius:16px} .service-icon {width:60px;height:60px;margin-bottom:1.25rem} .service-icon i {font-size:1.75rem} .contact-content {gap:1.5rem;padding:0 0.75rem} .contact-item {padding:1.25rem;border-radius:16px} .contact-form {padding:1.25rem;border-radius:16px} .footer {padding:50px 0 30px} .footer-content {gap:1.5rem;padding:0 0.75rem} } .services::before {content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(30,64,175,0.02) 0%,rgba(13,148,136,0.02) 100%);pointer-events:none} .services::before,.destinations::before,.contact::before,.partners-section::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#0d9488)} .service-card,.destination-card {background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.06);transition:all 0.3s ease} .service-card:hover,.destination-card:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12);border-color:var(--primary-blue)} .container {max-width:1200px;margin:0 auto;padding:0 2rem;width:100%} @media (min-width:1025px) {.container {max-width:1200px;padding:0 2rem} .navbar {padding:1.5rem 0;background:rgba(255,255,255,0.98);backdrop-filter:blur(25px)} .nav-container {max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center} .nav-menu {display:flex;gap:2rem;align-items:center} .nav-menu a {font-size:1rem;font-weight:500;color:var(--text-dark);text-decoration:none;transition:all 0.3s ease;padding:0.5rem 1rem;border-radius:8px} .nav-menu a:hover {color:var(--primary-blue);background:rgba(30,64,175,0.1)} .hamburger {display:none} .services,.destinations,.about,.contact,.partners-section {padding:120px 0} .services h2,.destinations h2,.about h2,.contact h2 {font-size:3rem;margin-bottom:2rem} .section-subtitle {font-size:1.2rem;margin-bottom:3rem} } @media (min-width:1400px) {.container {max-width:1400px;padding:0 3rem} .services,.destinations,.about,.contact,.partners-section {padding:140px 0} .services h2,.destinations h2,.about h2,.contact h2 {font-size:3.5rem;margin-bottom:2.5rem} } .navbar {position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(25px);z-index:1000;padding:1.25rem 0;min-height:80px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.12);border-bottom:1px solid rgba(30,64,175,0.08)} .nav-container {max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center} .nav-logo {display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-blue);font-family:'Inter',sans-serif;letter-spacing:-0.02em} .nav-logo i {margin-right:0.8rem;font-size:2rem;color:var(--secondary-teal)} .nav-menu {display:flex;list-style:none;gap:2.5rem;align-items:center} .nav-menu a {text-decoration:none;color:var(--text-dark);font-weight:500;font-size:0.95rem;letter-spacing:0.01em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0.5rem 0.75rem;border-radius:8px;position:relative} .nav-menu a:hover {color:var(--primary-blue);background:rgba(30,64,175,0.08);transform:translateY(-1px)} .nav-actions {display:flex;align-items:center;gap:1rem} .hamburger {display:none;flex-direction:column;cursor:pointer;z-index:1000} .hamburger span {width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:0.3s;transform-origin:center} .hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)} .hamburger.active span:nth-child(2) {opacity:0} .hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)} .custom-trip-header {position:fixed;top:100px;width:100%;background:var(--gradient-primary);color:white;z-index:998;padding:1.25rem 0;box-shadow:0 4px 20px rgba(0,0,0,0.15);border-bottom:1px solid rgba(255,255,255,0.1)} @media (max-width:768px) {.nav-logo img {height:40px !important} .footer-logo img {height:45px !important} .custom-trip-header {top:55px !important;padding:0.6rem 0 !important;position:relative !important;background:transparent !important;box-shadow:none !important} .hero {margin-top:120px !important;background:linear-gradient(135deg,#f8fafc,#e2e8f0) !important;position:relative !important;overflow:hidden !important} .hero-background {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:1 !important} .hero-content {position:relative !important;z-index:2 !important;background:rgba(255,255,255,0.9) !important;border-radius:20px !important;margin:0 1rem !important;padding:2rem 1rem !important;backdrop-filter:blur(10px) !important} .hero-overlay {background:rgba(0,0,0,0.3) !important} } .custom-trip-header .container {display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;gap:3rem} .custom-trip-header p {margin:0;font-size:1rem;font-weight:500;line-height:1.4} .custom-trip-social {display:flex;gap:1.5rem;align-items:center;justify-content:flex-end} .custom-trip-social a {color:#ffff00;font-size:1.2rem;transition:all 0.3s ease;opacity:0.9;padding:0.5rem;border-radius:50%;background:rgba(255,255,0,0.1);border:2px solid #ffff00;width:40px;height:40px;display:flex;align-items:center;justify-content:center} .custom-trip-social a:hover {opacity:1;background:rgba(255,255,0,0.2);color:#e6e600} .custom-trip-header a {color:#ffff00;text-decoration:none;font-weight:600;transition:color 0.3s ease;white-space:nowrap} .custom-trip-header a:hover {color:#e6e600} .hero {min-height:100vh;position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:linear-gradient(135deg,#1e40af 0%,#0d9488 100%);margin-top:140px;padding:2rem 0} @media (min-width:1025px) {.hero {min-height:100vh;padding:4rem 0;margin-top:140px} .hero-content {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;max-width:1200px;margin:0 auto;padding:0 2rem} .hero-text {max-width:700px;margin-bottom:3rem} .hero h1 {font-size:4rem;line-height:1.1;margin-bottom:1.5rem;text-align:left} .hero-subtitle {font-size:1.3rem;line-height:1.6;margin-bottom:2rem;text-align:left} .hero-actions {display:flex;gap:2rem;margin-bottom:3rem;align-items:center;flex-wrap:wrap} .hero-actions .btn {min-width:200px;padding:1rem 2rem;font-size:1rem} } .hero-background {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;transform:translateZ(0);will-change:transform;background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%)} .hero-image {width:100%;height:100%;position:relative} .hero-image img {width:100%;height:100%;object-fit:cover;opacity:0.4;transform:scale(1.1);transition:all 0.3s ease;background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%);animation:fadeInImage 1s ease-out} @keyframes fadeInImage {from {opacity:0;transform:scale(1.1) translateY(20px)} to {opacity:0.4;transform:scale(1.1) translateY(0)} } .hero-image img:hover {transform:scale(1.15)} .hero-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);z-index:-1} .hero-content {width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px)} .hero-text {max-width:700px;margin-bottom:3rem} .hero h1 {font-family:'Outfit',sans-serif;font-size:clamp(3.5rem,6vw,5rem);font-weight:800;margin-bottom:2rem;line-height:1.1;color:#ffffff;text-shadow:0 8px 32px rgba(0,0,0,0.4);animation:slideInUp 1s ease-out;letter-spacing:-0.03em;word-wrap:break-word;hyphens:auto} .hero-subtitle {font-family:'Outfit',sans-serif;font-size:clamp(1.3rem,2.5vw,1.6rem);margin-bottom:0;line-height:1.7;color:rgba(255,255,255,0.95);font-weight:400;font-style:italic;animation:slideInUp 1s ease-out 0.2s both;text-align:left;letter-spacing:0.02em;text-shadow:0 4px 16px rgba(0,0,0,0.3);word-wrap:break-word;hyphens:auto} .hero-subtitle-container {background:rgba(0,0,0,0.4);backdrop-filter:blur(25px);padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,0.15);margin-bottom:2.5rem;max-width:700px;box-shadow:0 12px 40px rgba(0,0,0,0.3);position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)} .hero-subtitle-container::before {content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent)} .hero-subtitle-container:hover {transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.3);transition:all 0.3s ease} .hero-actions {display:flex;gap:2rem;margin-bottom:3rem;animation:slideInUp 1s ease-out 0.6s both;align-items:center;flex-wrap:wrap} .btn {display:inline-flex;align-items:center;gap:0.8rem;padding:18px 36px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden;text-transform:none;letter-spacing:0.5px;font-family:'Outfit',sans-serif} .btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s} .btn:hover::before {left:100%} .btn:hover {transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.2)} .btn:active {transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.15)} .btn-primary {background:var(--secondary-teal) !important;color:white;box-shadow:var(--shadow-lg);border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:0.95rem;letter-spacing:0.01em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;display:inline-flex;align-items:center;gap:0.75rem;text-decoration:none;position:relative;overflow:hidden} .btn-primary:hover {transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,148,136,0.4),0 0 25px rgba(13,148,136,0.2);background:#0d9488 !important} .btn-primary:active {transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,0.3)} .btn-primary:disabled {opacity:0.7;cursor:not-allowed;transform:none} .btn-loading {display:inline-flex;align-items:center;gap:0.5rem} .btn-loading.show {display:inline-flex;align-items:center;gap:0.5rem} .btn-loading i {animation:spin 1s linear infinite} @keyframes spin {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } @media (max-width:768px) {.hero {margin-top:120px;padding:1rem 0;min-height:calc(100vh - 120px)} .hero-content {padding:0 1rem;text-align:center} .hero-text {max-width:100%;margin-bottom:2rem} .hero h1 {font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:1.5rem;line-height:1.1} .hero-subtitle {font-size:clamp(1.1rem,4vw,1.4rem);margin-bottom:0;line-height:1.6} .hero-subtitle-container {padding:1.5rem;margin-bottom:2rem;border-radius:20px} .hero-actions {flex-direction:column;gap:1rem;margin-bottom:2rem;align-items:center} .hero-actions .btn {width:100%;max-width:300px;justify-content:center;padding:1rem 2rem;min-height:48px;font-size:1rem;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)} .btn-primary,.btn-secondary {min-height:48px;min-width:48px;font-size:1rem;padding:1rem 2rem;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .btn-primary:hover,.btn-secondary:hover {transform:translateY(-2px)} .btn-primary:active,.btn-secondary:active {transform:scale(0.98)} .btn-loading i {animation:none !important;transform:none !important} .floating-emoji {display:none} } .btn-secondary {background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05));color:white;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(20px);box-shadow:0 8px 25px rgba(0,0,0,0.15);padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:0.95rem;letter-spacing:0.01em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;display:inline-flex;align-items:center;gap:0.75rem;text-decoration:none;position:relative;overflow:hidden} .btn-secondary:hover {background:linear-gradient(135deg,rgba(255,255,255,0.25),rgba(255,255,255,0.15));transform:translateY(-3px);border-color:rgba(255,255,255,0.5);box-shadow:0 12px 30px rgba(0,0,0,0.2)} .hero-visual-elements {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1} .floating-emoji {position:absolute;background:none;backdrop-filter:none;border:none;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none;animation:float 6s ease-in-out infinite;transition:all 0.3s ease;will-change:transform;transform:translateZ(0)} .floating-emoji span {font-size:3rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3));transition:all 0.3s ease} .emoji-1 {top:20%;right:10%;animation-delay:0s} .emoji-2 {top:60%;right:15%;animation-delay:2s} .emoji-3 {top:40%;right:5%;animation-delay:4s} .emoji-4 {top:25%;right:25%;animation-delay:1s} .emoji-5 {top:70%;right:30%;animation-delay:3s} @keyframes float {0%,100% {transform:translateY(0px) rotate(0deg)} 33% {transform:translateY(-20px) rotate(1deg)} 66% {transform:translateY(-10px) rotate(-1deg)} } @keyframes float {0%,100% {transform:translateY(0px)} 50% {transform:translateY(-20px)} } @keyframes slideInUp {from {opacity:0;transform:translateY(50px)} to {opacity:1;transform:translateY(0)} } .trust-features {display:flex;justify-content:space-between;gap:2rem;margin:4rem 0;padding:3rem 2rem;background:linear-gradient(135deg,var(--text-dark),#334155);border-radius:25px;position:relative;overflow:hidden} .trust-features::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:0.3} .trust-feature {flex:1;text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,0.95);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:all 0.4s ease;position:relative;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)} .trust-feature:hover {transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.3);background:rgba(255,255,255,1)} .trust-feature::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal),var(--primary-blue));border-radius:20px 20px 0 0} .trust-feature i {font-size:3rem;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:block} .trust-feature h4 {font-size:1.3rem;font-weight:700;margin-bottom:0.8rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px} .trust-feature p {color:#64748b;font-size:0.95rem;line-height:1.6;font-weight:500} .services {padding:100px 0} .services h2 {font-family:'Outfit',sans-serif;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:0.8rem;color:var(--text-dark);letter-spacing:-0.02em} .section-subtitle {font-family:'Outfit',sans-serif;text-align:center;font-size:1.2rem;color:var(--text-gray);margin-bottom:1rem;font-style:italic;font-weight:400} .iata-subtitle {font-family:'Outfit',sans-serif;font-size:0.95rem;color:var(--primary-blue);text-align:center;margin-bottom:3rem;font-style:italic;font-weight:700;letter-spacing:0.5px;opacity:1} .services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto} @media (min-width:1025px) {.services-grid {grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:0} .service-card {padding:3rem 2.5rem;border-radius:20px;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column} .service-card:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12)} .service-card h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)} .service-card p {font-size:1rem;line-height:1.6;color:var(--text-gray);flex-grow:1} } .service-card {background:#ffffff;padding:3rem 2.5rem;border-radius:24px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.9);position:relative;overflow:hidden} .service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#0d9488);transform:scaleX(0);transition:transform 0.4s ease} .service-card:hover::before {transform:scaleX(1)} .service-card:hover {transform:translateY(-12px);box-shadow:0 25px 60px rgba(0,0,0,0.15);border-color:transparent} .service-icon {width:90px;height:90px;background:linear-gradient(135deg,#1e40af 0%,#0d9488 100%);border-radius:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 12px 30px rgba(30,64,175,0.25);position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)} .service-card:hover .service-icon {transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px rgba(30,64,175,0.35)} .service-icon i {font-size:2.5rem;color:white;transition:all 0.4s ease} .service-card:hover .service-icon i {transform:scale(1.1)} .service-card h3 {font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark);font-family:'Outfit',sans-serif;letter-spacing:-0.01em;transition:color 0.4s ease} .service-card:hover h3 {color:var(--primary-blue)} .service-card p {font-family:'Outfit',sans-serif;color:var(--text-gray);line-height:1.5;font-style:italic;font-size:0.95rem} .destinations {background:#ffffff;padding:80px 0;position:relative;overflow:visible;min-height:400px} .destinations::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#0d9488)} .destinations h2 {font-family:'Outfit',sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:1rem;letter-spacing:-0.02em} .section-subtitle {font-family:'Outfit',sans-serif;font-size:1.2rem;color:var(--text-gray);text-align:center;margin-bottom:3rem;font-style:italic;font-weight:400} .destinations-carousel {max-width:800px;margin:0 auto;position:relative} @media (min-width:1025px) {.destinations-carousel {max-width:900px;margin:0 auto;position:relative} .carousel-container {border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,0.15);overflow:hidden} .destination-card {display:flex;flex-direction:row;align-items:stretch;min-height:400px} .destination-image {flex:1;height:auto;min-height:400px} .destination-content {flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center} .destination-content h3 {font-size:2rem;margin-bottom:1rem} .destination-content p {font-size:1.1rem;line-height:1.6;margin-bottom:2rem} } .carousel-container {position:relative;overflow:hidden;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.1);width:100%;height:auto} .carousel-track {position:relative;width:100%;height:auto} .destination-card {width:100%;background:#ffffff;display:none;flex-direction:column;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .destination-card.active {display:block} .destination-image {height:320px;overflow:hidden;position:relative} .destination-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease} .destination-card:hover .destination-image img {transform:scale(1.05)} .carousel-controls-overlay {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:linear-gradient(90deg,rgba(0,0,0,0.4) 0%,transparent 15%,transparent 85%,rgba(0,0,0,0.4) 100%);opacity:1;transition:opacity 0.3s ease;z-index:10;pointer-events:none} .carousel-controls-overlay .carousel-btn,.carousel-controls-overlay .carousel-indicators {pointer-events:auto} .carousel-btn {background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#333;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,0.2)} .carousel-btn:hover {background:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3)} .carousel-btn:disabled {opacity:0.5;cursor:not-allowed;transform:scale(0.9)} .carousel-indicators {display:flex;gap:0.8rem;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)} .indicator {width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease} .indicator.active {background:rgba(255,255,255,1);transform:scale(1.2)} .indicator:hover {background:rgba(255,255,255,0.8);transform:scale(1.1)} .destination-image:hover .carousel-controls-overlay {opacity:1} .destinations-carousel {width:100%;overflow:hidden} .carousel-container {position:relative;overflow:hidden;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.1);width:100%;height:auto;min-height:500px} .carousel-track {position:relative;width:100%;height:auto} .destination-card {width:100%;background:#ffffff;display:none;flex-direction:column;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .destination-card.active {display:block} .destination-content {padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between} .destination-content h3 {font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;letter-spacing:-0.01em} .destination-content p {font-family:'Outfit',sans-serif;font-size:1rem;color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem;font-style:italic} .btn-destination {background:linear-gradient(135deg,#1e40af,#0d9488);color:white;padding:0.8rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;text-align:center;transition:all 0.3s ease;align-self:flex-start;font-size:0.9rem;font-family:'Outfit',sans-serif} .btn-destination:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,64,175,0.3)} .carousel-btn {background:rgba(255,255,255,0.9);color:var(--primary-blue);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:20} .carousel-btn:hover {transform:scale(1.1);background:white;box-shadow:0 4px 15px rgba(0,0,0,0.3)} .carousel-btn:active {transform:scale(0.95)} .carousel-btn:disabled {opacity:0.5;cursor:not-allowed;transform:none} .carousel-btn i {font-size:1rem} .carousel-indicators {display:flex;gap:0.8rem;background:rgba(0,0,0,0.6);padding:0.8rem 1.2rem;border-radius:25px;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.3)} .indicator {width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease;border:2px solid transparent} .indicator.active {background:white;transform:scale(1.2)} .indicator:hover {background:rgba(255,255,255,0.8)} @media (max-width:1024px) {.destinations-carousel {max-width:700px} .destination-image {height:300px} } @media (max-width:768px) {.destinations {padding:60px 0} .destinations h2 {font-size:2rem} .destination-image {height:280px} .destination-content {padding:1.5rem} .destination-content h3 {font-size:1.4rem} .destination-content p {font-size:0.95rem} .btn-destination {padding:0.7rem 1.3rem;font-size:0.85rem} .carousel-btn {width:35px;height:35px} .carousel-btn i {font-size:0.9rem} .carousel-indicators {padding:0.4rem 0.8rem;gap:0.5rem} .indicator {width:8px;height:8px} } @media (max-width:480px) {.floating-emoji {display:none !important} *:hover {transform:none !important;transition:none !important} .service-card,.destination-card {animation:none !important} .destinations-carousel {max-width:100%;margin:0 0.5rem} .destination-image {height:250px} .destination-content {padding:1.2rem} .destination-content h3 {font-size:1.2rem;margin-bottom:0.8rem} .destination-content p {font-size:0.9rem;margin-bottom:1.2rem} .btn-destination {padding:0.6rem 1.2rem;font-size:0.8rem} .carousel-btn {width:32px;height:32px} .carousel-btn i {font-size:0.8rem} .carousel-indicators {padding:0.3rem 0.6rem;gap:0.4rem} .indicator {width:7px;height:7px} .carousel-controls-overlay {padding:0 0.5rem} } @media (max-width:360px) {.floating-emoji {display:none !important} * {animation:none !important;transition:none !important;transform:none !important} html {scroll-behavior:auto} .destinations-carousel {margin:0 0.3rem} .destination-image {height:220px} .destination-content {padding:1rem} .destination-content h3 {font-size:1.1rem} .destination-content p {font-size:0.85rem} .carousel-btn {width:30px;height:30px} .carousel-btn i {font-size:0.75rem} } .about {padding:100px 0;background:var(--gradient-hero);color:white} .about-header {text-align:center;margin-bottom:4rem} .about-header h2 {font-family:'Outfit',sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;color:white} .about-subtitle {font-family:'Outfit',sans-serif;font-size:1.2rem;color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto;font-style:italic} .about-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:4rem;text-align:center} .stat-item {background:rgba(255,255,255,0.1);padding:2rem 1rem;border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)} .stat-number {font-size:2.5rem;font-weight:700;color:var(--secondary-teal);margin-bottom:0.5rem} .stat-label {font-size:0.9rem;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:1px} .about-content {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} @media (min-width:1025px) {.about-content {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem} .about-text {padding-right:2rem} .about-text h3 {font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:white} .about-text p {font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:rgba(255,255,255,0.9)} .about-image {position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.2)} .about-image img {width:100%;height:auto;display:block} } .about-text h3 {font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:white} .about-text p {font-size:1.1rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;line-height:1.7} .about-highlights {display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem} .highlight-item {display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,0.1);border-radius:10px;backdrop-filter:blur(10px);transition:all 0.3s ease} .highlight-item:hover {transform:translateY(-5px) scale(1.02);background:rgba(255,255,255,0.15);box-shadow:0 10px 25px rgba(0,0,0,0.2)} .highlight-item i {font-size:1.5rem;color:var(--secondary-teal);margin-top:0.2rem} .highlight-item h4 {font-size:1.1rem;font-weight:600;margin-bottom:0.3rem;color:white} .highlight-item p {font-size:0.9rem;color:rgba(255,255,255,0.8);margin:0} .about-cta {display:flex;gap:1rem;margin-top:2rem} .about-cta .btn {padding:12px 24px;font-size:1rem;font-weight:600;border-radius:25px;text-decoration:none;transition:all 0.3s ease} .about-cta .btn-primary {background:var(--primary-blue);color:white} .about-cta .btn-primary:hover {background:var(--secondary-teal);transform:translateY(-2px)} .about-cta .btn-secondary {background:transparent;color:white;border:2px solid white} .about-cta .btn-secondary:hover {background:white;color:var(--text-dark);transform:translateY(-2px)} .about-image img {width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.3)} .contact {padding:100px 0;background:#ffffff;position:relative} .contact h2 {font-family:'Outfit',sans-serif;text-align:center;font-size:2.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dark);letter-spacing:-0.02em} .contact-content {display:grid;grid-template-columns:1fr;justify-items:center;gap:5rem;margin-top:3rem;max-width:600px;margin-left:auto;margin-right:auto;padding:0 2rem} @media (min-width:1025px) {.contact-content {display:grid;grid-template-columns:1fr;justify-items:center;gap:3rem;margin-top:4rem;max-width:600px;margin-left:auto;margin-right:auto;padding:0 2rem;align-items:start} .contact-info {display:flex;flex-direction:column;gap:2rem} .contact-item {padding:2rem;border-radius:20px;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:all 0.3s ease} .contact-item:hover {transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,0.1)} .contact-form {padding:3rem;background:#ffffff;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #e2e8f0} .form-group input,.form-group textarea,.form-group select {padding:1rem 1.5rem;font-size:1rem;border-radius:12px;border:2px solid #e2e8f0;transition:all 0.3s ease} .form-group input:focus,.form-group textarea:focus,.form-group select:focus {border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(30,64,175,0.1)} } .contact-info {display:flex;flex-direction:column;gap:2rem} .contact-item {display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:#000000;border:2px solid var(--secondary-teal);border-radius:24px;box-shadow:0 12px 40px rgba(13,148,136,0.2);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)} .contact-item:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(13,148,136,0.4);border-color:var(--secondary-teal);background:#111111} .contact-item i {font-size:1.5rem;color:var(--secondary-teal);margin-top:0.2rem} .contact-item h4 {font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:#ffffff} .contact-item p {color:#ffffff;margin:0} .contact-item a {color:var(--secondary-teal);text-decoration:none;font-weight:500;transition:all 0.3s ease} .contact-item a:hover {color:var(--secondary-teal);text-decoration:underline} .contact-form {background:#000000;padding:2rem;border:2px solid var(--secondary-teal);border-radius:20px;box-shadow:0 8px 32px rgba(13,148,136,0.2)} .form-group {margin-bottom:1.5rem} .form-group input,.form-group select,.form-group textarea {width:100%;padding:12px 16px;border:2px solid var(--bg-gray);border-radius:10px;font-size:1rem;transition:border-color 0.3s ease;font-family:inherit} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--primary-blue)} .form-group textarea {resize:vertical;min-height:120px} .partners-section {background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);padding:80px 0;text-align:center;position:relative;z-index:1;overflow:visible;border-radius:20px;margin:2rem 1rem;box-shadow:0 8px 32px rgba(0,0,0,0.1)} .partners-section h3 {font-size:2rem;color:var(--text-dark);margin-bottom:3rem;font-weight:600} .partners-logos {display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap} .partner-logo {display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform 0.3s ease} .partner-logo:hover {transform:translateY(-5px)} .partner-logo svg {height:60px;width:auto;transition:transform 0.3s ease;filter:grayscale(100%)} .partner-logo:hover svg {filter:grayscale(0%);transform:scale(1.05)} .iata-logo {width:160px;height:160px;transition:transform 0.3s ease} .iata-logo:hover {transform:scale(1.1)} .travelport-logo {background:#0056D3;padding:1rem 1.5rem;border-radius:8px;text-align:center;min-width:140px} .tp-text {color:white;font-size:1rem;font-weight:700;letter-spacing:0.5px;margin-bottom:0.2rem} .tp-subtext {color:white;font-size:0.8rem;font-weight:500;letter-spacing:0.3px} .partner-logo span {font-size:0.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.5px} @media (max-width:768px) {.partners-section {padding:60px 0} .partners-section h3 {font-size:1.5rem;margin-bottom:2rem;text-align:center} .partners-logos {gap:2rem;flex-direction:column;align-items:center;padding:0 15px} .partner-logo img {height:60px;max-width:100%} } @media (min-width:769px) {.hero-actions {flex-direction:row;gap:2rem} .btn {width:auto;min-width:200px} .floating-emoji {display:flex;opacity:0.7;transform:scale(0.7)} .hero-subtitle-container {padding:2rem;margin:0 0 2rem 0} .hero h1 {font-size:clamp(3.5rem,5vw,4.5rem);line-height:1.1} .hero-subtitle {font-size:clamp(1.3rem,2.2vw,1.5rem);line-height:1.7} .hero-text {max-width:700px} .custom-trip-header p {font-size:1.1rem;white-space:nowrap} .custom-trip-social a {font-size:1.2rem} } @media (min-width:1200px) {.hero h1 {font-size:4.5rem} .hero-subtitle {font-size:1.5rem} .hero-text {max-width:750px} .container {max-width:1400px} .nav-container {max-width:1400px} .floating-emoji {opacity:1;transform:scale(1)} .floating-emoji:hover {transform:scale(1.1) rotate(8deg);opacity:1} .floating-emoji:hover span {filter:drop-shadow(0 6px 20px rgba(0,0,0,0.4));transform:scale(1.1)} .hero-subtitle-container {max-width:800px} .hero-actions {gap:2.5rem} .btn {min-width:220px;padding:1.2rem 2.5rem} .destinations-grid {grid-template-columns:repeat(3,1fr);gap:1.5rem} .custom-trip-social {gap:2rem} .custom-trip-social a {width:42px;height:42px;font-size:1.2rem;padding:0.6rem} } @media (min-width:1600px) {.container {max-width:1600px} .nav-container {max-width:1600px} .hero-text {max-width:800px} .hero h1 {font-size:5rem} .hero-subtitle {font-size:1.6rem} .custom-trip-social {gap:2.5rem} .custom-trip-social a {width:45px;height:45px;font-size:1.3rem;padding:0.7rem} } .footer {background:linear-gradient(135deg,var(--text-dark),#334155);color:white;padding:120px 0 50px;position:relative;overflow:hidden} .footer::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)} .footer-content {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem} .logo {transition:opacity 0.3s ease;max-width:100%} .logo:hover {opacity:0.8} .footer-logo {display:flex;align-items:center;font-size:1.5rem;font-weight:700;margin-bottom:2rem} .footer-logo + p {font-size:0.95rem;font-weight:400;color:#CBD5E1;line-height:1.5;margin:0 0 2rem 0;max-width:260px;text-align:left;position:relative;padding:0.75rem 0;font-family:'Outfit',sans-serif;letter-spacing:0.2px;font-style:italic} .footer-logo + p::before {content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:2px;height:60%;background:linear-gradient(135deg,#3B82F6,#8B5CF6);border-radius:1px} .footer-logo i {margin-right:0.5rem;color:var(--primary-blue)} .footer-section p {color:#cbd5e1;margin-bottom:1rem;line-height:1.6} .footer-section a {color:#cbd5e1;text-decoration:none;transition:color 0.3s ease} .footer-section a:hover {color:#ffffff} .footer-section h4 {font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:white} .footer-section ul {list-style:none} .footer-section ul li {margin-bottom:0.5rem} .footer-section ul li a {color:#cbd5e1;text-decoration:none;transition:color 0.3s ease} .footer-section ul li a:hover {color:var(--primary-blue)} .social-links {display:flex;gap:1rem;margin-top:1rem} .social-links a {width:48px;height:48px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.3s ease} .social-links a:hover {background:var(--primary-blue);transform:translateY(-2px) scale(1.1)} .social-links a i {font-size:1.2rem} .footer-bottom {border-top:1px solid #334155;padding-top:2rem;text-align:center;color:#cbd5e1} @media (max-width:768px) {.container {padding:0 15px} .navbar {padding:0.8rem 0} .nav-container {padding:0 15px} .nav-logo {font-size:1.3rem} .nav-logo i {font-size:1.5rem} .hamburger {display:flex} .nav-menu {position:fixed;left:-100%;top:0;flex-direction:column;background-color:rgba(255,255,255,0.98);width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.05);padding:80px 0 2rem 0;height:100vh;gap:1rem} .nav-menu.active {left:0} .nav-menu a {padding:1rem 2rem;font-size:1.1rem;border-bottom:1px solid #f1f1f1} .custom-trip-header {top:100px;padding:0.8rem 0} .custom-trip-header .container {flex-direction:row;gap:1rem;padding:0 15px;text-align:left;align-items:center;flex-wrap:wrap} .custom-trip-header p {font-size:0.85rem;text-align:left;line-height:1.3;word-wrap:break-word;hyphens:auto;flex:1;min-width:250px} .custom-trip-social {gap:1rem;flex-shrink:0} .custom-trip-social a {width:36px;height:36px;font-size:0.9rem;padding:0.4rem} @media (max-width:480px) {.custom-trip-header .container {gap:0.8rem;padding:0 10px} .custom-trip-header p {font-size:0.8rem;min-width:200px} .custom-trip-social {gap:0.8rem} .custom-trip-social a {width:32px;height:32px;font-size:0.8rem;padding:0.3rem} } .hero {margin-top:120px;min-height:calc(100vh - 120px);padding:2rem 0} .hero-content {padding:0 15px;text-align:center} .hero-text {max-width:100%;margin-bottom:2rem} .hero h1 {font-size:clamp(2.2rem,8vw,3rem);line-height:1.2;margin-bottom:1rem} .hero-subtitle {font-size:clamp(1rem,4vw,1.2rem);line-height:1.6;margin-bottom:1.5rem} .hero-subtitle-container {padding:1.5rem;margin-bottom:1.5rem} .hero-actions {flex-direction:column;gap:1rem;align-items:center} .btn {width:100%;max-width:280px;padding:1rem 2rem;font-size:1rem;justify-content:center} .floating-emoji {display:none} .services {padding:60px 0} .services h2 {font-size:2rem;margin-bottom:1rem} .services-grid {grid-template-columns:1fr;gap:1.5rem;padding:0 15px} .service-card {padding:1.5rem} .trust-features {flex-direction:column;padding:2rem 1rem;gap:1.5rem} .trust-feature {margin-bottom:1rem;text-align:center} .destinations {padding:60px 0} .destinations h2 {font-size:2rem;margin-bottom:1rem} .destinations-grid {grid-template-columns:1fr;gap:1.5rem;padding:0 15px;max-width:400px;margin-left:auto;margin-right:auto} .destination-card {margin-bottom:1rem} .about {padding:60px 0} .about h2 {font-size:2rem;margin-bottom:1rem} .about-content {grid-template-columns:1fr;gap:2rem;padding:0 15px} .about-text {text-align:center} .about-highlights {gap:1.5rem} .highlight-item {text-align:center;padding:1.5rem} .about-cta {flex-direction:column;gap:1rem;align-items:center} .contact {padding:60px 0} .contact h2 {font-size:2rem;margin-bottom:1rem} .contact-content {grid-template-columns:1fr;gap:2rem;padding:0 15px} .contact-info {gap:1.5rem} .contact-item {text-align:center;padding:1.5rem} .contact-form {padding:1.5rem} .contact-form input,.contact-form select,.contact-form textarea {padding:1rem;font-size:1rem} .footer {padding:60px 0 40px;background:linear-gradient(135deg,#0f172a,#334155) !important} .footer-content {grid-template-columns:1fr;gap:2rem;text-align:center;padding:0 15px} .footer-section {text-align:center;margin-bottom:1.5rem} .footer-section h4 {color:#ffffff !important;font-size:1.2rem;margin-bottom:1rem} .footer-section p,.footer-section li {color:#cbd5e1 !important;font-size:0.95rem;line-height:1.6} .footer-section ul li a {color:#cbd5e1 !important;font-size:0.95rem;padding:0.5rem 0;display:block;transition:color 0.3s ease} .footer-section ul li a:hover {color:#ffffff !important} .footer-bottom {text-align:center;padding:2rem 15px 0;border-top:1px solid rgba(255,255,255,0.1)} .footer-bottom p {color:#94a3b8 !important;font-size:0.9rem} .social-links {justify-content:center;margin-top:1.5rem;gap:1rem} .social-links a {color:#cbd5e1 !important;font-size:1.1rem;padding:0.5rem;transition:color 0.3s ease} .social-links a:hover {color:#ffffff !important} .partners-section {padding:40px 0} .partners-logos {flex-direction:column;gap:1.5rem;align-items:center} .scroll-to-top {bottom:20px;right:20px;width:50px;height:50px;font-size:1.2rem} } @media (min-width:769px) and (max-width:1024px) {.container {padding:0 30px} .hero h1 {font-size:clamp(3.5rem,6vw,4rem)} .hero-subtitle {font-size:clamp(1.3rem,2.5vw,1.4rem)} .services-grid {grid-template-columns:repeat(2,1fr);gap:2rem} .destinations-grid {grid-template-columns:repeat(2,1fr);gap:1.5rem} .about-content {gap:3rem} .contact-content {gap:3rem} .custom-trip-header .container {gap:1.5rem} .social-section {gap:0.6rem} .social-handle {font-size:0.85rem} .custom-trip-social {gap:1.3rem} } @media (max-width:480px) {.container {padding:0 10px} .hero {margin-top:110px;padding:1rem 0} .hero h1 {font-size:clamp(1.8rem,10vw,2.2rem);line-height:1.1} .hero-subtitle {font-size:clamp(0.9rem,4.5vw,1rem);line-height:1.5} .hero-subtitle-container {padding:1rem;margin-bottom:1rem} .btn {padding:0.8rem 1.5rem;font-size:0.9rem;width:100%;max-width:250px} .service-card {padding:1.2rem} .destination-content {padding:1rem} .custom-trip-header {top:55px;padding:0.6rem 0} .custom-trip-social {gap:1.2rem} .custom-trip-header p {font-size:0.8rem} .custom-trip-social a {width:35px;height:35px;font-size:0.9rem;padding:8px;display:flex;align-items:center;justify-content:center} .navbar {padding:0.6rem 0} .nav-logo {font-size:1.1rem} .nav-logo i {font-size:1.3rem} } .iata-badge {background:linear-gradient(135deg,#ff6b35,#f7931e);color:white;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;display:inline-block;margin:0 0.5rem;box-shadow:0 4px 15px rgba(255,107,53,0.3);animation:pulse 2s infinite} .iata-badge-small {background:linear-gradient(135deg,#ff6b35,#f7931e);color:white;padding:0.2rem 0.6rem;border-radius:15px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;display:inline-block;margin-right:0.5rem;box-shadow:0 2px 10px rgba(255,107,53,0.3)} @keyframes pulse {0% {transform:scale(1)} 50% {transform:scale(1.05)} 100% {transform:scale(1)} } .footer-links {margin-top:1rem} .footer-links a {color:#cbd5e1;text-decoration:none;transition:color 0.3s ease;font-size:0.9rem} .footer-links a:hover {color:var(--primary-blue)} @keyframes fadeInUp {from {opacity:0;transform:translateY(30px)} to {opacity:1;transform:translateY(0)} } .service-card,.destination-card {animation:fadeInUp 0.6s ease forwards} .service-card:nth-child(2) {animation-delay:0.1s} .service-card:nth-child(3) {animation-delay:0.2s} .service-card:nth-child(4) {animation-delay:0.3s} .destination-card:nth-child(2) {animation-delay:0.1s} .destination-card:nth-child(3) {animation-delay:0.2s} .destination-card:nth-child(4) {animation-delay:0.3s} .destination-card:nth-child(5) {animation-delay:0.4s} .scroll-to-top {position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all 0.3s ease;opacity:0;visibility:hidden;z-index:1000;box-shadow:0 8px 25px rgba(37,99,235,0.3)} .scroll-to-top.visible {opacity:1;visibility:visible} .scroll-to-top:hover {transform:translateY(-5px) scale(1.1);box-shadow:0 15px 35px rgba(37,99,235,0.4)} @media (max-width:768px) {.container {padding:0 15px} .navbar {padding:0.8rem 0} .nav-container {padding:0 15px} .nav-logo {font-size:1.3rem} .nav-logo i {font-size:1.5rem} .hamburger {display:flex} .nav-menu {position:fixed;left:-100%;top:100px;flex-direction:column;background-color:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;height:calc(100vh - 70px);text-align:center;transition:0.3s ease;box-shadow:0 10px 27px rgba(0,0,0,0.1);padding:2rem 0;gap:1.5rem;z-index:1000;overflow-y:auto} .nav-menu.active {left:0} .nav-menu a {font-size:1.1rem;padding:0.8rem 0;border-bottom:1px solid rgba(0,0,0,0.1);width:100%;display:block} .custom-trip-header {top:100px;padding:0.8rem 0} .custom-trip-header .container {padding:0 15px;flex-direction:column;gap:0.8rem;text-align:center} .custom-trip-header p {font-size:0.95rem;text-align:center;white-space:normal;line-height:1.4} .custom-trip-social {margin-left:0;padding-left:0;justify-content:center;gap:1.2rem} .hero {flex-direction:column;text-align:center;padding:80px 0 40px;min-height:auto} .hero-content {padding:0 15px;margin-bottom:2rem;width:100%} .hero h1 {font-size:clamp(2rem,6vw,2.5rem);line-height:1.2;margin-bottom:1rem} .hero-subtitle-container {padding:1.5rem;margin:0 15px 2rem 15px;max-width:calc(100% - 30px);border-radius:15px} .hero-subtitle {font-size:clamp(0.95rem,3.5vw,1.1rem);line-height:1.6;text-align:center} .hero-actions {flex-direction:column;gap:1rem;width:100%;padding:0 15px} .btn {width:100%;max-width:280px;justify-content:center;padding:12px 24px;font-size:1rem} .floating-emoji {display:none} .services {padding:60px 0} .services-grid {grid-template-columns:1fr;gap:1.5rem;padding:0 15px} .service-card {padding:1.5rem;margin:0;border-radius:15px;transition:transform 0.2s ease,box-shadow 0.2s ease;-webkit-tap-highlight-color:transparent} .service-card:active {transform:scale(0.98);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .service-card h3 {font-size:1.3rem;margin-bottom:0.8rem;text-align:center} .service-card p {font-size:0.95rem;line-height:1.6;text-align:center} .service-card i {font-size:2.5rem;margin-bottom:1rem} .trust-features {flex-direction:column;gap:1.5rem;padding:0 15px;margin-bottom:3rem} .trust-feature {text-align:center;padding:1.5rem;border-radius:15px} .destinations {padding:60px 0} .destinations-grid {grid-template-columns:1fr;gap:1.5rem;padding:0 15px} .destination-card {border-radius:15px;overflow:hidden} .destination-content {padding:1.5rem} .destination-content h3 {font-size:1.3rem;margin-bottom:0.8rem} .destination-content p {font-size:0.95rem;line-height:1.6} .about {padding:60px 0} .about-content {grid-template-columns:1fr;gap:2rem;padding:0 15px} .about-text h3 {font-size:1.8rem;margin-bottom:1rem} .about-text p {font-size:1rem;line-height:1.6;margin-bottom:1.5rem} .about-highlights {gap:1.5rem;margin-bottom:2rem} .highlight-item {flex-direction:column;text-align:center;gap:1rem} .about-image {text-align:center} .about-image img {max-width:100%;height:auto;border-radius:15px} .contact {padding:60px 0} .contact-content {grid-template-columns:1fr;gap:2rem;padding:0 15px} .contact-form {padding:1.5rem;border-radius:15px} .contact-form input,.contact-form textarea,.contact-form select {padding:12px 16px;font-size:16px;border-radius:10px;-webkit-appearance:none;appearance:none;border:2px solid #e2e8f0;transition:all 0.3s ease} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1);transform:scale(1.01)} .btn {width:100%;padding:14px 24px;font-size:1rem;border-radius:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation} .btn:active {transform:scale(0.98)} .contact-info {gap:1.5rem} .contact-item {padding:1.5rem;border-radius:15px;text-align:center;transition:transform 0.2s ease} .contact-item:active {transform:scale(0.98)} .partners-section {padding:60px 0} .partners-logos {gap:2rem;flex-direction:column;align-items:center;padding:0 15px} .partner-logo img {height:60px;max-width:100%} .footer {padding:60px 0 30px} .footer-content {grid-template-columns:1fr;gap:2rem;text-align:center;padding:0 15px} .footer-section h4 {font-size:1.3rem;margin-bottom:1rem} .footer-section p,.footer-section li {font-size:0.95rem;line-height:1.6} .footer-links {text-align:center;margin-top:1.5rem} .footer-links a {display:inline-block;margin:0 0.5rem 0.5rem 0;font-size:0.9rem} .scroll-to-top {bottom:20px;right:20px;width:45px;height:45px;font-size:1rem} .section-title {font-size:clamp(1.8rem,5vw,2.2rem);text-align:center;margin-bottom:1.5rem} .section-subtitle {font-size:clamp(1rem,3vw,1.1rem);text-align:center;margin-bottom:2rem;padding:0 15px} .form-group {margin-bottom:1.5rem} .form-group label {font-size:0.95rem;margin-bottom:0.5rem;display:block} .btn-primary,.btn-secondary {width:100%;max-width:280px;margin:0 auto;display:block} .navbar {z-index:1001} .nav-menu {z-index:1000} .custom-trip-header {z-index:999} .scroll-to-top {z-index:998} .nav-menu.active {z-index:1000} .nav-menu::before {content:'';position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:-1} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .btn:active {transform:scale(0.98)} .service-card:active,.contact-item:active,.office-item:active {transform:scale(0.98)} .section {padding:60px 0} .section:first-child {padding-top:100px} .section-title {font-size:clamp(1.8rem,5vw,2.2rem);line-height:1.2;margin-bottom:1.5rem} .section-subtitle {font-size:clamp(1rem,3vw,1.1rem);line-height:1.5;margin-bottom:2rem} .hero-badge {font-size:0.8rem;padding:0.5rem 1rem;margin-bottom:1.5rem} .hero-visual-elements {display:none} .service-icon {width:60px;height:60px;font-size:1.5rem;margin-bottom:1rem} .destination-card img {height:200px;object-fit:cover} .about-highlights {flex-direction:column;gap:1.5rem} .highlight-item {flex-direction:row;text-align:left;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:12px} .highlight-item i {font-size:1.5rem;color:var(--primary-blue);flex-shrink:0} .contact-form .form-group:last-child {margin-bottom:0} .social-links {justify-content:center;gap:1rem} .social-links a {width:40px;height:40px;font-size:1rem} } @media (max-width:480px) {.container {padding:0 12px} .hero h1 {font-size:1.8rem} .hero-subtitle {font-size:0.9rem} .btn {padding:10px 20px;font-size:0.9rem;max-width:250px} .service-card,.contact-form,.contact-item,.office-item {padding:1.2rem;border-radius:12px} .section-title {font-size:1.6rem} .section-subtitle {font-size:0.9rem} .custom-trip-header p {font-size:0.85rem} .custom-trip-social {gap:1rem} .custom-trip-social a {font-size:1.1rem} .nav-logo {font-size:1.2rem} .nav-logo i {font-size:1.4rem} .hero {padding:70px 0 30px} .hero-subtitle-container {padding:1rem;margin:0 12px 1.5rem 12px} .services {padding:50px 0} .service-card {padding:1rem} .service-card h3 {font-size:1.2rem} .service-card p {font-size:0.9rem} .destinations {padding:50px 0} .destination-card img {height:180px} .destination-content {padding:1rem} .destination-content h3 {font-size:1.2rem} .destination-content p {font-size:0.9rem} .about {padding:50px 0} .about-text h3 {font-size:1.6rem} .about-text p {font-size:0.95rem} .highlight-item {padding:0.8rem;gap:0.8rem} .highlight-item i {font-size:1.3rem} .contact {padding:50px 0} .contact-form {padding:1rem} .contact-form input,.contact-form textarea,.contact-form select {padding:10px 14px;font-size:0.95rem} .contact-item {padding:1rem} .footer {padding:50px 0 25px} .footer-content {gap:1.5rem} .footer-section h4 {font-size:1.2rem} .footer-section p,.footer-section li {font-size:0.9rem} .social-links a {width:35px;height:35px;font-size:0.9rem} .scroll-to-top {bottom:15px;right:15px;width:40px;height:40px;font-size:0.9rem} } @media (min-width:769px) and (max-width:1024px) {.container {padding:0 30px} .hero h1 {font-size:3rem} .services-grid {grid-template-columns:repeat(2,1fr);gap:2rem} .contact-content {grid-template-columns:1fr 1fr;gap:3rem} .city-desks-grid {grid-template-columns:repeat(2,1fr);gap:2rem} .destinations-grid {grid-template-columns:repeat(2,1fr);gap:2rem} .about-content {grid-template-columns:1fr 1fr;gap:3rem;align-items:center} .trust-features {flex-direction:row;gap:2rem;justify-content:center} .trust-feature {flex:1;max-width:200px} .nav-menu {gap:1.5rem} .nav-menu a {font-size:1rem} .hero-actions {flex-direction:row;gap:1.5rem;justify-content:center} .btn {width:auto;min-width:180px} .floating-emoji {opacity:0.6;transform:scale(0.8)} .footer-content {grid-template-columns:repeat(2,1fr);gap:3rem} } .theme-toggle {position:relative;z-index:1002} @media (max-width:768px) {.theme-toggle {margin-right:0 !important;position:relative !important;z-index:1002 !important} .theme-btn {width:44px !important;height:44px !important;font-size:1.2rem !important;background:var(--primary-blue) !important;border:2px solid transparent !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;box-shadow:0 4px 15px rgba(0,0,0,0.2) !important;transition:all 0.3s ease !important} .theme-btn:active {transform:scale(0.95) !important;background:var(--secondary-teal) !important;box-shadow:0 2px 10px rgba(0,0,0,0.3) !important} .theme-btn:hover {background:var(--secondary-teal) !important;transform:scale(1.05) !important;box-shadow:0 6px 20px rgba(0,0,0,0.25) !important} [data-theme="dark"] .theme-btn {background:#06b6d4 !important;box-shadow:0 4px 15px rgba(6,182,212,0.3) !important} [data-theme="dark"] .theme-btn:hover {background:#0891b2 !important;box-shadow:0 6px 20px rgba(6,182,212,0.4) !important} [data-theme="dark"] .theme-btn:active {background:#0e7490 !important;box-shadow:0 2px 10px rgba(6,182,212,0.4) !important} } .theme-btn {background:var(--primary-blue);color:white;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)} .theme-btn:hover {background:var(--secondary-teal);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.2)} .theme-btn i {font-size:1.1rem} #sun-icon {display:none} [data-theme="dark"] {--primary-blue:#3b82f6;--secondary-teal:#06b6d4;--text-dark:#ffffff;--text-gray:#e2e8f0;--background:#000000;--card-bg:#111111;--border-color:#333333;--section-bg:#0a0a0a;--footer-bg:#000000} [data-theme="dark"] body {background:var(--background);color:var(--text-dark)} [data-theme="dark"] body::before {background:#000000;opacity:1} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.95);border-bottom:2px solid var(--border-color);box-shadow:0 4px 20px rgba(0,0,0,0.8)} [data-theme="dark"] .nav-logo span {color:var(--text-dark)} [data-theme="dark"] .nav-menu a {color:var(--text-dark)} [data-theme="dark"] .nav-menu a:hover {color:var(--secondary-teal)} [data-theme="dark"] .custom-trip-header {background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-dark);box-shadow:0 4px 20px rgba(0,0,0,0.8)} [data-theme="dark"] .custom-trip-header a {color:var(--secondary-teal)} [data-theme="dark"] .custom-trip-social a {background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark)} [data-theme="dark"] .custom-trip-social a:hover {background:var(--secondary-teal);color:white} [data-theme="dark"] .hero-overlay {background:rgba(15,23,42,0.4)} [data-theme="dark"] .hero-text {color:#ffffff !important} [data-theme="dark"] .hero-content {color:#ffffff !important} [data-theme="dark"] .hero-subtitle-container p {color:rgba(255,255,255,0.9) !important} [data-theme="dark"] .hero-actions .btn-primary {background:var(--primary-blue) !important;color:#ffffff !important;border-color:var(--primary-blue) !important} [data-theme="dark"] .hero-actions .btn-secondary {background:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,0.3) !important} [data-theme="dark"] .hero-subtitle-container::before {background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent) !important} [data-theme="dark"] .hero-visual-elements {opacity:0.8 !important} [data-theme="dark"] .floating-emoji span {filter:drop-shadow(0 4px 12px rgba(255,255,255,0.2)) !important} [data-theme="dark"] .hero h1 {color:#ffffff !important;text-shadow:0 4px 8px rgba(0,0,0,0.8)} [data-theme="dark"] .hero-subtitle {color:rgba(255,255,255,0.9) !important;text-shadow:0 2px 8px rgba(0,0,0,0.8)} [data-theme="dark"] .hero-subtitle-container {background:rgba(0,0,0,0.6) !important;border:1px solid rgba(255,255,255,0.2) !important;color:rgba(255,255,255,0.9) !important} [data-theme="dark"] .hero-actions .btn {color:#ffffff !important;border-color:rgba(255,255,255,0.3) !important} @media (min-width:769px) {[data-theme="dark"] .hero {background:linear-gradient(135deg,#1e40af 0%,#0d9488 100%) !important;border:none !important} [data-theme="dark"] .hero-background {background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%) !important} [data-theme="dark"] .hero-overlay {background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%) !important} [data-theme="dark"] .hero h1 {color:#ffffff !important;text-shadow:0 4px 20px rgba(0,0,0,0.3) !important} [data-theme="dark"] .hero-subtitle {color:rgba(255,255,255,0.9) !important;text-shadow:0 2px 8px rgba(0,0,0,0.2) !important} [data-theme="dark"] .hero-subtitle-container {background:#000000 !important;border:2px solid var(--secondary-teal) !important;backdrop-filter:blur(20px) !important;box-shadow:0 8px 32px rgba(0,0,0,0.8) !important} [data-theme="dark"] .hero-subtitle-container p {color:#ffffff !important;text-shadow:none !important} } @media (min-width:769px) {[data-theme="light"] .hero {background:linear-gradient(135deg,#1e40af 0%,#0d9488 100%) !important} [data-theme="light"] .hero-background {background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%) !important} [data-theme="light"] .hero-overlay {background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%) !important} [data-theme="light"] .hero h1 {color:#ffffff !important;text-shadow:0 4px 20px rgba(0,0,0,0.3) !important} [data-theme="light"] .hero-subtitle {color:rgba(255,255,255,0.9) !important;text-shadow:0 2px 8px rgba(0,0,0,0.2) !important} [data-theme="light"] .hero-subtitle-container {background:rgba(0,0,0,0.3) !important;border-color:rgba(255,255,255,0.1) !important;backdrop-filter:blur(20px) !important} [data-theme="light"] .hero-subtitle-container p {color:rgba(255,255,255,0.9) !important;text-shadow:0 2px 8px rgba(0,0,0,0.2) !important} } @media (min-width:769px) {[data-theme="light"] .contact {background:#ffffff !important;border-top:2px solid var(--secondary-teal) !important;border-bottom:2px solid var(--secondary-teal) !important} [data-theme="light"] .contact h2 {color:#000000 !important} [data-theme="light"] .contact .section-subtitle {color:#475569 !important} [data-theme="light"] .contact-item {background:#000000 !important;border:2px solid var(--secondary-teal) !important;box-shadow:0 8px 32px rgba(13,148,136,0.2) !important} [data-theme="light"] .contact-item:hover {background:#111111 !important;box-shadow:0 20px 40px rgba(13,148,136,0.4) !important} [data-theme="light"] .contact-item h4 {color:#ffffff !important} [data-theme="light"] .contact-item p {color:var(--secondary-teal) !important;text-shadow:none !important} [data-theme="light"] .contact-item a {color:var(--secondary-teal) !important} [data-theme="light"] .contact-item i {color:var(--secondary-teal) !important} [data-theme="light"] .contact-form {background:#000000 !important;border:2px solid var(--secondary-teal) !important;box-shadow:0 8px 32px rgba(13,148,136,0.2) !important} } [data-theme="dark"] .services {background:var(--section-bg)} [data-theme="dark"] .services h2 {color:var(--text-dark)} [data-theme="dark"] .iata-subtitle {color:#60a5fa !important;opacity:1 !important;text-shadow:0 1px 2px rgba(0,0,0,0.3)} [data-theme="dark"] .services p {color:var(--text-gray)} [data-theme="dark"] .service-card {background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-dark);box-shadow:0 8px 32px rgba(0,0,0,0.5)} [data-theme="dark"] .service-card h3 {color:var(--text-dark);text-shadow:0 2px 4px rgba(0,0,0,0.8)} [data-theme="dark"] .service-card p {color:var(--text-gray);text-shadow:0 1px 2px rgba(0,0,0,0.8)} [data-theme="dark"] .service-card:hover {border-color:var(--secondary-teal);box-shadow:0 12px 40px rgba(6,182,212,0.3);transform:translateY(-5px)} [data-theme="dark"] .destinations {background:#000000 !important;border-top:2px solid var(--secondary-teal);border-bottom:2px solid var(--secondary-teal);padding:80px 0;position:relative;overflow:visible} [data-theme="dark"] .destinations h2 {color:var(--text-dark);text-shadow:none;font-weight:700} [data-theme="dark"] .destinations p {color:var(--text-gray);text-shadow:none;font-weight:500} [data-theme="dark"] .destination-card {background:#000000;border:2px solid var(--secondary-teal);color:var(--text-dark);box-shadow:0 8px 32px rgba(6,182,212,0.2);display:none} [data-theme="dark"] .destination-card.active {display:block !important;visibility:visible !important;opacity:1 !important} [data-theme="dark"] .destination-content h3 {color:var(--secondary-teal);text-shadow:none;font-weight:700} [data-theme="dark"] .destination-content p {color:#ffffff;text-shadow:none;font-weight:500} [data-theme="dark"] .carousel-controls-overlay {background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(6,182,212,0.1));visibility:visible !important;opacity:1 !important} [data-theme="dark"] .carousel-btn {background:#ffffff;border:2px solid var(--secondary-teal);color:var(--secondary-teal);box-shadow:0 4px 16px rgba(6,182,212,0.3)} [data-theme="dark"] .carousel-btn:hover:not(:disabled) {background:var(--secondary-teal);color:white;border-color:var(--secondary-teal);box-shadow:0 6px 20px rgba(6,182,212,0.6)} [data-theme="dark"] .carousel-indicators {background:rgba(255,255,255,0.9);border:1px solid var(--secondary-teal);box-shadow:0 4px 16px rgba(6,182,212,0.2)} [data-theme="dark"] .indicator {background:#e5e7eb;border:2px solid var(--secondary-teal);box-shadow:0 2px 8px rgba(6,182,212,0.3)} [data-theme="dark"] .indicator.active {background:var(--secondary-teal);border-color:var(--secondary-teal);box-shadow:0 4px 12px rgba(6,182,212,0.8)} [data-theme="dark"] .about {background:var(--section-bg)} [data-theme="dark"] .about h2 {color:var(--text-dark)} [data-theme="dark"] .about-subtitle {color:var(--text-gray)} [data-theme="dark"] .about-content {background:var(--card-bg);border:1px solid var(--border-color)} [data-theme="dark"] .about-text h3 {color:var(--text-dark)} [data-theme="dark"] .about-text p {color:var(--text-gray)} [data-theme="dark"] .highlight-item {background:var(--card-bg);border:1px solid var(--border-color)} [data-theme="dark"] .highlight-item h4 {color:var(--text-dark)} [data-theme="dark"] .highlight-item p {color:var(--text-gray)} [data-theme="dark"] .contact {background:#000000 !important;border-top:2px solid var(--secondary-teal);border-bottom:2px solid var(--secondary-teal)} [data-theme="dark"] .contact h2 {color:var(--text-dark)} [data-theme="dark"] .contact p {color:var(--text-gray)} [data-theme="dark"] .contact-form {background:#111111;border:2px solid #333333;box-shadow:0 8px 32px rgba(0,0,0,0.5)} [data-theme="dark"] .contact-form input,[data-theme="dark"] .contact-form textarea,[data-theme="dark"] .contact-form select {background:var(--background);border:1px solid var(--border-color);color:var(--text-dark)} [data-theme="dark"] .contact-form input:focus,[data-theme="dark"] .contact-form textarea:focus,[data-theme="dark"] .contact-form select:focus {border-color:var(--secondary-teal);box-shadow:0 0 0 3px rgba(8,145,178,0.1)} [data-theme="dark"] .contact-info {background:transparent;border:none;box-shadow:none} [data-theme="dark"] .contact-item {background:#111111;border:2px solid #333333;box-shadow:0 4px 16px rgba(0,0,0,0.5)} [data-theme="dark"] .contact-item h4 {color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.8)} [data-theme="dark"] .contact-item p {color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,0.8)} [data-theme="dark"] .contact-item i {color:var(--secondary-teal);text-shadow:0 2px 4px rgba(6,182,212,0.6)} [data-theme="dark"] .partners-section {background:var(--section-bg)} [data-theme="dark"] .partners-section h2 {color:var(--text-dark)} [data-theme="dark"] .partners-section p {color:var(--text-gray)} [data-theme="dark"] .footer {background:var(--footer-bg);border-top:1px solid var(--border-color)} [data-theme="dark"] .footer h4 {color:var(--text-dark)} [data-theme="dark"] .footer p,[data-theme="dark"] .footer a {color:var(--text-gray)} [data-theme="dark"] .footer a:hover {color:var(--secondary-teal)} [data-theme="dark"] .floating-emoji span {filter:drop-shadow(0 4px 12px rgba(255,255,255,0.2))} [data-theme="dark"] .btn {color:white} [data-theme="dark"] .btn-secondary {background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark)} [data-theme="dark"] .btn-secondary:hover {background:var(--secondary-teal);color:white;border-color:var(--secondary-teal)} [data-theme="dark"] .submit-btn {background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));color:white;border:none;box-shadow:0 4px 16px rgba(6,182,212,0.4)} [data-theme="dark"] .submit-btn:hover {background:linear-gradient(135deg,var(--secondary-teal),var(--primary-blue));box-shadow:0 6px 20px rgba(6,182,212,0.6);transform:translateY(-2px)} [data-theme="dark"] .theme-btn {background:var(--secondary-teal);color:white;box-shadow:0 2px 8px rgba(6,182,212,0.3)} [data-theme="dark"] .theme-btn:hover {background:var(--primary-blue);box-shadow:0 4px 12px rgba(59,130,246,0.4)} * {transition:all 0.3s ease} @supports (-webkit-touch-callout:none) {.hero {min-height:100vh;min-height:-webkit-fill-available} .navbar {position:-webkit-sticky;position:sticky} } @media screen and (-webkit-min-device-pixel-ratio:0) {.hero {min-height:100vh} } @media (max-width:768px) {.navbar {z-index:1001} .nav-menu {z-index:1000} .custom-trip-header {z-index:999} .scroll-to-top {z-index:998} .nav-menu.active {z-index:1000} .nav-menu::before {content:'';position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:-1} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .btn:active {transform:scale(0.98)} .service-card:active,.contact-item:active,.office-item:active {transform:scale(0.98)} .section {padding:60px 0} .section:first-child {padding-top:100px} .section-title {font-size:clamp(1.8rem,5vw,2.2rem);line-height:1.2;margin-bottom:1.5rem} .section-subtitle {font-size:clamp(1rem,3vw,1.1rem);line-height:1.5;margin-bottom:2rem} } .mobile-device .service-card,.mobile-device .destination-card,.mobile-device .contact-item,.mobile-device .office-item {cursor:pointer;-webkit-tap-highlight-color:transparent} .mobile-device .btn {min-height:48px;-webkit-tap-highlight-color:transparent} .mobile-device .nav-menu a {min-height:48px;display:flex;align-items:center;justify-content:center} .mobile-alert {animation:fadeIn 0.3s ease} .mobile-alert-content {animation:slideUp 0.3s ease} @keyframes fadeIn {from {opacity:0} to {opacity:1} } @keyframes slideUp {from {opacity:0;transform:translateY(30px) scale(0.9)} to {opacity:1;transform:translateY(0) scale(1)} } .nav-link-animate {opacity:0;transform:translateY(20px);animation:navLinkSlideIn 0.5s ease forwards} @keyframes navLinkSlideIn {to {opacity:1;transform:translateY(0)} } @media (max-height:500px) and (orientation:landscape) {.hero {padding:60px 0 30px;min-height:auto} .hero h1 {font-size:1.8rem;margin-bottom:0.5rem} .hero-subtitle {font-size:0.9rem;margin-bottom:1rem} .hero-actions {flex-direction:row;gap:1rem} .btn {padding:8px 16px;font-size:0.9rem} .services,.destinations,.about,.contact {padding:40px 0} .section-title {font-size:1.6rem;margin-bottom:1rem} .section-subtitle {font-size:0.9rem;margin-bottom:1.5rem} } .mobile-device .contact-form input,.mobile-device .contact-form textarea,.mobile-device .contact-form select {font-size:16px;-webkit-appearance:none;appearance:none;border-radius:8px} .mobile-device .contact-form input:focus,.mobile-device .contact-form textarea:focus,.mobile-device .contact-form select:focus {transform:scale(1.02);box-shadow:0 0 0 3px rgba(37,99,235,0.15)} .mobile-device .service-card,.mobile-device .destination-card {transition:transform 0.2s ease,box-shadow 0.2s ease} .mobile-device .service-card:active,.mobile-device .destination-card:active {transform:scale(0.98);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .mobile-device .footer-content {gap:2rem} .mobile-device .footer-section {text-align:center} .mobile-device .social-links {justify-content:center;margin-top:1.5rem} .mobile-device .custom-trip-header {padding:1rem 0} .mobile-device .custom-trip-header .container {gap:1rem} .mobile-device .custom-trip-header p {font-size:0.9rem;line-height:1.4} .mobile-device .custom-trip-social {gap:1.5rem} .mobile-device .custom-trip-social a {font-size:1.2rem;padding:10px;border-radius:50%;background:rgba(255,255,255,0.1);transition:background 0.2s ease;width:42px;height:42px;display:flex;align-items:center;justify-content:center} .mobile-device .custom-trip-social a:active {background:rgba(255,255,255,0.2)} .mobile-device .trust-features {gap:1.5rem} .mobile-device .trust-feature {padding:1.5rem;text-align:center;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1)} .mobile-device .trust-feature i {font-size:2rem;color:var(--secondary-teal);margin-bottom:1rem} .mobile-device .trust-feature h4 {font-size:1.1rem;margin-bottom:0.5rem} .mobile-device .trust-feature p {font-size:0.9rem;opacity:0.9} .mobile-device .about-highlights {gap:1.5rem} .mobile-device .highlight-item {background:var(--bg-light);padding:1.5rem;border-radius:12px;border:1px solid var(--border-light)} .mobile-device .highlight-item i {font-size:1.5rem;color:var(--primary-blue);margin-bottom:0.5rem} .mobile-device .highlight-item h4 {font-size:1.1rem;margin-bottom:0.5rem} .mobile-device .highlight-item p {font-size:0.9rem;color:var(--text-gray)} .mobile-device .scroll-to-top {bottom:20px;right:20px;width:50px;height:50px;font-size:1.2rem;box-shadow:0 4px 20px rgba(37,99,235,0.3)} .mobile-device .scroll-to-top:active {transform:scale(0.95)} .mobile-device .hero {min-height:100vh;min-height:calc(var(--vh,1vh) * 100)} @media (max-width:768px) {.btn,.service-card,.destination-card,.contact-item,.nav-menu a {min-height:44px;touch-action:manipulation} .custom-trip-social a {min-height:44px;min-width:44px} html {scroll-behavior:smooth} ::selection {background:var(--primary-blue);color:white} .btn:focus,.service-card:focus,.destination-card:focus,.contact-item:focus {outline:2px solid var(--primary-blue);outline-offset:2px} } .mobile-device * {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media (max-width:768px) {.hero-content,.services,.destinations,.about,.contact {position:relative;z-index:1} body {overflow-x:hidden;width:100%} .btn {min-height:48px;display:flex;align-items:center;justify-content:center} .services-grid,.destinations-grid {display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;padding:0 1rem} .service-card {padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08)} .service-icon {width:60px;height:60px;margin:0 auto 1rem} .service-card h3 {font-size:1.2rem;margin-bottom:0.8rem} .service-card p {font-size:0.9rem;line-height:1.5} .destination-card {border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08)} .destination-card img {height:160px;width:100%;object-fit:cover} .destination-content {padding:1rem} .destination-content h3 {font-size:1.1rem;margin-bottom:0.6rem} .destination-content p {font-size:0.9rem;line-height:1.4} .section {padding:60px 0} .section h2 {font-size:2rem;margin-bottom:1.5rem;text-align:center} .section-subtitle {font-size:1.1rem;text-align:center;margin-bottom:3rem} } .mobile-device img {-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none} .mobile-device .btn:active,.mobile-device .service-card:active,.mobile-device .destination-card:active,.mobile-device .contact-item:active {transform:scale(0.98);transition:transform 0.1s ease} .mobile-device .custom-trip-header {top:100px;padding:0.8rem 0} .mobile-device .custom-trip-header .container {gap:1rem;padding:0 15px} .mobile-device .custom-trip-header p {font-size:0.85rem;line-height:1.3;word-wrap:break-word;hyphens:auto} .mobile-device .custom-trip-social {gap:1rem} .mobile-device .custom-trip-social a {width:36px;height:36px;font-size:0.9rem;padding:0.4rem;min-height:44px;min-width:44px} .mobile-device .btn-loading {display:inline-flex !important;align-items:center;gap:0.5rem} .mobile-device .btn-loading i {animation:spin 1s linear infinite} @keyframes spin {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } .mobile-device .contact-form input:invalid,.mobile-device .contact-form textarea:invalid,.mobile-device .contact-form select:invalid {border-color:#ef4444} .mobile-device .contact-form input:valid,.mobile-device .contact-form textarea:valid,.mobile-device .contact-form select:valid {border-color:#10b981} .mobile-device .btn:focus,.mobile-device .service-card:focus,.mobile-device .destination-card:focus {outline:2px solid var(--primary-blue);outline-offset:2px} .mobile-device {scroll-behavior:smooth;-webkit-overflow-scrolling:touch} @media (max-width:768px) {body {font-size:16px;line-height:1.6} .service-card,.destination-card,.contact-card {border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease} .service-card:hover,.destination-card:hover,.contact-card:hover {transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12)} .btn {border-radius:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,0,0,0.1)} .btn:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)} .contact-form input,.contact-form select,.contact-form textarea {border-radius:12px;border:2px solid #e2e8f0;transition:all 0.3s ease;min-height:48px;font-size:16px} .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1);transform:translateY(-1px)} .nav-menu.active {backdrop-filter:blur(20px);background-color:rgba(255,255,255,0.95)} .nav-menu a {border-radius:8px;margin:0.5rem 1rem;transition:all 0.3s ease} .nav-menu a:hover {background-color:rgba(37,99,235,0.1);color:var(--primary-blue)} .contact-form-section {padding:80px 0} .contact-content {grid-template-columns:1fr;gap:2rem;padding:0 1rem} .contact-form-container {padding:1.5rem} .contact-info {gap:1.5rem} .contact-card {padding:1.5rem;min-height:60px} .submit-btn {padding:1rem 2rem;font-size:1rem;min-height:50px;width:100%} } @media screen and (orientation:landscape) and (max-height:500px) {.mobile-device .navbar {padding:0.5rem 0} .mobile-device .nav-logo {font-size:1.2rem} .mobile-device .hero {padding:50px 0 20px} .mobile-device .hero h1 {font-size:1.6rem} .mobile-device .hero-subtitle {font-size:0.85rem} .mobile-device .btn {padding:8px 16px;font-size:0.85rem} .mobile-device .custom-trip-header {top:50px;padding:0.6rem 0} .mobile-device .custom-trip-header p {font-size:0.8rem} .mobile-device .custom-trip-social a {width:32px;height:32px;font-size:0.8rem} } @media (max-width:360px) {.custom-trip-header .container {gap:0.6rem;padding:0 8px} .custom-trip-header p {font-size:0.75rem;min-width:180px} .custom-trip-social {gap:0.6rem} .custom-trip-social a {width:30px;height:30px;font-size:0.75rem;padding:0.25rem} } @media (max-width:768px) {.destinations {padding:40px 0;overflow:visible} .destinations .container {padding:0 15px} .section-title {font-size:1.8rem;margin-bottom:1rem;text-align:center} .section-subtitle {font-size:1rem;margin-bottom:1rem;text-align:center;padding:0 15px} .iata-subtitle {font-size:0.9rem;margin-bottom:2rem;opacity:0.7} .carousel-container {min-height:400px;border-radius:15px;margin:0 auto;max-width:calc(100% - 30px);overflow:hidden} .destination-card {width:100%;margin:0;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,0.15)} .destination-image {height:250px} .destination-content {padding:1.5rem} .destination-content h3 {font-size:1.4rem;margin-bottom:0.8rem;text-align:center} .destination-content p {font-size:0.95rem;line-height:1.6;text-align:center;margin-bottom:1rem} .carousel-controls-overlay {opacity:1;background:linear-gradient(90deg,rgba(0,0,0,0.6) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.6) 100%);padding:0 0.5rem} .carousel-btn {width:50px;height:50px;font-size:1.3rem;background:rgba(255,255,255,0.95);border:2px solid rgba(255,255,255,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.3)} .carousel-btn:active {transform:scale(0.95);background:rgba(255,255,255,1)} .carousel-btn:disabled {opacity:0.4;background:rgba(255,255,255,0.7)} .carousel-indicators {bottom:10px;left:50%;transform:translateX(-50%);gap:0.5rem;z-index:10} .indicator {width:8px;height:8px;background:rgba(255,255,255,0.6);border:1.5px solid rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease} .indicator.active {background:rgba(255,255,255,1);border-color:rgba(255,255,255,0.8);transform:scale(1.2)} .indicator:active {transform:scale(0.9)} .btn-destination {margin-bottom:2rem} } @media (max-width:480px) {.destinations {padding:30px 0} .carousel-container {min-height:350px;margin:0 auto;max-width:calc(100% - 20px);border-radius:12px} .destination-image {height:200px} .destination-content {padding:1.2rem} .destination-content h3 {font-size:1.3rem} .destination-content p {font-size:0.9rem} .carousel-btn {width:45px;height:45px;font-size:1.2rem} .carousel-indicators {bottom:8px;left:50%;transform:translateX(-50%);gap:0.4rem;z-index:10} .indicator {width:7px;height:7px} .btn-destination {margin-bottom:1.5rem} } @media (max-width:360px) {.carousel-container {min-height:320px;margin:0 auto;max-width:calc(100% - 16px)} .destination-image {height:180px} .destination-content {padding:1rem} .destination-content h3 {font-size:1.2rem} .destination-content p {font-size:0.85rem} .carousel-btn {width:40px;height:40px;font-size:1.1rem} .carousel-indicators {bottom:6px;left:50%;transform:translateX(-50%);gap:0.3rem;z-index:10} .indicator {width:6px;height:6px} .btn-destination {margin-bottom:1.2rem} [data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important} [data-theme="dark"] .destination-card {background:#000000 !important} body {background:#ffffff !important} .service-card {background:#ffffff !important} .destination-card {background:#ffffff !important} } @media (hover:none) and (pointer:coarse) {.carousel-btn {-webkit-tap-highlight-color:transparent;touch-action:manipulation} .indicator {-webkit-tap-highlight-color:transparent;touch-action:manipulation} .destination-card {-webkit-tap-highlight-color:transparent} .btn {-webkit-tap-highlight-color:transparent;touch-action:manipulation} .nav-menu a {-webkit-tap-highlight-color:transparent;touch-action:manipulation} .service-card {-webkit-tap-highlight-color:transparent} } @media (max-width:768px) {[data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] body::before {background:#000000 !important;opacity:1 !important} [data-theme="dark"] .services {background:#000000 !important} [data-theme="dark"] .destinations {background:#000000 !important} [data-theme="dark"] .about {background:#000000 !important} [data-theme="dark"] .contact {background:#000000 !important} [data-theme="dark"] .partners-section {background:#000000 !important} [data-theme="dark"] .footer {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .destination-card {background:#000000 !important;border-color:#06b6d4 !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .contact {border-top:2px solid var(--secondary-teal);border-bottom:2px solid var(--secondary-teal);padding:60px 0} [data-theme="dark"] .contact h2 {color:#ffffff !important;font-size:2rem;margin-bottom:1.5rem} [data-theme="dark"] .contact .section-subtitle {color:#cbd5e1 !important;font-size:1rem;margin-bottom:2rem} [data-theme="dark"] .contact-content {gap:2rem;padding:0 15px} [data-theme="dark"] .contact-info {gap:1.5rem} [data-theme="dark"] .contact-item {background:#111111 !important;border:1px solid #333333 !important;padding:1.2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.5)} [data-theme="dark"] .contact-item h4 {color:#ffffff !important;font-size:1rem} [data-theme="dark"] .contact-item p {color:#cbd5e1 !important;font-size:0.9rem} [data-theme="dark"] .contact-item i {color:var(--secondary-teal) !important} [data-theme="dark"] .contact-form {background:#111111 !important;border:1px solid #333333 !important;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.5)} } @media (max-width:768px) {body {background:#ffffff !important} body::before {opacity:0.05 !important} .services {background:#ffffff !important} .destinations {background:#ffffff !important} .about {background:#ffffff !important} .contact {background:#ffffff !important;border-top:2px solid var(--secondary-teal);border-bottom:2px solid var(--secondary-teal)} .partners-section {background:#ffffff !important} .footer {background:#ffffff !important;padding:60px 0 40px} .footer-content {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;text-align:center !important} .footer-section:last-child {order:-1} .footer-section {text-align:center !important;margin-bottom:1.5rem !important} .footer-section h4 {font-size:1.2rem !important;margin-bottom:1rem !important;color:#0f172a !important} .footer-section p,.footer-section li {font-size:0.95rem !important;line-height:1.6 !important;color:#475569 !important} .footer-section ul li a {font-size:0.95rem !important;padding:0.5rem 0 !important;display:block !important;transition:color 0.3s ease !important} .footer-bottom {text-align:center !important;padding:2rem 1rem 0 !important;border-top:1px solid #e2e8f0 !important} .footer-bottom p {font-size:0.9rem !important;color:#64748b !important} .social-links {justify-content:center !important;margin-top:1.5rem !important;gap:1rem !important} .social-links a {font-size:1.1rem !important;padding:0.5rem !important;min-height:48px !important;min-width:48px !important;display:flex !important;align-items:center !important;justify-content:center !important} .service-card {background:#ffffff !important;border-color:#e2e8f0 !important;padding:2rem 1.5rem;border-radius:20px;margin:0;box-shadow:0 8px 25px rgba(0,0,0,0.08)} .service-card:hover {transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,0,0,0.12)} .service-card h3 {font-size:1.2rem;margin-bottom:0.75rem} .service-card p {font-size:0.9rem;line-height:1.5} .service-icon {width:70px;height:70px;margin-bottom:1.5rem} .service-icon i {font-size:2rem} .destination-card {background:#ffffff !important;border-color:#e2e8f0 !important;padding:2rem 1.5rem;border-radius:20px;margin:0} .navbar {background:rgba(255,255,255,0.98) !important} .custom-trip-header {background:var(--gradient-primary) !important;border:none !important;color:white !important;top:100px;padding:1rem 0} .custom-trip-header .container {padding:0 1rem;flex-direction:column;gap:1rem;text-align:center} .custom-trip-header p {color:white !important;font-size:0.9rem;line-height:1.5;margin:0} .custom-trip-header a {color:#ffff00 !important;font-size:0.9rem;display:inline-block;margin:0.25rem 0} .custom-trip-header a:hover {color:#e6e600 !important} .custom-trip-social {display:flex;justify-content:center;gap:1rem} .custom-trip-social a {color:#ffff00 !important;background:rgba(255,255,0,0.1) !important;border:2px solid #ffff00 !important;width:40px;height:40px;min-height:48px;min-width:48px} .custom-trip-social a:hover {background:rgba(255,255,0,0.2) !important;color:#e6e600 !important} .contact {padding:60px 0} .contact h2 {color:#0f172a !important;font-size:2rem;margin-bottom:1.5rem;text-align:center} .contact .section-subtitle {color:#475569 !important;font-size:1rem;margin-bottom:2rem;text-align:center} .contact-content {grid-template-columns:1fr;gap:2rem;padding:0 1rem;max-width:100%} .contact-info {gap:1.5rem} .contact-item {padding:1.5rem;border-radius:20px;min-height:auto} .contact-form {padding:1.5rem;border-radius:20px} .contact-form input,.contact-form textarea,.contact-form select {min-height:48px;font-size:16px;padding:0.75rem 1rem} .contact-form button {width:100%;min-height:48px;font-size:1rem} .contact-info {gap:1.5rem} .contact-item {background:#000000 !important;border:2px solid var(--secondary-teal) !important;padding:1.2rem;border-radius:12px;box-shadow:0 4px 20px rgba(13,148,136,0.2)} .contact-item h4 {color:#ffffff !important;font-size:1rem} .contact-item p {color:#ffffff !important;font-size:0.9rem} [data-theme="light"] .contact-item p {color:var(--secondary-teal) !important} [data-theme="light"] .contact-item h4 {color:#ffffff !important} [data-theme="light"] .contact-item a {color:var(--secondary-teal) !important} [data-theme="light"] .contact-item i {color:var(--secondary-teal) !important} .contact-item i {color:var(--secondary-teal) !important} .contact-form {background:#000000 !important;border:2px solid var(--secondary-teal) !important;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(13,148,136,0.2)} [data-theme="light"] .contact-form {background:#000000 !important;border:2px solid var(--secondary-teal) !important;box-shadow:0 4px 20px rgba(13,148,136,0.2) !important} .btn {min-height:48px;padding:12px 24px;font-size:1rem;border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation} .btn:active {transform:scale(0.98)} input,textarea,select {font-size:16px !important;min-height:48px;padding:12px 16px;border-radius:12px;-webkit-appearance:none;appearance:none;border:2px solid #e2e8f0} input:focus,textarea:focus,select:focus {border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1);transform:scale(1.01)} .service-card,.destination-card {border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;-webkit-tap-highlight-color:transparent} .service-card:active,.destination-card:active {transform:scale(0.98);box-shadow:0 2px 10px rgba(0,0,0,0.1)} } @media (max-width:768px) {[data-theme="dark"] .btn {background:#333333;color:#ffffff;border:2px solid #06b6d4} [data-theme="dark"] .btn:active {background:#06b6d4;transform:scale(0.98)} [data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select {background:#111111;color:#ffffff;border:2px solid #333333} [data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus {border-color:#06b6d4;background:#000000;box-shadow:0 0 0 3px rgba(6,182,212,0.2)} [data-theme="dark"] .service-card:active,[data-theme="dark"] .destination-card:active {transform:scale(0.98);box-shadow:0 2px 10px rgba(6,182,212,0.3)} } @media (max-width:768px) {@media (prefers-reduced-motion:reduce) {* {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } .btn,.carousel-btn,.indicator {min-height:44px;min-width:44px} .btn:focus,.carousel-btn:focus,.indicator:focus {outline:2px solid var(--primary-blue);outline-offset:2px} .service-card h3,.destination-card h3 {color:var(--text-dark);text-shadow:none} .service-card p,.destination-card p {color:var(--text-gray);text-shadow:none} .floating-emoji {display:none} .destination-image img {object-fit:cover;object-position:center} .nav-menu.active {background-color:rgba(255,255,255,0.98);backdrop-filter:blur(20px)} [data-theme="dark"] .nav-menu.active {background-color:rgba(0,0,0,0.98);backdrop-filter:blur(20px)} [data-theme="dark"] .hero h1 {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.8)} [data-theme="dark"] .hero-subtitle {color:#e2e8f0 !important;text-shadow:0 1px 2px rgba(0,0,0,0.8)} [data-theme="dark"] .hero-subtitle-container {background:rgba(0,0,0,0.7) !important;color:rgba(255,255,255,0.9) !important} [data-theme="dark"] .hero-actions .btn {color:#ffffff !important;border-color:rgba(255,255,255,0.4) !important} [data-theme="dark"] .hero-actions .btn-primary {background:var(--primary-blue) !important;color:#ffffff !important} [data-theme="dark"] .section-subtitle {color:#cbd5e1 !important} [data-theme="dark"] .iata-subtitle {color:#60a5fa !important;text-shadow:0 1px 2px rgba(0,0,0,0.5)} } @media (max-width:768px) {.floating-emoji {animation:none !important;transform:none !important;transition:none !important} .btn:hover,.service-card:hover,.destination-card:hover,.contact-item:hover,.partner-logo:hover {transform:none !important;transition:none !important} * {backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden} .hero-image img {transform:none !important;transition:none !important} @keyframes float {0%,100% {transform:none} 50% {transform:none} } } @media (max-width:768px) {.floating-emoji {animation:none !important;transform:none !important;transition:none !important} .btn:hover,.service-card:hover,.destination-card:hover,.contact-item:hover,.partner-logo:hover {transform:none !important;transition:none !important} * {backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden} .hero h1 {color:#0f172a !important;text-shadow:0 2px 4px rgba(255,255,255,0.8) !important} .hero-subtitle {color:#475569 !important;text-shadow:0 1px 2px rgba(255,255,255,0.8) !important} .hero-subtitle-container {background:rgba(255,255,255,0.9) !important;border-color:rgba(0,0,0,0.1) !important;backdrop-filter:blur(20px) !important} .hero-subtitle-container p {color:#475569 !important;text-shadow:0 1px 2px rgba(255,255,255,0.8) !important} .section-subtitle {color:#64748b !important} .iata-subtitle {color:#1e40af !important;text-shadow:0 1px 2px rgba(255,255,255,0.5)} .service-card {background:#ffffff !important;border:1px solid #e2e8f0 !important;color:#0f172a !important} .service-card h3 {color:#0f172a !important} .service-card p {color:#475569 !important} .destination-card {background:#ffffff !important;border:1px solid #e2e8f0 !important;color:#0f172a !important} .destination-card h3 {color:#0f172a !important} .destination-card p {color:#475569 !important} .hero {background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important} .hero-text {color:#0f172a !important} .hero-actions .btn {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important} .hero-actions .btn-primary {background:var(--secondary-teal) !important;border-color:var(--secondary-teal) !important} .hero-actions .btn-secondary {background:transparent !important;border-color:var(--secondary-teal) !important;color:var(--secondary-teal) !important} .hero-actions .btn-secondary:hover {background:var(--secondary-teal) !important;color:#ffffff !important} } @media (max-width:768px) {.carousel-container {position:relative;overflow:hidden;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,0.15);width:100%;height:auto;min-height:450px} .carousel-indicators {bottom:10px;left:50%;transform:translateX(-50%);gap:0.5rem;z-index:10} .indicator {width:8px;height:8px;background:rgba(255,255,255,0.6);border:1.5px solid rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease} .indicator.active {background:rgba(255,255,255,1);border-color:rgba(255,255,255,0.8);transform:scale(1.2)} .indicator:hover {background:rgba(255,255,255,0.8);transform:scale(1.1)} .btn-destination {margin-bottom:2rem} } @media (max-width:768px) {.services-grid {grid-template-columns:1fr !important;gap:1.5rem !important;padding:0 15px !important} .service-card {padding:1.5rem !important;margin:0 !important;border-radius:16px !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;transition:all 0.3s ease !important} .service-card:hover {transform:translateY(-4px) !important;box-shadow:0 8px 30px rgba(0,0,0,0.12) !important} .service-card:active {transform:scale(0.98) !important;box-shadow:0 2px 10px rgba(0,0,0,0.1) !important} .service-card h3 {font-size:1.3rem !important;margin-bottom:0.8rem !important;text-align:center !important} .service-card p {font-size:0.95rem !important;line-height:1.6 !important;text-align:center !important} .service-card i {font-size:2.5rem !important;margin-bottom:1rem !important} [data-theme="dark"] .service-card {background:#111111 !important;border:2px solid #333333 !important;color:#ffffff !important;box-shadow:0 4px 20px rgba(0,0,0,0.5) !important} [data-theme="dark"] .service-card:hover {border-color:#06b6d4 !important;box-shadow:0 8px 30px rgba(6,182,212,0.3) !important} [data-theme="dark"] .service-card h3 {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.8) !important} [data-theme="dark"] .service-card p {color:#e2e8f0 !important;text-shadow:0 1px 2px rgba(0,0,0,0.8) !important} [data-theme="dark"] .service-card i {color:#06b6d4 !important} } @media (max-width:768px) {.hero {padding:120px 0 80px !important;min-height:100vh !important} .hero-content {padding:0 15px !important;text-align:center !important} .hero-text h1 {font-size:clamp(2rem,8vw,2.5rem) !important;line-height:1.2 !important;margin-bottom:1.5rem !important} .hero-subtitle {font-size:clamp(0.9rem,4vw,1rem) !important;line-height:1.6 !important;margin-bottom:2rem !important;opacity:0.9 !important} .hero-actions {flex-direction:column !important;gap:1rem !important;align-items:center !important} .hero-actions .btn {width:100% !important;max-width:280px !important;justify-content:center !important;padding:14px 24px !important;font-size:1rem !important} .hero-image img {object-position:center !important;background-attachment:scroll !important} [data-theme="dark"] .hero h1 {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.8) !important} [data-theme="dark"] .hero-subtitle {color:#e2e8f0 !important;text-shadow:0 1px 2px rgba(0,0,0,0.8) !important} [data-theme="dark"] .hero-actions .btn {background:#333333 !important;color:#ffffff !important;border:2px solid #06b6d4 !important} [data-theme="dark"] .hero-actions .btn:hover {background:#06b6d4 !important;color:#000000 !important} } @media (max-width:768px) {.navbar {padding:1rem 0 !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(20px) !important} .nav-container {padding:0 15px !important} .nav-logo {font-size:1.3rem !important} .nav-logo i {font-size:1.8rem !important} .hamburger {display:flex !important;z-index:1001 !important} .nav-menu {position:fixed !important;left:-100% !important;top:0 !important;flex-direction:column !important;background-color:rgba(255,255,255,0.98) !important;width:100% !important;text-align:center !important;transition:0.3s !important;box-shadow:0 10px 27px rgba(0,0,0,0.05) !important;padding:80px 0 2rem 0 !important;height:100vh !important;gap:1rem !important;overflow-y:auto !important} .nav-menu.active {left:0 !important} .nav-menu a {padding:1rem 2rem !important;font-size:1.1rem !important;border-bottom:1px solid #f1f1f1 !important;color:#0f172a !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .nav-menu a:hover {background:rgba(30,64,175,0.1) !important;color:#1e40af !important} .theme-toggle {z-index:1002 !important} .theme-btn {width:40px !important;height:40px !important;font-size:1.1rem !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important;border-bottom:1px solid #333333 !important} [data-theme="dark"] .nav-menu {background-color:rgba(0,0,0,0.98) !important} [data-theme="dark"] .nav-menu a {color:#ffffff !important;border-bottom:1px solid #333333 !important} [data-theme="dark"] .nav-menu a:hover {background:rgba(6,182,212,0.1) !important;color:#06b6d4 !important} [data-theme="dark"] .hamburger span {background:#ffffff !important} [data-theme="dark"] .nav-logo span {color:#ffffff !important} [data-theme="dark"] .nav-logo i {color:#06b6d4 !important} } @media (max-width:768px) {.custom-trip-header {padding:0.8rem 0 !important;background:transparent !important;border-bottom:none !important} .custom-trip-header .container {padding:0 15px !important;flex-direction:column !important;gap:0.8rem !important} .custom-trip-header p {font-size:0.85rem !important;line-height:1.4 !important;margin-bottom:0 !important;text-align:center !important} .custom-trip-social {justify-content:center !important;gap:0.8rem !important} .custom-trip-social a {width:36px !important;height:36px !important;font-size:1rem !important;border-radius:50% !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .custom-trip-social a:active {transform:scale(0.95) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-bottom:1px solid #333333 !important;color:#ffffff !important} [data-theme="dark"] .custom-trip-header p {color:#e2e8f0 !important} [data-theme="dark"] .custom-trip-social a {background:#333333 !important;color:#ffffff !important;border:1px solid #06b6d4 !important} [data-theme="dark"] .custom-trip-social a:hover {background:#06b6d4 !important;color:#000000 !important} } @media (max-width:768px) {.footer {background:#ffffff !important;padding:60px 0 40px !important} .footer-content {grid-template-columns:1fr !important;gap:2rem !important;padding:0 1rem !important;text-align:center !important} .footer-section {text-align:center !important;margin-bottom:1.5rem !important} .footer-section h4 {font-size:1.2rem !important;margin-bottom:1rem !important;color:#0f172a !important} .footer-section p,.footer-section li {font-size:0.95rem !important;line-height:1.6 !important;color:#475569 !important} .footer-section ul li a {font-size:0.95rem !important;padding:0.5rem 0 !important;display:block !important;transition:color 0.3s ease !important} .footer-bottom {text-align:center !important;padding:2rem 1rem 0 !important;border-top:1px solid #e2e8f0 !important} .footer-bottom p {font-size:0.9rem !important;color:#64748b !important} .social-links {justify-content:center !important;margin-top:1.5rem !important;gap:1rem !important} .social-links a {font-size:1.1rem !important;padding:0.5rem !important;min-height:48px !important;min-width:48px !important;display:flex !important;align-items:center !important;justify-content:center !important} [data-theme="dark"] .footer {background:#000000 !important;border-top:1px solid #333333 !important} [data-theme="dark"] .footer-section h4 {color:#ffffff !important} [data-theme="dark"] .footer-section p {color:#e2e8f0 !important} [data-theme="dark"] .footer-section ul li a {color:#e2e8f0 !important} [data-theme="dark"] .footer-section ul li a:hover {color:#06b6d4 !important} [data-theme="dark"] .footer-bottom {border-top:1px solid #333333 !important} [data-theme="dark"] .footer-bottom p {color:#cbd5e1 !important} [data-theme="dark"] .footer-links a {color:#cbd5e1 !important} [data-theme="dark"] .footer-links a:hover {color:#06b6d4 !important} } @media (max-width:768px) {.about {padding:40px 0 !important;background:#ffffff !important} .about .container {padding:0 15px !important} .about-header h2 {font-size:clamp(1.8rem,6vw,2.2rem) !important;margin-bottom:1rem !important;text-align:center !important;color:#0f172a !important} .about-subtitle {font-size:clamp(0.9rem,4vw,1rem) !important;text-align:center !important;color:#64748b !important;margin-bottom:2rem !important} .about-content {grid-template-columns:1fr !important;gap:2rem !important;text-align:center !important} .about-text h3 {font-size:clamp(1.5rem,5vw,1.8rem) !important;margin-bottom:1rem !important;color:#0f172a !important} .about-text p {font-size:clamp(0.9rem,4vw,1rem) !important;line-height:1.6 !important;margin-bottom:1.5rem !important;color:#475569 !important} .about-highlights {gap:1.5rem !important;margin-bottom:2rem !important} .highlight-item {flex-direction:column !important;text-align:center !important;gap:1rem !important;padding:1.5rem !important;background:#f8fafc !important;border-radius:16px !important;border:1px solid #e2e8f0 !important} .highlight-item i {font-size:2rem !important;color:#1e40af !important} .highlight-item h4 {font-size:1.1rem !important;color:#0f172a !important;margin-bottom:0.5rem !important} .highlight-item p {font-size:0.9rem !important;color:#64748b !important;line-height:1.5 !important} .about-cta {flex-direction:column !important;gap:1rem !important;align-items:center !important} .about-cta .btn {width:100% !important;max-width:280px !important;justify-content:center !important} .about-image {text-align:center !important} .about-image img {max-width:100% !important;height:auto !important;border-radius:16px !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important} [data-theme="dark"] .about {background:#000000 !important} [data-theme="dark"] .about-header h2 {color:#ffffff !important} [data-theme="dark"] .about-subtitle {color:#e2e8f0 !important} [data-theme="dark"] .about-text h3 {color:#ffffff !important} [data-theme="dark"] .about-text p {color:#cbd5e1 !important} [data-theme="dark"] .highlight-item {background:#111111 !important;border:1px solid #333333 !important} [data-theme="dark"] .highlight-item i {color:#06b6d4 !important} [data-theme="dark"] .highlight-item h4 {color:#ffffff !important} [data-theme="dark"] .highlight-item p {color:#e2e8f0 !important} } @media (max-width:768px) {.contact {padding:40px 0 !important;background:#ffffff !important} .contact .container {padding:0 15px !important} .contact h2 {font-size:clamp(1.8rem,6vw,2.2rem) !important;margin-bottom:1rem !important;text-align:center !important;color:#0f172a !important} .contact .section-subtitle {font-size:clamp(0.9rem,4vw,1rem) !important;text-align:center !important;color:#64748b !important;margin-bottom:2rem !important} .contact-content {grid-template-columns:1fr !important;gap:2rem !important} .contact-info {gap:1.5rem !important} .contact-item {padding:1.5rem !important;border-radius:16px !important;text-align:center !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important} .contact-item:active {transform:scale(0.98) !important;box-shadow:0 2px 10px rgba(0,0,0,0.1) !important} .contact-item i {font-size:2rem !important;color:#1e40af !important;margin-bottom:1rem !important} .contact-item h4 {font-size:1.1rem !important;color:#0f172a !important;margin-bottom:0.5rem !important} .contact-item p {font-size:0.9rem !important;color:#64748b !important;line-height:1.5 !important} .contact-item a {color:#1e40af !important;text-decoration:none !important;font-weight:500 !important;transition:color 0.3s ease !important} .contact-item a:hover {color:#0d9488 !important;text-decoration:underline !important} .contact-form {padding:1.5rem !important;border-radius:16px !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important} .form-group {margin-bottom:1.5rem !important} .contact-form input,.contact-form textarea,.contact-form select {width:100% !important;padding:12px 16px !important;font-size:16px !important;border:2px solid #e2e8f0 !important;border-radius:12px !important;background:#ffffff !important;color:#0f172a !important;outline:none !important;appearance:none !important;transition:all 0.3s ease !important} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {border-color:#1e40af !important;box-shadow:0 0 0 3px rgba(30,64,175,0.1) !important;transform:scale(1.01) !important;outline:none !important} .contact-form textarea {min-height:120px !important;resize:vertical !important} .btn-primary {width:100% !important;padding:14px 24px !important;font-size:1rem !important;font-weight:600 !important;border-radius:12px !important;background:var(--secondary-teal) !important;color:#ffffff !important;border:none !important;cursor:pointer !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .btn-primary:hover {background:#0d9488 !important;transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(13,148,136,0.3) !important} .btn-primary:active {transform:scale(0.98) !important} [data-theme="dark"] .contact {background:#000000 !important} [data-theme="dark"] .contact h2 {color:#ffffff !important} [data-theme="dark"] .contact .section-subtitle {color:#e2e8f0 !important} [data-theme="dark"] .contact-item {background:#111111 !important;border:1px solid #333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-item i {color:#06b6d4 !important} [data-theme="dark"] .contact-item h4 {color:#ffffff !important} [data-theme="dark"] .contact-item p {color:#e2e8f0 !important} [data-theme="dark"] .contact-item a {color:#06b6d4 !important} [data-theme="dark"] .contact-item a:hover {color:#0d9488 !important} [data-theme="dark"] .contact-form {background:#111111 !important;border:1px solid #333333 !important} [data-theme="dark"] .contact-form input,[data-theme="dark"] .contact-form textarea,[data-theme="dark"] .contact-form select {background:#000000 !important;border:2px solid #333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-form input:focus,[data-theme="dark"] .contact-form textarea:focus,[data-theme="dark"] .contact-form select:focus {border-color:#06b6d4 !important;background:#111111 !important;box-shadow:0 0 0 3px rgba(6,182,212,0.2) !important} [data-theme="dark"] .btn-primary {background:#333333 !important;color:#ffffff !important;border:2px solid #06b6d4 !important} [data-theme="dark"] .btn-primary:hover {background:#06b6d4 !important;color:#000000 !important} } @media (max-width:768px) {.partners-section {padding:40px 0 !important;background:#ffffff !important} .partners-section .container {padding:0 15px !important} .partners-section h2 {font-size:clamp(1.8rem,6vw,2.2rem) !important;margin-bottom:1rem !important;text-align:center !important;color:#0f172a !important} .partners-section p {font-size:clamp(0.9rem,4vw,1rem) !important;text-align:center !important;color:#64748b !important;margin-bottom:2rem !important} .partners-logos {justify-content:center !important;gap:2rem !important;flex-wrap:wrap !important} .partner-logo {text-align:center !important} .iata-logo {max-width:120px !important;height:auto !important;filter:grayscale(0) !important;transition:all 0.3s ease !important} .iata-logo:hover {transform:scale(1.1) !important;filter:grayscale(0) brightness(1.1) !important} [data-theme="dark"] .partners-section {background:#000000 !important} [data-theme="dark"] .partners-section h2 {color:#ffffff !important} [data-theme="dark"] .partners-section p {color:#e2e8f0 !important} [data-theme="dark"] .iata-logo {filter:grayscale(0) brightness(1.2) !important} } @media (max-width:768px) {.scroll-to-top {width:50px !important;height:50px !important;bottom:20px !important;right:20px !important;font-size:1.2rem !important;border-radius:50% !important;background:#1e40af !important;color:#ffffff !important;border:none !important;cursor:pointer !important;transition:all 0.3s ease !important;box-shadow:0 4px 20px rgba(30,64,175,0.3) !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;z-index:1000 !important} .scroll-to-top:hover {background:#1e3a8a !important;transform:translateY(-3px) !important;box-shadow:0 8px 30px rgba(30,64,175,0.4) !important} .scroll-to-top:active {transform:scale(0.95) !important} [data-theme="dark"] .scroll-to-top {background:#333333 !important;color:#ffffff !important;border:2px solid #06b6d4 !important;box-shadow:0 4px 20px rgba(6,182,212,0.3) !important} [data-theme="dark"] .scroll-to-top:hover {background:#06b6d4 !important;color:#000000 !important;box-shadow:0 8px 30px rgba(6,182,212,0.4) !important} } @media (max-width:768px) {.floating-emoji {display:none !important} .floating-emoji-mobile {display:block !important;position:fixed !important;z-index:100 !important;pointer-events:none !important;opacity:0.1 !important} .floating-emoji-mobile.emoji-1 {top:20% !important;left:10% !important;font-size:2rem !important;animation:float-mobile 6s ease-in-out infinite !important} .floating-emoji-mobile.emoji-2 {top:60% !important;right:10% !important;font-size:1.8rem !important;animation:float-mobile 8s ease-in-out infinite reverse !important} .floating-emoji-mobile.emoji-3 {bottom:30% !important;left:15% !important;font-size:1.5rem !important;animation:float-mobile 7s ease-in-out infinite !important} @keyframes float-mobile {0%,100% {transform:translateY(0px) rotate(0deg)} 50% {transform:translateY(-20px) rotate(5deg)} } } @media (max-width:768px) {.whatsapp-float {position:fixed !important;bottom:20px !important;left:20px !important;width:60px !important;height:60px !important;background:#25d366 !important;color:#ffffff !important;border-radius:50% !important;text-align:center !important;font-size:1.5rem !important;box-shadow:0 4px 20px rgba(37,211,102,0.3) !important;z-index:1000 !important;display:flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .whatsapp-float:hover {background:#128c7e !important;transform:scale(1.1) !important;box-shadow:0 8px 30px rgba(37,211,102,0.4) !important} .whatsapp-float:active {transform:scale(0.95) !important} [data-theme="dark"] .whatsapp-float {background:#25d366 !important;color:#ffffff !important;box-shadow:0 4px 20px rgba(37,211,102,0.4) !important} [data-theme="dark"] .whatsapp-float:hover {background:#128c7e !important;box-shadow:0 8px 30px rgba(37,211,102,0.5) !important} .scroll-to-top {position:fixed !important;bottom:90px !important;right:20px !important;width:50px !important;height:50px !important;background:var(--primary-blue) !important;color:#ffffff !important;border:none !important;border-radius:50% !important;font-size:1.2rem !important;cursor:pointer !important;box-shadow:0 4px 20px rgba(0,0,0,0.2) !important;z-index:999 !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important} .scroll-to-top:hover {background:var(--secondary-teal) !important;transform:translateY(-3px) !important;box-shadow:0 8px 30px rgba(0,0,0,0.3) !important} .scroll-to-top:active {transform:scale(0.95) !important} [data-theme="dark"] .scroll-to-top {background:#06b6d4 !important;box-shadow:0 4px 20px rgba(6,182,212,0.3) !important} [data-theme="dark"] .scroll-to-top:hover {background:#0891b2 !important;box-shadow:0 8px 30px rgba(6,182,212,0.4) !important} } @media (max-width:768px) {img {max-width:100% !important;height:auto !important;object-fit:cover !important} .floating-emoji,.floating-emoji-mobile {animation-duration:8s !important;animation-iteration-count:2 !important} .service-card,.destination-card,.contact-item,.btn {transition:all 0.2s ease !important} .service-card,.destination-card,.contact-item {box-shadow:0 2px 10px rgba(0,0,0,0.1) !important} .service-card:active,.destination-card:active,.contact-item:active,.btn:active {transform:scale(0.98) !important;transition:transform 0.1s ease !important} .loading {opacity:0.7 !important;pointer-events:none !important} ::selection {background:var(--primary-blue) !important;color:#ffffff !important} ::-webkit-scrollbar {width:6px !important} ::-webkit-scrollbar-track {background:#f1f1f1 !important} ::-webkit-scrollbar-thumb {background:var(--primary-blue) !important;border-radius:3px !important} ::-webkit-scrollbar-thumb:hover {background:var(--secondary-teal) !important} .navbar,.hero,.service-card,.destination-card,.contact-item,.btn {transform:translateZ(0) !important;backface-visibility:hidden !important;perspective:1000px !important} @media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } } @media (max-width:768px) {.service-card:hover,.destination-card:hover,.contact-item:hover {box-shadow:0 4px 20px rgba(0,0,0,0.15) !important} .navbar,.nav-menu.active {backdrop-filter:blur(10px) !important} .service-card:hover,.destination-card:hover {transform:translateY(-2px) !important} .btn:active,.carousel-btn:active,.indicator:active {transform:scale(0.98) !important;transition:transform 0.1s ease !important} } @media (max-width:768px) {.btn:focus,.carousel-btn:focus,.indicator:focus,.nav-menu a:focus,input:focus,textarea:focus,select:focus {outline:3px solid #1e40af !important;outline-offset:2px !important;border-radius:4px !important} [data-theme="dark"] .btn:focus,[data-theme="dark"] .carousel-btn:focus,[data-theme="dark"] .indicator:focus,[data-theme="dark"] .nav-menu a:focus,[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus {outline:3px solid #06b6d4 !important} .service-card h3,.destination-card h3,.contact h2,.about h2,.partners-section h2 {font-weight:700 !important;text-shadow:none !important} .btn,.carousel-btn,.indicator,.nav-menu a,.hamburger {min-height:44px !important;min-width:44px !important} .nav-menu a {padding:1rem 2rem !important;margin:0.5rem 0 !important;border-radius:8px !important} .nav-menu a:hover,.nav-menu a:focus {background:rgba(30,64,175,0.1) !important;color:#1e40af !important} [data-theme="dark"] .nav-menu a:hover,[data-theme="dark"] .nav-menu a:focus {background:rgba(6,182,212,0.1) !important;color:#06b6d4 !important} .contact-form label {display:block !important;margin-bottom:0.5rem !important;font-weight:600 !important;color:#0f172a !important} [data-theme="dark"] .contact-form label {color:#ffffff !important} .carousel-btn {position:relative !important} .carousel-btn::before {content:attr(aria-label) !important;position:absolute !important;bottom:-30px !important;left:50% !important;transform:translateX(-50%) !important;background:rgba(0,0,0,0.8) !important;color:white !important;padding:4px 8px !important;border-radius:4px !important;font-size:0.8rem !important;white-space:nowrap !important} .sr-only {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} @media (prefers-contrast:high) {.btn,.service-card,.destination-card,.contact-item {border:2px solid #000000 !important} [data-theme="dark"] .btn,[data-theme="dark"] .service-card,[data-theme="dark"] .destination-card,[data-theme="dark"] .contact-item {border:2px solid #ffffff !important} } .carousel-btn::before {opacity:0 !important;transition:opacity 0.3s ease !important;pointer-events:none !important} .carousel-btn:hover::before,.carousel-btn:focus::before {opacity:1 !important} [data-theme="dark"] .carousel-btn::before {background:rgba(255,255,255,0.9) !important;color:#000000 !important} } @media (max-width:768px) and (orientation:landscape) {.hero {padding:80px 0 60px !important;min-height:80vh !important} .hero-text h1 {font-size:clamp(1.8rem,6vw,2.2rem) !important;margin-bottom:1rem !important} .hero-subtitle {font-size:clamp(0.8rem,3vw,0.9rem) !important;margin-bottom:1.5rem !important} .hero-actions {flex-direction:row !important;gap:1rem !important;justify-content:center !important} .hero-actions .btn {width:auto !important;max-width:200px !important;padding:10px 20px !important;font-size:0.9rem !important} .services,.destinations,.about,.contact {padding:30px 0 !important} .services-grid {grid-template-columns:repeat(2,1fr) !important;gap:1rem !important} .service-card {padding:1rem !important} .service-card h3 {font-size:1.1rem !important;margin-bottom:0.5rem !important} .service-card p {font-size:0.85rem !important;margin-bottom:0.5rem !important} .service-card i {font-size:2rem !important;margin-bottom:0.5rem !important} .carousel-container {min-height:300px !important} .destination-image {height:180px !important} .destination-content {padding:1rem !important} .destination-content h3 {font-size:1.2rem !important;margin-bottom:0.5rem !important} .destination-content p {font-size:0.85rem !important;margin-bottom:0.8rem !important} .carousel-controls-overlay {padding:0 0.3rem !important} .carousel-btn {width:40px !important;height:40px !important;font-size:1.1rem !important} .carousel-indicators {bottom:10px !important;gap:0.4rem !important} .indicator {width:8px !important;height:8px !important} .navbar {padding:0.8rem 0 !important} .nav-logo {font-size:1.2rem !important} .hamburger {width:25px !important;height:25px !important} .hamburger span {width:20px !important;height:2px !important} .custom-trip-header {padding:0.8rem 0 !important} .custom-trip-header p {font-size:0.8rem !important;margin-bottom:0.8rem !important} .custom-trip-social a {width:35px !important;height:35px !important;font-size:1rem !important} } @media (max-width:360px) {.container {padding:0 10px !important} .hero {padding:100px 0 60px !important} .hero-text h1 {font-size:clamp(1.6rem,7vw,2rem) !important;line-height:1.1 !important} .hero-subtitle {font-size:clamp(0.8rem,3.5vw,0.9rem) !important;line-height:1.4 !important} .hero-actions .btn {padding:12px 20px !important;font-size:0.9rem !important;max-width:250px !important} .services,.destinations,.about,.contact {padding:30px 0 !important} .services h2,.destinations h2,.about h2,.contact h2 {font-size:clamp(1.5rem,5.5vw,1.8rem) !important;margin-bottom:0.8rem !important} .section-subtitle {font-size:clamp(0.8rem,3.5vw,0.9rem) !important;margin-bottom:1.5rem !important} .iata-subtitle {font-size:0.8rem !important;margin-bottom:1.5rem !important} .services-grid {gap:1rem !important;padding:0 10px !important} .service-card {padding:1.2rem !important;border-radius:12px !important} .service-card h3 {font-size:1.1rem !important;margin-bottom:0.6rem !important} .service-card p {font-size:0.85rem !important;line-height:1.5 !important} .service-card i {font-size:2.2rem !important;margin-bottom:0.8rem !important} .carousel-container {margin:0 auto !important;max-width:calc(100% - 20px) !important;min-height:280px !important;border-radius:12px !important} .destination-card {border-radius:12px !important} .destination-image {height:160px !important;border-radius:12px 12px 0 0 !important} .destination-content {padding:1.2rem !important;border-radius:0 0 12px 12px !important} .destination-content h3 {font-size:1.1rem !important;margin-bottom:0.6rem !important} .destination-content p {font-size:0.8rem !important;line-height:1.5 !important;margin-bottom:0.8rem !important} .carousel-controls-overlay {padding:0 0.4rem !important} .carousel-btn {width:45px !important;height:45px !important;font-size:1.2rem !important} .carousel-indicators {bottom:12px !important;gap:0.5rem !important} .indicator {width:9px !important;height:9px !important} .navbar {padding:0.8rem 0 !important} .nav-container {padding:0 10px !important} .nav-logo {font-size:1.1rem !important} .nav-logo i {font-size:1.6rem !important} .hamburger {width:28px !important;height:28px !important} .hamburger span {width:22px !important;height:2px !important} .custom-trip-header {padding:0.8rem 0 !important} .custom-trip-header .container {padding:0 10px !important} .custom-trip-header p {font-size:0.75rem !important;line-height:1.4 !important;margin-bottom:0.8rem !important} .custom-trip-social a {width:35px !important;height:35px !important;font-size:0.9rem !important} .about-highlights {gap:1rem !important} .highlight-item {padding:1.2rem !important;border-radius:12px !important} .highlight-item i {font-size:1.8rem !important} .highlight-item h4 {font-size:1rem !important} .highlight-item p {font-size:0.8rem !important} .contact-info {gap:1rem !important} .contact-item {padding:1.2rem !important;border-radius:12px !important} .contact-item i {font-size:1.8rem !important;margin-bottom:0.8rem !important} .contact-item h4 {font-size:1rem !important;margin-bottom:0.4rem !important} .contact-item p {font-size:0.8rem !important} .contact-form {padding:1.2rem !important;border-radius:12px !important} .contact-form input,.contact-form textarea,.contact-form select {padding:10px 14px !important;font-size:16px !important;border-radius:10px !important} .contact-form textarea {min-height:100px !important} .btn-primary {padding:12px 20px !important;font-size:0.9rem !important;border-radius:10px !important} .footer {padding:2rem 0 1.5rem !important} .footer .container {padding:0 10px !important} .footer-content {gap:1.5rem !important} .footer-section h4 {font-size:1.1rem !important;margin-bottom:0.8rem !important} .footer-section p,.footer-section ul li a {font-size:0.8rem !important} .social-links a {width:35px !important;height:35px !important;font-size:1rem !important} .footer-bottom p {font-size:0.75rem !important} .footer-links a {font-size:0.75rem !important} .scroll-to-top {width:45px !important;height:45px !important;bottom:15px !important;right:15px !important;font-size:1.1rem !important} .whatsapp-float {width:55px !important;height:55px !important;bottom:15px !important;left:15px !important;font-size:1.4rem !important} [data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .destination-card {background:#000000 !important;border-color:#06b6d4 !important;color:#ffffff !important} [data-theme="dark"] .contact-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-form {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .highlight-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .footer {background:#000000 !important;border-color:#333333 !important} body {background:#ffffff !important} .service-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .destination-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-form {background:#ffffff !important;border-color:#e2e8f0 !important} .highlight-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .navbar {background:rgba(255,255,255,0.98) !important} .custom-trip-header {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .footer {background:#ffffff !important;border-color:#e2e8f0 !important} } @media (max-width:360px) and (orientation:landscape) {.hero {padding:60px 0 40px !important;min-height:70vh !important} .hero-text h1 {font-size:clamp(1.4rem,5vw,1.8rem) !important;margin-bottom:0.8rem !important} .hero-subtitle {font-size:clamp(0.7rem,2.5vw,0.8rem) !important;margin-bottom:1rem !important} .hero-actions {flex-direction:row !important;gap:0.8rem !important} .hero-actions .btn {padding:8px 16px !important;font-size:0.8rem !important;max-width:180px !important} .services,.destinations,.about,.contact {padding:20px 0 !important} .services-grid {grid-template-columns:repeat(2,1fr) !important;gap:0.8rem !important} .service-card {padding:1rem !important} .service-card h3 {font-size:1rem !important;margin-bottom:0.4rem !important} .service-card p {font-size:0.75rem !important;margin-bottom:0.4rem !important} .service-card i {font-size:1.8rem !important;margin-bottom:0.4rem !important} .carousel-container {min-height:240px !important} .destination-image {height:140px !important} .destination-content {padding:1rem !important} .destination-content h3 {font-size:1rem !important;margin-bottom:0.4rem !important} .destination-content p {font-size:0.75rem !important;margin-bottom:0.6rem !important} .navbar {padding:0.6rem 0 !important} .nav-logo {font-size:1rem !important} .hamburger {width:24px !important;height:24px !important} .hamburger span {width:18px !important;height:1.5px !important} .custom-trip-header {padding:0.6rem 0 !important} .custom-trip-header p {font-size:0.7rem !important;margin-bottom:0.6rem !important} .custom-trip-social a {width:30px !important;height:30px !important;font-size:0.8rem !important} .about-highlights {gap:0.8rem !important} .highlight-item {padding:1rem !important} .highlight-item i {font-size:1.6rem !important} .highlight-item h4 {font-size:0.9rem !important} .highlight-item p {font-size:0.75rem !important} .contact-info {gap:0.8rem !important} .contact-item {padding:1rem !important} .contact-item i {font-size:1.6rem !important;margin-bottom:0.6rem !important} .contact-item h4 {font-size:0.9rem !important;margin-bottom:0.3rem !important} .contact-item p {font-size:0.75rem !important} .contact-form {padding:1rem !important} .contact-form input,.contact-form textarea,.contact-form select {padding:8px 12px !important;font-size:16px !important} .contact-form textarea {min-height:80px !important} .btn-primary {padding:10px 16px !important;font-size:0.8rem !important} .footer {padding:1.5rem 0 1rem !important} .footer-content {gap:1rem !important} .footer-section h4 {font-size:1rem !important;margin-bottom:0.6rem !important} .footer-section p,.footer-section ul li a {font-size:0.75rem !important} .social-links a {width:30px !important;height:30px !important;font-size:0.9rem !important} .footer-bottom p {font-size:0.7rem !important} .footer-links a {font-size:0.7rem !important} .scroll-to-top {width:40px !important;height:40px !important;bottom:10px !important;right:10px !important;font-size:1rem !important} .whatsapp-float {width:50px !important;height:50px !important;bottom:10px !important;left:10px !important;font-size:1.3rem !important} [data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .destination-card {background:#000000 !important;border-color:#06b6d4 !important;color:#ffffff !important} [data-theme="dark"] .contact-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-form {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .highlight-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .footer {background:#000000 !important;border-color:#333333 !important} body {background:#ffffff !important} .service-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .destination-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-form {background:#ffffff !important;border-color:#e2e8f0 !important} .highlight-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .navbar {background:rgba(255,255,255,0.98) !important} .custom-trip-header {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .footer {background:#ffffff !important;border-color:#e2e8f0 !important} } @media (min-width:769px) and (max-width:1024px) {.container {padding:0 30px !important} .services-grid {grid-template-columns:repeat(2,1fr) !important;gap:2rem !important} .carousel-container {margin:0 auto !important;max-width:calc(100% - 60px) !important} .destination-image {height:300px !important} .destination-content h3 {font-size:1.6rem !important;margin-bottom:0.8rem !important} .destination-content p {font-size:1rem !important;line-height:1.6 !important;margin-bottom:1rem !important} .hero-text h1 {font-size:clamp(2.5rem,6vw,3rem) !important} .hero-subtitle {font-size:clamp(1rem,3vw,1.2rem) !important} .services h2,.destinations h2,.about h2,.contact h2 {font-size:clamp(2rem,5vw,2.5rem) !important} .section-subtitle {font-size:clamp(1rem,3vw,1.1rem) !important} .iata-subtitle {font-size:1rem !important} .service-card {padding:2rem !important;border-radius:18px !important} .service-card h3 {font-size:1.4rem !important;margin-bottom:1rem !important} .service-card p {font-size:1rem !important;line-height:1.6 !important} .service-card i {font-size:2.8rem !important;margin-bottom:1.2rem !important} .about-content {grid-template-columns:1fr !important;gap:2.5rem !important;text-align:center !important} .about-text h3 {font-size:1.8rem !important;margin-bottom:1.2rem !important} .about-text p {font-size:1.1rem !important;line-height:1.7 !important;margin-bottom:2rem !important} .about-highlights {gap:2rem !important;margin-bottom:2.5rem !important} .highlight-item {padding:2rem !important;border-radius:18px !important} .highlight-item i {font-size:2.2rem !important} .highlight-item h4 {font-size:1.2rem !important;margin-bottom:0.8rem !important} .highlight-item p {font-size:1rem !important;line-height:1.6 !important} .contact-content {grid-template-columns:1fr !important;gap:3rem !important} .contact-info {gap:2rem !important} .contact-item {padding:2rem !important;border-radius:18px !important} .contact-item i {font-size:2.2rem !important;margin-bottom:1.2rem !important} .contact-item h4 {font-size:1.3rem !important;margin-bottom:1rem !important} .contact-item p {font-size:1rem !important;line-height:1.6 !important} .contact-form {padding:2.5rem !important;border-radius:18px !important} .contact-form input,.contact-form textarea,.contact-form select {padding:1.2rem !important;font-size:1rem !important;border-radius:14px !important} .contact-form textarea {min-height:140px !important} .btn-primary {padding:1.2rem 2.5rem !important;font-size:1.1rem !important;border-radius:14px !important} .footer {padding:4rem 0 3rem !important} .footer-content {grid-template-columns:repeat(2,1fr) !important;gap:3rem !important} .footer-section h4 {font-size:1.3rem !important;margin-bottom:1.2rem !important} .footer-section p,.footer-section ul li a {font-size:1rem !important;line-height:1.6 !important} .social-links a {width:45px !important;height:45px !important;font-size:1.2rem !important} .scroll-to-top {width:55px !important;height:55px !important;bottom:25px !important;right:25px !important;font-size:1.3rem !important} .whatsapp-float {width:65px !important;height:65px !important;bottom:25px !important;left:25px !important;font-size:1.6rem !important} [data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .destination-card {background:#000000 !important;border-color:#06b6d4 !important;color:#ffffff !important} [data-theme="dark"] .contact-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-form {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .highlight-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .footer {background:#000000 !important;border-color:#333333 !important} body {background:#ffffff !important} .service-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .destination-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-form {background:#ffffff !important;border-color:#e2e8f0 !important} .highlight-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .navbar {background:rgba(255,255,255,0.98) !important} .custom-trip-header {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .footer {background:#ffffff !important;border-color:#e2e8f0 !important} } @media (max-height:500px) and (orientation:landscape) {.destinations {padding:25px 0 !important} .carousel-container {min-height:280px !important} .destination-image {height:160px !important} .destination-content {padding:1rem !important} .destination-content h3 {font-size:1.2rem !important;margin-bottom:0.5rem !important} .destination-content p {font-size:0.85rem !important;margin-bottom:0.8rem !important} .carousel-controls-overlay {padding:0 0.3rem !important} .carousel-btn {width:40px !important;height:40px !important;font-size:1.1rem !important} .carousel-indicators {bottom:8px !important} [data-theme="dark"] body {background:#000000 !important} [data-theme="dark"] .service-card {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .destination-card {background:#000000 !important;border-color:#06b6d4 !important;color:#ffffff !important} [data-theme="dark"] .contact-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .contact-form {background:#111111 !important;border-color:#333333 !important} [data-theme="dark"] .highlight-item {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .navbar {background:rgba(0,0,0,0.98) !important} [data-theme="dark"] .custom-trip-header {background:#111111 !important;border-color:#333333 !important;color:#ffffff !important} [data-theme="dark"] .footer {background:#000000 !important;border-color:#333333 !important} body {background:#ffffff !important} .service-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .destination-card {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .contact-form {background:#ffffff !important;border-color:#e2e8f0 !important} .highlight-item {background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important} .navbar {background:rgba(255,255,255,0.98) !important} .custom-trip-header {background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important} .footer {background:#ffffff !important;border-color:#e2e8f0 !important} } @media (max-width:768px) {body {font-size:16px;line-height:1.6} h1 {font-size:clamp(2rem,8vw,2.5rem);line-height:1.2} h2 {font-size:clamp(1.5rem,6vw,2rem);line-height:1.3} h3 {font-size:clamp(1.2rem,5vw,1.5rem);line-height:1.4} p {font-size:clamp(0.9rem,4vw,1rem);line-height:1.6} .container {padding:0 15px} .services,.destinations,.about,.contact {padding:40px 0} .hamburger {display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent;touch-action:manipulation} .hamburger span {width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:0.3s ease;border-radius:2px} .hamburger.active span:nth-child(1) {transform:rotate(-45deg) translate(-5px,6px)} .hamburger.active span:nth-child(2) {opacity:0} .hamburger.active span:nth-child(3) {transform:rotate(45deg) translate(-5px,-6px)} .hero-background {background-attachment:scroll} .hero-image img {object-position:center} .contact-form input,.contact-form textarea,.contact-form select {font-size:16px;-webkit-appearance:none;appearance:none;border-radius:8px} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {transform:scale(1.02);box-shadow:0 0 0 3px rgba(37,99,235,0.15)} img {max-width:100% !important;height:auto !important} .floating-emoji,.floating-emoji-mobile {animation-duration:8s !important;animation-iteration-count:2 !important} .service-card,.destination-card,.contact-item,.btn {transition:all 0.2s ease !important} .service-card,.destination-card,.contact-item {box-shadow:0 2px 10px rgba(0,0,0,0.1) !important} .service-card:hover,.destination-card:hover,.contact-item:hover {box-shadow:0 4px 20px rgba(0,0,0,0.15) !important} .navbar,.nav-menu.active {backdrop-filter:blur(10px) !important} .service-card:hover,.destination-card:hover {transform:translateY(-2px) !important} .btn:active,.carousel-btn:active,.indicator:active {transform:scale(0.98) !important;transition:transform 0.1s ease !important} body {scroll-behavior:smooth !important;-webkit-overflow-scrolling:touch !important} * {-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;text-rendering:optimizeLegibility !important} .destination-image img,.hero-image img {object-fit:cover !important;object-position:center !important;image-rendering:-webkit-optimize-contrast !important;image-rendering:crisp-edges !important} input,textarea,select {-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;border-radius:12px !important} .btn,.carousel-btn,.indicator {-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;user-select:none !important} .nav-menu {-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important} .carousel-container {-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important} .btn:focus,.carousel-btn:focus,.indicator:focus,.nav-menu a:focus,input:focus,textarea:focus,select:focus {outline:3px solid #1e40af !important;outline-offset:2px !important;border-radius:4px !important} [data-theme="dark"] .btn:focus,[data-theme="dark"] .carousel-btn:focus,[data-theme="dark"] .indicator:focus,[data-theme="dark"] .nav-menu a:focus,[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus {outline:3px solid #06b6d4 !important} .service-card,.destination-card,.contact-item,.highlight-item {will-change:transform !important;backface-visibility:hidden !important;transform:translateZ(0) !important} @media (prefers-reduced-motion:reduce) {* {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } .floating-emoji {animation:none !important;transform:none !important;transition:none !important;display:none !important} [data-theme="dark"] .hero h1,[data-theme="dark"] .hero-subtitle,[data-theme="dark"] .hero-subtitle-container p,[data-theme="dark"] .hero-actions .btn {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.8) !important} [data-theme="dark"] .hero-subtitle-container {background:rgba(0,0,0,0.8) !important;border-color:rgba(255,255,255,0.3) !important} [data-theme="light"] .hero h1,[data-theme="light"] .hero-subtitle,[data-theme="light"] .hero-subtitle-container p {color:#0f172a !important;text-shadow:0 2px 4px rgba(255,255,255,0.8) !important} [data-theme="light"] .hero-subtitle-container {background:rgba(255,255,255,0.9) !important;border-color:rgba(0,0,0,0.1) !important;backdrop-filter:blur(20px) !important} [data-theme="light"] .hero-actions .btn {color:#ffffff !important;text-shadow:0 2px 4px rgba(0,0,0,0.3) !important} @media (max-width:768px) {[data-theme="light"] .hero h1,[data-theme="light"] .hero-subtitle,[data-theme="light"] .hero-subtitle-container p {color:#0f172a !important;text-shadow:0 2px 4px rgba(255,255,255,0.8) !important} [data-theme="light"] .hero-subtitle-container {background:rgba(255,255,255,0.9) !important;border-color:rgba(0,0,0,0.1) !important;backdrop-filter:blur(20px) !important} [data-theme="light"] .hero {background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important} } *[style*="animation:"] {animation:none !important} *[style*="transform:"] {transform:none !important} body {-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden} }