/* Mobile */
@media (max-width: 575px) {
	.navbar-brand img {
		max-width: 140px;
	}
	.navbar > .container {
    flex-direction: row;
	}
	.header-main .header-right .nav-link {
    padding: 8px;
	}
	.header-main .navbar-toggler {
    margin-left: 0 !important;
	}
	.header-main .header-right .nav-link i {
    margin-right: 0px !important;
	}
	.product-card-1 .product-title a {
    color: #02010a;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	#total-cabecera {
    display: none;
	}
}

/* Mobile-Tablet */
@media (min-width: 576px) and (max-width: 768px) {
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Desktop */
@media (min-width: 992px) {
}

/* Desktop grande */
@media (min-width: 1200px) {
}

/* Altura fija del carrusel */
#carouselExampleSlidesOnly .carousel-item {
    height: 450px;
    position: relative;
    overflow: hidden;
    background: #222;
}

/* Contenedor que ocupa toda la altura */
#carouselExampleSlidesOnly .slide-contenedor {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Imagen de fondo borrosa */
#carouselExampleSlidesOnly .slide-fondo {
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    object-fit: cover;
    filter: blur(70px);
    z-index: 0;
}

/* Imagen principal */
#carouselExampleSlidesOnly .slide-contenedor picture {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

/* Mantener la imagen completa y centrada */
#carouselExampleSlidesOnly .slide-principal {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Altura en móviles */
@media (max-width: 576px) {
    #carouselExampleSlidesOnly .carousel-item {
        height: 300px;
    }
}