/********** Template CSS **********/
:root {
    --primary: #86B817;
    --secondary: #FE8800;
    --light: #F5F5F5;
    --dark: #14141F;
}

.fw-medium {font-weight: 600 !important;}
.fw-semi-bold {font-weight: 700 !important;}

.back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99; }
.texto-blanco {color: #ffffff;}

/*** Spinner ***/
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; }
#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; }

/*** Button ***/
.btn { font-family: 'Nunito', sans-serif; font-weight: 600; transition: .5s; border-radius: 30px; }
.btn:hover { transform: scale(1.1); }

.btn.btn-primary, .btn.btn-secondary { color: #FFFFFF; }

.btn-square { width: 38px; height: 38px; }
.btn-sm-square { width: 32px; height: 32px; }
.btn-lg-square { width: 48px; height: 48px; }
.btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 0px; }

/*** Navbar ***/
.navbar .logo img { margin: 5px 0; }
.navbar .logo img.fondo_blanco { background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px; }
.navbar-light .navbar-nav .nav-link { font-family: 'Nunito', sans-serif; position: relative; margin-right: 25px; padding: 35px 0; color: #FFFFFF !important; font-size: 18px;
    font-weight: 600; outline: none; transition: .5s; }
    
.sticky-top.navbar-light .navbar-nav .nav-link { padding: 20px 0; color: var(--dark) !important; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: var(--primary) !important; }
.navbar-light .navbar-brand img { max-height: 60px; transition: .5s; }
.sticky-top.navbar-light .navbar-brand img { max-height: 45px; }

@media (max-width: 991.98px) {
    .sticky-top.navbar-light { position: relative; background: #FFFFFF; }
    .navbar-light .navbar-collapse { margin-top: 15px; border-top: 1px solid #DDDDDD; }
    .navbar-light .navbar-nav .nav-link, .sticky-top.navbar-light .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; color: var(--dark) !important; }
    .navbar-light .navbar-brand img { max-height: 45px; }
}

@media (min-width: 992px) {
    .navbar-light { position: absolute; width: 100%; top: 0; left: 0; border-bottom: 1px solid rgba(256, 256, 256, .1); z-index: 999; }
    .sticky-top.navbar-light { position: fixed; background: #FFFFFF; }
    .navbar-light .navbar-nav .nav-link::before { position: absolute; content: ""; width: 0; height: 2px; bottom: -1px; left: 50%; background: var(--primary); transition: .5s; }
    .navbar-light .navbar-nav .nav-link:hover::before, .navbar-light .navbar-nav .nav-link.active::before { width: calc(100% - 2px); left: 1px; }
    .navbar-light .navbar-nav .nav-link.nav-contact::before { display: none; }
}

/*** Hero Header ***/
.hero-header { background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../img/banner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, .5); }

/*** Section Title ***/
.section-title { position: relative; display: inline-block; text-transform: uppercase; }
.section-title::before { position: absolute; content: ""; width: calc(100% + 80px); height: 2px; top: 4px; left: -40px; background: var(--primary); z-index: -1; }
.section-title::after { position: absolute; content: ""; width: calc(100% + 120px); height: 2px; bottom: 5px; left: -60px; background: var(--primary); z-index: -1; }
.section-title.text-start::before { width: calc(100% + 40px); left: 0; }
.section-title.text-start::after { width: calc(100% + 60px); left: 0; }

/*** Service ***/
.service-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); transition: .5s; }
.service-item:hover { background: var(--primary); }
.service-item * { transition: .5s; }
.service-item:hover * { color: var(--light) !important; }

/*** Destination ***/
.destination img { transition: .5s; }
.destination a:hover img { transform: scale(1.1); }

/*** Package ***/
.package-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); }
.package-item img { transition: .5s; }
.package-item:hover img { transform: scale(1.1); }

/*** Booking ***/
.booking { background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)), url(../img/booking.jpg);
    background-position: center center; background-repeat: no-repeat; background-size: cover; }

/*** Team ***/
.team-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); }
.team-item img { transition: .5s; }
.team-item:hover img { transform: scale(1.1); }
.team-item .btn { background: #FFFFFF; color: var(--fondo-botones-principales) !important; border-radius: 20px; border: 2px solid var(--fondo-botones-principales) !important;; }
.team-item .btn:hover { background: var(--primary); color: #FFFFFF; }

/*** Testimonial ***/
.testimonial-carousel::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 0; background: linear-gradient(to right, var(--fondo-pagina), rgba(255, 255, 255, 0) 100%); z-index: 1; }
.testimonial-carousel::after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 0;
    background: linear-gradient(to left, var(--fondo-pagina), rgba(255, 255, 255, 0) 100%); z-index: 1; }

@media (min-width: 768px) {
    .testimonial-carousel::before, .testimonial-carousel::after { width: 200px; }
}

@media (min-width: 992px) {
    .testimonial-carousel::before, .testimonial-carousel::after { width: 300px; }
}

.testimonial-carousel .owl-item .testimonial-item, .testimonial-carousel .owl-item.center .testimonial-item * { transition: .5s; }
.testimonial-carousel .owl-item.center .testimonial-item { background: var(--primary) !important; border-color: var(--primary) !important; }
.testimonial-carousel .owl-item.center .testimonial-item * { color: #FFFFFF !important; }
.testimonial-carousel .owl-dots { margin-top: 24px; display: flex; align-items: flex-end; justify-content: center; }
.testimonial-carousel .owl-dot { position: relative; display: inline-block; margin: 0 5px; width: 15px; height: 15px; border: 1px solid #CCCCCC; border-radius: 15px; transition: .5s; }
.testimonial-carousel .owl-dot.active { background: var(--primary); border-color: var(--primary); }

@media (max-width: 768px) {
    iframe {  max-width: 100% !important; width: auto !important; height: auto !important; }
}
/** Contact **/
#contacto .round-block { border-radius: 50%; } 

/*** Footer ***/
.footer { background: #343434; visibility: visible; animation-delay: 0.1s; animation-name: fadeIn; }
.footer .btn.btn-social { margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: var(--light);
    font-weight: normal; border: 1px solid #FFFFFF; border-radius: 35px; transition: .3s; }
.footer .btn.btn-social:hover { color: var(--primary); }
.footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #FFFFFF; font-size: 15px; font-weight: normal; text-transform: capitalize; transition: .3s; }
.footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; }
.footer .btn.btn-link:hover { letter-spacing: 1px; box-shadow: none; }
.footer .copyright { padding: 25px 0; font-size: 15px; border-top: 1px solid rgba(256, 256, 256, .1); }
.footer .copyright a { color: var(--light); }
.footer .footer-menu a { margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, .1); }
.footer .footer-menu a:last-child { margin-right: 0; padding-right: 0; border-right: none; }

.footer .franquicia { background-color:#000000; }

.footer .franquicia .fraveo, .footer .franquicia .zafiro, .footer .franquicia .rosport { color: #fff; }

.footer .franquicia .fraveo a { color: #ff5f5f;  }

.footer .franquicia .zafiro a { color: #06af4e; font-weight:bold; }
.footer .franquicia .zafiro a span { color: #fbc90b; }

.footer .franquicia .rosport a { text-transform: none; color: #007bff; font-weight:bold; }
.footer .franquicia .rosport a span { color: #9cafb1; }