:root {
    --bs-dropdown-min-width: 500px;
}

hr {
    margin: 1.5rem 0;
}

.img-logo {
    width: auto;
    max-height: 44px;
}

.contacto-logo img {
    max-width: 150px;
}

.dropdown-custom .dropdown-custom-img {
    border-radius: 50%;
}

.dropdown-custom .dropdown-toggle {
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-active-bg: var(--bs-btn-bg);
    border-radius: 50rem;
    padding: .5rem;
}

.dropdown.dropdown-no-caret .dropdown-toggle:after {
    content: none
}

footer {
    background: #1a1a1a;
    color: #fff;
    font-size: 0.9rem;
}

footer a {
    text-decoration: none;
    color: #ccc;
    transition: color 0.3s ease;
}

footer a:hover {
    color: #fff;
}

.cursor-pointer {
    cursor: pointer;
}

/* Custom breadcrumb for improved aesthetics */
.custom-breadcrumb {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #006f7f;
    list-style: none;
    padding: 0;
}

.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\276F"; /* Unicode for a nicer arrow */
    color: #006f7f;
    font-weight: 600;
    margin: 0 0.5rem; /* Adds spacing between the text and arrow */
    font-size: 0.85rem; /* Adjust arrow size */
}

.custom-breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: #006f7f;
}

.custom-breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}

.custom-breadcrumb .breadcrumb-item.active {
    color: #6c757d; /* Gray color for inactive (current page) */
    font-weight: 500;
}


/* By default, the navbar is fixed at the top */
#navHeader.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
}

/* Change to static position on small screens when the menu is expanded */
@media (max-width: 991.98px) { /* Breakpoint for mobile devices */
    #navHeader.navbar {
        position: static;
    }
}

.fit-cover {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.fit-contain {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

/* Contenedor del contador */
.form-control-numeric-button {
    display: flex;
    align-items: center;
}

/* Botones del contador */
.form-control-numeric-button .numeric-btn {
    border-radius: 50%; /* Botones redondos */
    height: 32px;
    width: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Deshabilitar zoom en dispositivos táctiles */
.form-control-numeric-button .numeric-btn.zoom-disabled {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}

/* Input del contador */
.form-control-numeric-button .numeric-input {
    border: 0;
    border-bottom: 1px solid var(--bs-gray-400);
    text-align: center;
    width: 32px;
    padding: 0;
    -moz-appearance: textfield; /* Eliminar flechas en Firefox */
}

/* Eliminar las flechas del input en Chrome y Safari */
.form-control-numeric-button .numeric-input::-webkit-inner-spin-button,
.form-control-numeric-button .numeric-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Input en foco */
.form-control-numeric-button .numeric-input:focus {
    border: 0;
    border-bottom: 1px solid var(--bs-gray-700);
    outline: none; /* Eliminar contorno al enfocar */
}

/* Espaciado entre el input y botones */
.form-control-numeric-button .numeric-input {
    margin: 0 1rem; /* Espaciado izquierdo y derecho */
    text-align: center;
}

@media (min-width: 992px) {
    .sectionGeneric {
        margin-top: 155px;
    }
}

@media (min-width: 992px) {
    .sectionlistingBoats {
        margin-top: 155px;
    }
}

.listing-search .dropdown-menu.search {
    min-width: 500px;
}

.listing-search .btn.btn-listing-search {
    background-color: #efefef;
    border-color:rgb(204, 204, 204);
}

.listing-search .btn.btn-listing-search:hover, .listing-search .btn.btn-listing-search:active, .listing-search .btn.btn-listing-search:focus {
    background-color: #7e7e7e!important;
    border-color:#7e7e7e!important;
    color: #ffffff;
}

.gi-item-listing .card {
    --bs-link-color: var(--bs-secondary);
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Transición suave */
}

.gi-item-listing .card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Sombra más destacada */
    transform: translateY(-5px); /* Eleva la tarjeta ligeramente */
}

/* Image styling */
.gi-item-listing .card img {
    height: 250px;
    object-fit: cover;
}

/* Flexibility and Featured labels */
.gi-item-listing .flex-label,
.gi-item-listing .featured-label {
    position: absolute;
    color: white;
    padding: 5px 10px;
    font-size: 0.9rem;
    border-radius: 5px;
}

.gi-item-listing .flex-label {
    background-color: #0066cc;
    bottom: 10px;
    left: 10px;
}

.gi-item-listing .featured-label {
    background-color: rgba(255, 0, 0, 0.8);
    top: 10px;
    left: 10px;
}

/* Wishlist button */
.gi-item-listing .wishlist-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    padding: 8px;
}

/* Card body styling */
.gi-item-listing .card-title {
    font-weight: bold;
    font-size: 1.1rem;
}

.gi-item-listing .card-text {
    font-size: 0.85rem;
    color: #555;
}

.gi-item-listing .bullets div {
    align-items: baseline;
    display: flex;
    margin-bottom: .25rem;
    margin-right: .25rem;
}

.gi-item-listing .bullets div:not(:last-child):after {
    content: "•";
    margin-left: .25rem;
}
.gi-item-listing .bullets .fa-small {
    height: .75rem;
    width: 1.25rem;
    text-align: center;
}

.gi-item-listing .price-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

.gi-item-listing .price {
    font-size: 1rem;
    font-weight: bold;
    color: #00283b;
}

.gi-item-listing .discount-badge {
    background-color: #00283b;
    color: white;
    padding: 2px 8px;
    font-size: 0.85rem;
    border-radius: 20px;
}

.gi-item-listing .rating {
    font-size: 0.9rem;
    color: #00283b;
}

.gi-item-listing .rating i {
    margin-right: 3px;
    color: #f39c12;
}

.gi-item-listing .lightning-icon-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px; /* Ajusta el tamaño del círculo */
    height: 20px;
    border-radius: 50%; /* Hace el contenedor circular */
    background-color: #f7c948; /* Amarillo del círculo */
    margin-right: 5px;
}

