.fondo{
    min-height: 60vh !important;
}

.background img{
        min-height: 60vh !important;
    }

.banner{
    min-height: 60vh !important;
}
.informacion{
	.texto{
		color: white;
		h2{
			font-size: clamp(3rem, 6vw, 5rem);
		}
	}
}

.producto{
    background: linear-gradient(90deg, #E3E4E5 0%, #E4E4E4 13%, #B4B6B9 100%) !important;
    .titulo{
        color: black;
    }
    .imagen-product {
        padding: 0px 12px;
        img{
        width: 100%;
        height: 220px; 
        object-fit: cover; 
        border-radius: 10px; 
    }}
    a{
        color: #78350F;
        font-size: 16px;
        transition: all 0.3s ease;
    }
    a:hover{
        color:#004136;;
        border-radius: 15px;
        border: 1px solid #004136;;
        padding-left: 10px;
    }
}

.titulo h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}


@media (max-width: 668px) { 
    .imagen-product {
        padding: 0px 12px;
    img {
        width: 100%; 
        height: auto; 
        max-width: 100%;
    }}
    .titulo h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
}