:root{ 
    --bs-primary: #0d2c49;
    --bs-secondary: #df7321;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary)  !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.logo {
    width: 200px;
}

.nav-link.active, .nav-link:hover {
    color: var(--bs-secondary) !important;
}

.nav-link {
    color: white !important;
}

.footer {
    background: white !important;
}

.footer .footer-item a:hover {
    letter-spacing: inherit !important;
}

.object-fit-cover {
    object-fit: cover !important;
}

.banner-item {
    height: 375px !important;
}

.banner-img {
    height: 100%;
}

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

.top-10-daterium {
    top: 10px !important;
}

.right-10-daterium {
    right: 10px !important;
}

.dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

.text-break {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-break:hover {
	text-overflow: initial;
	white-space: initial;
	overflow: visible;
	cursor: pointer;
}

.product-item:hover .text-break {
    white-space: normal;   /* o nowrap según lo que quieras */
    overflow: visible;
    text-overflow: unset;
}
.product .product-item:hover .product-item-inner {
    border-bottom: 1px solid #dee2e6 !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.nombre-producto {
    font-size: 1rem !important;
    font-weight: bold !important;
    color: black;
}

.img-banner {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.logo-borde {
    filter: 
        drop-shadow(1px 1px 0 white)
        drop-shadow(-1px -1px 0 white)
        drop-shadow(1px -1px 0 white)
        drop-shadow(-1px 1px 0 white);
}

.active-nav-link {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
}

.list-type-none {
    list-style-type: none !important;
}

.owl-carousel .owl-item img {
    display: inherit;
    width: auto;
}

@media (max-width: 768px) {
    .logo {
        width: 150px;
    }

    .banner-item {
        height: 175px !important; /* misma altura para todos */
    }
}

@media (max-width: 1200px) {
    .banner-item {
        height: 275px !important; /* misma altura para todos */
    }
}

@media (max-width: 1400px) {
    .banner-item {
        height: 300px !important; /* misma altura para todos */
    }
}


@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}