.gi-item-listing .lightning-icon {
    color: white; /* Cambia el color del rayo a blanco */
    font-size: 14px; /* Ajusta el tamaño del ícono */
}

.gi-item-listing .refit-icon {
    font-size: 0.9rem;
    margin-right: 5px;
    color: #555;
}

.gi-item-listing .size-icon {
    font-size: 0.9rem;
    margin-right: 5px;
    color: #555;
}

.gi-item-listing .captain-icon {
    width: 16px; /* Ajusta el tamaño */
    height: 16px;
    margin-right: 5px;
    fill: currentColor; /* Utiliza el color actual */
    vertical-align: middle; /* Alineación */
}

#searchGroupItemOffcanvas .offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.single-gi-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

#announcement-gallery {
    height: 210px
}

#announcement-gallery #openGalleryGroupItem {
    bottom: .5rem;
    position: absolute;
    right: 1rem;
    z-index: 2
}

@media (min-width: 576px) {
    #announcement-gallery {
        height:416px
    }
}

#announcement-photos .main-picture #home-page #cities img,#announcement-photos .main-picture .card-img-top,#home-page #cities #announcement-photos .main-picture img {
    cursor: auto;
    height: auto;
    max-height: 400px;
    width: 100%
}

#announcement-photos #home-page #cities img,#announcement-photos .card-img-top,#home-page #cities #announcement-photos img {
    background-color: #f1eae0;
    cursor: move;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 575.98px) {
    #announcement-photos #home-page #cities img,#announcement-photos .card-img-top,#home-page #cities #announcement-photos img {
        height:150px
    }
}

@media (max-width: 1199.98px) {
    .scrollcolumns {
        --bs-scroll-columns-width:auto;
        --bs-scroll-columns-max-width: 80vw;
        --bs-scroll-columns-img-height: 200px;
        flex-wrap: nowrap;
        overflow: auto
    }

    .scrollcolumns .scrollcolumn {
        max-width: var(--bs-scroll-columns-max-width);
        width: var(--bs-scroll-columns-width)
    }

    .scrollcolumns .scrollcolumn img:not(.rounded-avatar-s) {
        height: var(--bs-scroll-columns-img-height)
    }
}

/* Contenedor principal */
.booking-container {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1029;
    top: 65px;
}
@media (max-width: 991.98px) {
    .booking-container {
        position: static;
    }
}

  /* Estilos de la tarjeta */
  .booking-card {
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #f3f3f3;
  }
  
  .booking-card-body {
    padding: 20px;
  }
  
  .booking-card-footer {
    background-color: #f8f9fa;
  }
  
  /* Header (fechas) */
  .booking-header .form-label {
    font-weight: bold;
  }
  
  /* Precios */
  .booking-pricing div {
    font-size: 0.9rem;
  }
  
  /* Botones */
  .booking-footer .btn {
    font-size: 1rem;
    padding: 10px;
  }
  
  .datepicker {
    font-size: 1rem; /* Tamaño general */
    cursor: pointer;
    min-height: 60px;
  }
  
  .datepicker span {
    font-size: 1rem; /* Tamaño de texto interno */
  }
  
  .icon-interface-right {
    font-size: 1.5rem; /* Tamaño del icono central */
    color: #6c757d;
  }
  
  .from-date,
  .to-date {
    font-size: 1.1rem; /* Resaltar las fechas */
  }
  
  .from-time,
  .to-time {
    font-size: 0.9rem;
    color: #6c757d; /* Color más claro para las horas */
  }