/* imcItemProductoListadoSlim2026.inc.php */

/* ===== BADGES ===== */
.relacionados--transversal .badges {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    z-index: 2;
}

.relacionados--transversal .badge {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 7px;
    border-radius: 12px;
    line-height: 1;
    white-space: nowrap;
}

.relacionados--transversal .badge-stock {
    background: #dff0ff;
    color: #0b66b2;
}

.relacionados--transversal .badge-offer {
    background: #ffe3e3;
    color: #b63131;
}


/* ===== TEXTO ===== */
.relacionados--transversal .group-articles article.slim-transversal .info .name {
    font-size: 15px !important;
    margin-bottom: 4px;
    display: block;
}

.relacionados--transversal .group-articles article.slim-transversal .info .model {
    font-size: 18px !important;
    margin-bottom: 6px;
    display: block;
}
.relacionados--transversal .group-articles article.slim-transversal .info .model--small {
     font-size: 15px !important;
}	

.relacionados--transversal .group-articles article.slim-transversal .info .extra {
    font-size: 10px !important;
    line-height: 1.15;
    text-transform: uppercase;
}
.relacionados--transversal .product-list .group-articles article.slim-transversal .image img {
    width: 130px !important;
	max-width: 130px !important;	
    height: auto !important;
    max-height: 140px !important;	
}
.relacionados--transversal .product-list .group-articles article.slim-transversal a .price .number .default {
    font-size: 22px !important;
    padding: 5px 8px !important;
}	
.relacionados--transversal .product-list .group-articles article.slim-transversal a .price .number .before {
    font-size: 14px !important;
    padding: 4px 7px !important;
}	
.relacionados--transversal .product-list .group-articles article.slim-transversal a .price .number .now {
    font-size: 20px !important;
    padding: 6px 8px !important;
}
.relacionados--transversal .product-list .group-articles article.slim-transversal a .info .extra{
    font-size: 11px;
    color: #a52a2a;
    font-weight: 600;
    display:block;
}

.relacionados--transversal .product-list .group-articles article.slim-transversal a .info .extra-sub{
    font-size: 10px;
    color: #777;
    font-weight: 500;
}
.relacionados--transversal .product-list .group-articles article.slim-transversal {
    padding: 14px 16px;
	padding-bottom: 10px;
    margin-bottom: 16px;
}	
@media (max-width: 640px) {

    .relacionados--transversal .product-list .group-articles {
        display: block !important;
		width: 100% !important;
    }

    .relacionados--transversal .product-list .group-articles article {
        width: 100% !important;
        display: block;
    }
	.relacionados--transversal .product-list .group-articles article.slim-transversal .image img {
		width: 130px !important;
		max-width: 130px !important;	
		height: auto !important;
		max-height: 160px !important;	
	}	

}		
@media (max-width: 640px) {

    .relacionados--transversal .product-list .group-articles article a {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .relacionados--transversal .product-list .group-articles .image {
        width: 110px;
        flex-shrink: 0;
    }

    .relacionados--transversal .product-list .group-articles .info {
        flex: 1;
    }
	
    .relacionados--transversal .product-list .group-articles article:nth-child(n+3) {
        display: none;
    }

}	

/* imcItemProductoListadoSlim2026.inc.php */
.producto-transversales {
    margin: 14px 0 18px;
    font-size: 15px;
    line-height: 1.5;
}

.producto-transversales p {
    margin: 0;
}

.producto-transversales a {
    font-weight: 600;
    text-decoration: underline;
}
.producto-transversales {
    margin: 14px 0 18px;
    font-size: 15px;
    line-height: 1.5;
}

.producto-transversales p {
    margin: 0;
}

.producto-transversales a {
    font-weight: 600;
    text-decoration: underline;
}
.relacionados--transversal {
    margin: 32px 0 10px;
}

.relacionados--transversal h2 {
    margin: 0 0 14px;
}

.relacionados--transversal .group-articles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
	

@media (max-width: 1100px) {
    .relacionados--transversal .group-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .relacionados--transversal .group-articles {
        grid-template-columns: 1fr;
    }
}
.relacionados__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.relacionados__head h2 {
    margin: 0;
}

.relacionados__ver-todos {
    white-space: nowrap;
    font-weight: 700;
    text-decoration: underline;
    color: #7a1e1e;
}