.header .logo img {
    max-height: 100px;
}
.travel-hero .hero-text .hero-buttons .btn.btn-primary {
    background-color: #ca5b3c;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #ca5b3c;
        border-color: #ca5b3c;
        color: #fff;
    }   
}

.header .btn-getstarted, .header .btn-getstarted:focus {
    background-color: #ca5b3c;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #ca5b3c;
        border-color: #ca5b3c;
        color: #fff;
    }       
}

.header .btn-sign-up, .header .btn-sign-up:focus {
    background-color: #a88277;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #a88277;
        border-color: #ca5b3c;
        color: #fff;
    }       
}

.section-title div .description-title {
    color: #296d57;
}
.section-title h2 {
    color: #296d57;
}

.travel-hero .hero-text .hero-buttons .btn.btn-outline:hover { 
    background-color: #ca5b3c;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #ca5b3c;
        border-color: #ca5b3c;
        color: #fff;
    }   
}
.featured-tours .btn-view-all {
    background-color: #ca5b3c;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #ca5b3c;
        border-color: #ca5b3c;
        color: #fff;
    }   
}

.featured-tours .tour-card .tour-content .tour-action .btn-book {
    background-color: #296d57;
    border-color: #296d57;
    color: #fff;
    &:hover {
        background-color: #296d57;
        border-color: #296d57;
        color: #fff;
    }   
}

.btn-primary {
    background-color: #ca5b3c;
    border-color: #ca5b3c;
    color: #fff;
    &:hover {
        background-color: #ca5b3c;
        border-color: #ca5b3c;
        color: #fff;
    }   
}

.bg-grey {
    background-color: #ececec;
}

.box-rounded {
    border-radius: 10px;
}

.box-border-1 {
    border: 1px solid #cccccc;
}



/* Botón flotante teléfono */
.floating-phone-btn {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 1050;
    /* encima de casi todo en Bootstrap */

    width: 60px;
    height: 60px;
    border-radius: 50%;

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

    font-size: 26px;
    color: #fff;
    background-color: #198754;
    /* verde bootstrap */

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    text-decoration: none;
}

.floating-phone-btn:hover {
    transform: scale(1.1);
    background-color: #157347;
    color: #fff;
}


.gallery-thumb {
    width: 100%;
    height: 200px;
    /* altura fija para que todas se vean parejas */
    object-fit: cover;
    /* recorta sin deformar */
}