.app-container{min-height:100vh;background:radial-gradient(circle at center,#007cba,#69a9d1)}.navbar{background-color:transparent;transition:all .3s ease;padding:1rem}.navbar.scrolled{background-color:#007cbaf2;padding:.5rem 1rem}.navbar .navbar-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem;transition:all .3s ease}.navbar .nav-link{cursor:pointer}.hero-section{padding-top:60px;display:flex;align-items:center;justify-content:center}@media (max-width: 390px){.hero-section .hero-image{width:300px;height:300px}}@media (min-width: 391px) and (max-width: 576px){.hero-section .hero-image{width:500px;height:500px}}@media (min-width: 577px){.hero-section .hero-image{width:800px;height:800px}}.hero-section .hero-image{border-radius:20px;box-shadow:0 10px 40px #0000004d;object-fit:cover;transition:all .3s ease;opacity:1;margin-bottom:1.5rem}.hero-section .hero-image.hidden{width:0;height:0;opacity:0}@media (max-width: 390px){.hero-section .hero-image-small{width:150px;height:150px}}@media (min-width: 391px) and (max-width: 576px){.hero-section .hero-image-small{width:200px;height:200px}}@media (min-width: 577px){.hero-section .hero-image-small{width:300px;height:300px}}.hero-section .hero-image-small{border-radius:20px;box-shadow:0 10px 40px #0000004d;object-fit:cover;transition:all .3s ease;opacity:1;margin-bottom:1.5rem}.hero-section .hero-image-small.hidden{width:0;height:0;opacity:0}.hero-section .hero-title{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section .hero-subtitle{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.about-section{background-color:#fffffff2;padding:3rem 0}.about-section .section-title,.about-section .card-title{color:#007cba}.tour-section{background-color:#ffffffe6;padding:3rem 0}.tour-section .section-title,.tour-section .tour-card .tour-city{color:#007cba}.tour-section .tour-card .tour-button{background-color:#007cba;color:#fff;border:none}.tour-section .tour-card .tour-button:hover{background-color:#005a87}.video-section{background-color:#69a9d1;padding:3rem 0}.video-section .section-title{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-footer{padding:1.5rem 0;text-align:center;color:#fff}@media (max-width: 772px){.youtube{width:300px;height:220px}}@media (min-width: 773px){.youtube{width:560px;height:315px}}